Expand publishing and virtual product workflows

2026-09-30 11:00:01 +08:00
parent 4ed8743934
commit b904dcf52e
54 changed files with 2185 additions and 108 deletions
--- a/browser-extension/multi-platform-publisher-1.1.17/sidepanel/panel.js
+++ b/browser-extension/multi-platform-publisher-1.1.17/sidepanel/panel.js
@@ -0,0 +1,103 @@
+const PLATFORM_META = Object.freeze({
+  xiaohongshu: { short: '红', className: 'platform-xiaohongshu' },
+  douyin: { short: '抖', className: 'platform-douyin' },
+  wechat_channels: { short: '视', className: 'platform-wechat_channels' },
+  bilibili: { short: 'B', className: 'platform-bilibili' },
+  xianyu: { short: '闲', className: 'platform-xianyu' }
+})
+
+const STATUS_META = Object.freeze({
+  PENDING: { text: '等待扩展接收', className: '' },
+  OPENING: { text: '正在打开平台', className: 'is-running' },
+  LOGIN_REQUIRED: { text: '需要登录', className: 'is-login' },
+  DOWNLOADING: { text: '正在读取素材', className: 'is-running' },
+  UPLOADING: { text: '正在上传素材', className: 'is-running' },
+  FILLING: { text: '正在填写资料', className: 'is-running' },
+  READY_TO_PUBLISH: { text: '等待手动发布', className: 'is-ready' },
+  SUCCEEDED: { text: '发布成功', className: 'is-ready' },
+  FAILED: { text: '处理失败，可重试', className: 'is-failed' },
+  CANCELLED: { text: '页面已关闭，可重试', className: 'is-failed' }
+})
+
+const taskList = document.getElementById('task-list')
+const emptyState = document.getElementById('empty-state')
+const notice = document.getElementById('notice')
+const template = document.getElementById('task-template')
+document.getElementById('version').textContent = 'v' + chrome.runtime.getManifest().version
+document.getElementById('refresh-list').addEventListener('click', loadTasks)
+
+chrome.storage.onChanged.addListener((changes, areaName) => {
+  if (areaName !== 'local') return
+  if (Object.keys(changes).some(key => key.startsWith('publisher_task_'))) loadTasks()
+})
+
+async function loadTasks() {
+  const response = await sendMessage({ type: 'SIDEPANEL_GET_TASKS' })
+  if (!response || !response.ok) {
+    showNotice(response && response.message || '读取发布任务失败')
+    return
+  }
+  renderTasks(response.tasks || [])
+}
+
+function renderTasks(tasks) {
+  taskList.replaceChildren()
+  emptyState.hidden = tasks.length > 0
+  for (const task of tasks) {
+    const card = template.content.firstElementChild.cloneNode(true)
+    const meta = PLATFORM_META[task.platform] || { short: '?', className: '' }
+    const status = STATUS_META[task.status] || { text: task.status || '未知状态', className: '' }
+    const icon = card.querySelector('.platform-icon')
+    icon.textContent = meta.short
+    icon.classList.add(meta.className)
+    card.querySelector('.platform-name').textContent = task.platformName || task.platform
+    card.querySelector('.task-title').textContent = task.title || '当前发布任务'
+    const statusLine = card.querySelector('.status-line')
+    statusLine.classList.add(status.className)
+    statusLine.querySelector('span').textContent = task.statusMessage || status.text
+
+    card.querySelector('.task-main').addEventListener('click', async () => {
+      const response = await sendMessage({ type: 'SIDEPANEL_ACTIVATE_TASK', taskId: task.taskId })
+      if (!response || !response.ok) showNotice(response && response.message || '无法定位平台页面')
+    })
+
+    const retryButton = card.querySelector('.retry-button')
+    retryButton.disabled = !task.canRetry
+    retryButton.title = task.canRetry ? '重新打开并重试' : '已发布成功，不能重复执行'
+    retryButton.addEventListener('click', async () => {
+      retryButton.disabled = true
+      retryButton.classList.add('is-loading')
+      const response = await sendMessage({ type: 'SIDEPANEL_RETRY_TASK', taskId: task.taskId })
+      retryButton.classList.remove('is-loading')
+      if (!response || !response.ok) {
+        retryButton.disabled = !task.canRetry
+        showNotice(response && response.message || '重试失败')
+        return
+      }
+      showNotice('已重新打开' + (task.platformName || task.platform) + '并开始填写', true)
+      await loadTasks()
+    })
+    taskList.appendChild(card)
+  }
+}
+
+function showNotice(message, success = false) {
+  notice.textContent = message
+  notice.classList.toggle('is-success', success)
+  notice.hidden = false
+  window.setTimeout(() => { notice.hidden = true }, 4000)
+}
+
+function sendMessage(message) {
+  return new Promise(resolve => {
+    chrome.runtime.sendMessage(message, response => {
+      if (chrome.runtime.lastError) {
+        resolve({ ok: false, message: chrome.runtime.lastError.message })
+        return
+      }
+      resolve(response)
+    })
+  })
+}
+
+loadTasks()