74 feat weibo video (#77)

* feat: add Weibo video platform sync support

- Implement video upload functionality for Weibo platform
- Add platform configuration for Weibo video sync in common configuration
- Create dedicated sync function for Weibo video content upload
- Support file upload, description input, and optional auto-publishing
- Implement robust element selection and interaction with Weibo's web interface

* feat: improve Weibo video upload with content script and enhanced sync functionality

- Add Weibo-specific content script for video upload handling
- Modify Weibo sync function to support title and content input
- Update platform configuration to target specific Weibo upload channel
- Implement message-based video upload mechanism
- Enhance element selection and interaction for Weibo platform

Author: cunoe

src/contents/weibo-helper.ts

@@ -0,0 +1,85 @@
+/* eslint-disable prefer-const */
+
+export {};
+import type { PlasmoCSConfig } from 'plasmo';
+
+export const config: PlasmoCSConfig = {
+  matches: ['https://weibo.com/upload/channel*'],
+  world: 'MAIN',
+  run_at: 'document_start',
+};
+
+let originalCreateElement = document.createElement.bind(document);
+let createdInputs: HTMLInputElement[] = [];
+
+document.createElement = function (tagName, options) {
+  let element = originalCreateElement(tagName, options);
+  if (tagName.toLowerCase() === 'input') {
+    createdInputs.push(element);
+    console.log('createdInputs', element);
+  }
+  return element;
+};
+
+interface UploadMessage {
+  type: string;
+  video: File;
+}
+
+async function findElementByText(
+  selector: string,
+  text: string,
+  maxRetries = 5,
+  retryInterval = 1000,
+): Promise<Element | null> {
+  for (let i = 0; i < maxRetries; i++) {
+    const elements = document.querySelectorAll(selector);
+    const element = Array.from(elements).find((element) => element.textContent?.includes(text));
+
+    if (element) {
+      return element;
+    }
+
+    console.log(`未找到包含文本 "${text}" 的元素，尝试次数：${i + 1}`);
+    await new Promise((resolve) => setTimeout(resolve, retryInterval));
+  }
+
+  console.error(`在 ${maxRetries} 次尝试后未找到包含文本 "${text}" 的元素`);
+  return null;
+}
+
+async function handleVideoUpload(event: MessageEvent) {
+  const { data } = event as { data: UploadMessage };
+  if (data.type !== 'WEIBO_VIDEO_UPLOAD') return;
+
+  window.removeEventListener('message', handleVideoUpload);
+
+  const video = data.video;
+
+  const uploadVideoButton = await findElementByText('span', '上传视频');
+  if (!uploadVideoButton) {
+    return;
+  }
+
+  (uploadVideoButton as HTMLElement).click();
+  await new Promise((resolve) => setTimeout(resolve, 500));
+
+  const uploadInput = createdInputs.find((input) => input.type === 'file' && input.id === '_ef');
+  if (!uploadInput) {
+    console.error('未找到上传输入框');
+    return;
+  }
+
+  const dataTransfer = new DataTransfer();
+  dataTransfer.items.add(video);
+  uploadInput.files = dataTransfer.files;
+
+  uploadInput.disabled = true;
+
+  await new Promise((resolve) => setTimeout(resolve, 1000));
+
+  uploadInput.disabled = false;
+  uploadInput.dispatchEvent(new Event('change', { bubbles: true }));
+}
+
+window.addEventListener('message', handleVideoUpload);

src/sync/common.ts

@@ -390,7 +390,7 @@ export const infoMap: Record<string, PlatformInfo> = {
     homeUrl: 'https://weibo.com/',
     faviconUrl: 'https://weibo.com/favicon.ico',
     platformName: chrome.i18n.getMessage('platformWeibo'),
-    injectUrl: 'https://weibo.com',
+    injectUrl: 'https://weibo.com/upload/channel',
     injectFunction: VideoWeibo,
   },
 };

src/sync/video/weibo.ts

@@ -31,59 +31,21 @@ export async function VideoWeibo(data: SyncData) {
     });
   }
 
-  // 辅助函数：等待多个元素出现
-  function waitForElements(selector: string, count: number, timeout = 30000): Promise<Element[]> {
-    return new Promise((resolve, reject) => {
-      const checkElements = () => {
-        const elements = document.querySelectorAll(selector);
-        if (elements.length >= count) {
-          resolve(Array.from(elements));
-          return;
-        }
-
-        if (Date.now() - startTime > timeout) {
-          reject(new Error(`未能在 ${timeout}ms 内找到 ${count} 个 "${selector}" 元素`));
-          return;
-        }
-
-        setTimeout(checkElements, 100);
-      };
-
-      const startTime = Date.now();
-      checkElements();
-    });
-  }
-
-  // 辅助函数：上传文件
-  async function uploadFiles() {
-    const fileInput = (await waitForElement('input[type="file"]')) as HTMLInputElement;
-    if (!fileInput) {
-      console.error('未找到文件输入元素');
-      return;
-    }
-
-    const dataTransfer = new DataTransfer();
-
-    // 只处理视频文件
-    if (video.type.startsWith('video/')) {
+  try {
+    // 处理视频上传
+    if (video) {
       const response = await fetch(video.url);
       const blob = await response.blob();
       const videoFile = new File([blob], video.name, { type: video.type });
       console.log(`文件: ${videoFile.name} ${videoFile.type} ${videoFile.size}`);
-      dataTransfer.items.add(videoFile);
-    }
 
-    if (dataTransfer.files.length > 0) {
-      fileInput.files = dataTransfer.files;
-      fileInput.dispatchEvent(new Event('change', { bubbles: true }));
-      await new Promise((resolve) => setTimeout(resolve, 2000)); // 等待文件处理
-      console.log('文件上传操作完成');
-    } else {
-      console.error('没有成功添加任何文件');
+      window.postMessage({ type: 'WEIBO_VIDEO_UPLOAD', video: videoFile }, '*');
     }
-  }
 
-  try {
+    console.log('成功填入微博内容和视频');
+
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+
     // 使用 findElementByText 函数查找输入元素
     const inputElement = (await waitForElement(
       'textarea[placeholder="有什么新鲜事想分享给大家？"]',
@@ -94,21 +56,24 @@ export async function VideoWeibo(data: SyncData) {
     }
 
     // 组合标题和内容
-    const fullContent = `${title}\n${content}`;
+    const fullContent = `${content}`;
 
     // 填写内容
     inputElement.value = fullContent;
     inputElement.dispatchEvent(new Event('input', { bubbles: true }));
 
     console.log('成功填入微博内容');
 
-    // 处理视频上传
-    if (video) {
-      await uploadFiles();
-      await waitForElements('i[title="删除"]', 1);
+    const titleInputElement = (await waitForElement('input[placeholder="填写标题（0～30个字）"]')) as HTMLInputElement;
+
+    if (!titleInputElement) {
+      throw new Error('未找到微博标题输入框');
     }
 
-    console.log('成功填入微博内容和视频');
+    titleInputElement.value = title;
+    titleInputElement.dispatchEvent(new Event('input', { bubbles: true }));
+
+    console.log('成功填入微博标题');
 
     // 处理自动发布
     if (data.auto_publish) {