feat: 更新贡献模式相关URL，优化上传页面和官网页面的链接

2026-04-24 10:29:37 +08:00
parent fa9b4b8f38
commit 37d1ca6147
5 changed files with 79 additions and 46 deletions
@@ -12,7 +12,8 @@
      constants = {},
    } = context;

-    const contributionUploadUrl = constants.contributionUploadUrl || 'https://apikey.qzz.io';
+    const contributionPortalUrl = constants.contributionPortalUrl || 'https://apikey.qzz.io';
+    const contributionUploadUrl = constants.contributionUploadUrl || 'https://apikey.qzz.io/upload';
    const pollIntervalMs = Math.max(1500, Math.floor(Number(constants.pollIntervalMs) || 2500));

    const hiddenRows = [
@@ -175,10 +176,22 @@
      return normalizeString(currentState.contributionStatusMessage) || DEFAULT_COPY;
    }

+    function getContributionPortalPageUrl() {
+      return normalizeString(contributionPortalUrl);
+    }
+
    function getContributionUploadPageUrl() {
      return normalizeString(contributionUploadUrl);
    }

+    function openContributionPortalPage() {
+      const targetUrl = getContributionPortalPageUrl();
+      if (!targetUrl) {
+        return;
+      }
+      helpers.openExternalUrl?.(targetUrl);
+    }
+
    function openContributionUploadPage() {
      const targetUrl = getContributionUploadPageUrl();
      if (!targetUrl) {
@@ -375,9 +388,9 @@
        }
        actionInFlight = true;
        try {
-          openContributionUploadPage();
+          openContributionPortalPage();
        } catch (error) {
-          helpers.showToast?.(`打开上传页面失败：${error.message}`, 'error');
+          helpers.showToast?.(`打开官网页面失败：${error.message}`, 'error');
        }
        render();
        try {
@@ -16,8 +16,7 @@
 <body>
  <header>
    <div class="header-left">
-      <button id="btn-repo-home" class="header-icon-link" type="button" aria-label="打开 GitHub 仓库"
-        title="打开 GitHub 仓库">
+      <button id="btn-repo-home" class="header-icon-link" type="button" aria-label="打开 GitHub 仓库" title="打开 GitHub 仓库">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
          stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
@@ -35,7 +34,7 @@
    <div class="header-btns">
      <div class="run-group">
        <button id="btn-contribution-mode" class="btn btn-outline btn-sm btn-contribution-mode" type="button"
-          aria-pressed="false" title="进入贡献模式并打开上传页">贡献/使用</button>
+          aria-pressed="false" title="进入贡献模式并打开官网页">贡献/使用教程</button>
        <input type="number" id="input-run-count" class="run-count-input" value="1" min="1" title="运行次数" />
        <button id="btn-auto-run" class="btn btn-success" title="自动执行全部步骤">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
@@ -84,7 +83,7 @@
  <div id="contribution-update-layer" class="contribution-update-layer" hidden>
    <div id="contribution-update-hint" class="contribution-update-hint" aria-live="polite" hidden>
      <p id="contribution-update-hint-text" class="contribution-update-hint-text">
-        公告 / 使用教程有更新了，可点上方“贡献/使用”查看。
+        公告 / 使用教程有更新了，可点上方“贡献/使用教程”查看。
      </p>
      <button id="btn-dismiss-contribution-update-hint" class="contribution-update-hint-close" type="button"
        aria-label="关闭更新提示" title="关闭更新提示">×</button>
@@ -120,14 +119,16 @@
          <span class="section-label">贡献模式</span>
          <span class="contribution-mode-badge">CPA</span>
        </div>
-        <p id="contribution-mode-text" class="contribution-mode-text">当前账号将用于支持项目维护。扩展会自动申请贡献登录地址并持续跟踪授权状态；如检测到回调地址，会自动提交，无需手动复制。</p>
+        <p id="contribution-mode-text" class="contribution-mode-text">
+          当前账号将用于支持项目维护。扩展会自动申请贡献登录地址并持续跟踪授权状态；如检测到回调地址，会自动提交，无需手动复制。</p>
        <div class="data-row contribution-mode-field">
          <span class="data-label">贡献昵称</span>
          <input type="text" id="input-contribution-nickname" class="data-input" placeholder="可留空，将显示为匿名贡献者" />
        </div>
        <div class="data-row contribution-mode-field">
          <span class="data-label">QQ</span>
-          <input type="text" id="input-contribution-qq" class="data-input" inputmode="numeric" placeholder="可留空，只能填写数字" />
+          <input type="text" id="input-contribution-qq" class="data-input" inputmode="numeric"
+            placeholder="可留空，只能填写数字" />
        </div>
        <div class="contribution-mode-status-grid">
          <div class="contribution-mode-status-card">
@@ -190,8 +191,7 @@
      </div>
      <div class="data-row" id="row-sub2api-default-proxy" style="display:none;">
        <span class="data-label">默认代理</span>
-        <input type="text" id="input-sub2api-default-proxy" class="data-input"
-          placeholder="留空则不使用代理；或填写代理名称 / ID" />
+        <input type="text" id="input-sub2api-default-proxy" class="data-input" placeholder="留空则不使用代理；或填写代理名称 / ID" />
      </div>
      <div class="data-row" id="row-codex2api-url" style="display:none;">
        <span class="data-label">Codex2API</span>
@@ -265,7 +265,8 @@
      <div class="data-row" id="row-mail2925-pool-settings" style="display:none;">
        <span class="data-label">2925 号池</span>
        <div class="data-inline mail2925-base-inline">
-          <label class="toggle-switch mail2925-pool-toggle" id="label-mail2925-use-account-pool" for="input-mail2925-use-account-pool" style="display:none;" title="开启后启用 2925 账号池">
+          <label class="toggle-switch mail2925-pool-toggle" id="label-mail2925-use-account-pool"
+            for="input-mail2925-use-account-pool" style="display:none;" title="开启后启用 2925 账号池">
            <input type="checkbox" id="input-mail2925-use-account-pool" />
            <span class="toggle-switch-track" aria-hidden="true">
              <span class="toggle-switch-thumb"></span>
@@ -280,7 +281,8 @@
      <div class="data-row" id="row-email-prefix" style="display:none;">
        <span class="data-label" id="label-email-prefix">别名基邮箱</span>
        <div class="data-inline">
-          <input type="text" id="input-email-prefix" class="data-input mail2925-base-input" placeholder="例如 yourname@example.com" />
+          <input type="text" id="input-email-prefix" class="data-input mail2925-base-input"
+            placeholder="例如 yourname@example.com" />
        </div>
      </div>
      <div class="data-row" id="row-inbucket-host" style="display:none;">
@@ -338,8 +340,8 @@
          <div class="setting-group setting-group-secondary">
            <span class="setting-caption">线程间隔</span>
            <div class="setting-controls">
-              <input type="number" id="input-auto-skip-failures-thread-interval-minutes" class="data-input auto-delay-input" value="0"
-                min="0" max="1440" step="1" title="兜底模式下，两轮线程之间的等待分钟数" />
+              <input type="number" id="input-auto-skip-failures-thread-interval-minutes"
+                class="data-input auto-delay-input" value="0" min="0" max="1440" step="1" title="兜底模式下，两轮线程之间的等待分钟数" />
              <span class="data-unit">分钟</span>
            </div>
          </div>
@@ -368,19 +370,20 @@
      </div>
      <div class="data-row" id="row-account-run-history-helper-base-url" style="display:none;">
        <span class="data-label">同步服务</span>
-        <input type="text" id="input-account-run-history-helper-base-url" class="data-input mono" placeholder="http://127.0.0.1:17373" />
+        <input type="text" id="input-account-run-history-helper-base-url" class="data-input mono"
+          placeholder="http://127.0.0.1:17373" />
      </div>
      <div class="data-row">
-      <span class="data-label">OAuth</span>
-      <span id="display-oauth-url" class="data-value mono truncate">等待中...</span>
-    </div>
-    <div class="data-row">
-      <span class="data-label">回调</span>
-      <div class="data-inline data-value-actions">
-        <span id="display-localhost-url" class="data-value data-value-fill mono truncate">等待中...</span>
-        <button id="btn-save-settings" class="btn btn-outline btn-sm data-inline-btn" type="button">保存</button>
+        <span class="data-label">OAuth</span>
+        <span id="display-oauth-url" class="data-value mono truncate">等待中...</span>
+      </div>
+      <div class="data-row">
+        <span class="data-label">回调</span>
+        <div class="data-inline data-value-actions">
+          <span id="display-localhost-url" class="data-value data-value-fill mono truncate">等待中...</span>
+          <button id="btn-save-settings" class="btn btn-outline btn-sm data-inline-btn" type="button">保存</button>
+        </div>
      </div>
-    </div>
    </div>
    <div id="cloudflare-temp-email-section" class="data-card hotmail-card" style="display:none;">
      <div class="section-mini-header">
@@ -399,20 +402,24 @@
      </div>
      <div class="data-row" id="row-temp-email-admin-auth" style="display:none;">
        <span class="data-label">Admin Auth</span>
-        <input type="password" id="input-temp-email-admin-auth" class="data-input data-input-with-icon" placeholder="Cloudflare Temp Email admin password" />
+        <input type="password" id="input-temp-email-admin-auth" class="data-input data-input-with-icon"
+          placeholder="Cloudflare Temp Email admin password" />
      </div>
      <div class="data-row" id="row-temp-email-custom-auth" style="display:none;">
        <span class="data-label">Custom Auth</span>
-        <input type="password" id="input-temp-email-custom-auth" class="data-input data-input-with-icon" placeholder="仅当站点启用了访问密码时再填写；这是额外鉴权，不替代 Admin Auth。" />
+        <input type="password" id="input-temp-email-custom-auth" class="data-input data-input-with-icon"
+          placeholder="仅当站点启用了访问密码时再填写；这是额外鉴权，不替代 Admin Auth。" />
      </div>
      <div class="data-row" id="row-temp-email-receive-mailbox" style="display:none;">
        <span class="data-label">邮件接收</span>
-        <input type="text" id="input-temp-email-receive-mailbox" class="data-input" placeholder="用于接收转发邮件的邮箱，例如 1@email.example.com" />
+        <input type="text" id="input-temp-email-receive-mailbox" class="data-input"
+          placeholder="用于接收转发邮件的邮箱，例如 1@email.example.com" />
      </div>
      <div class="data-row" id="row-temp-email-random-subdomain-toggle" style="display:none;">
        <span class="data-label">随机子域</span>
        <div class="data-inline">
-          <label class="toggle-switch" for="input-temp-email-use-random-subdomain" title="依赖后端 RANDOM_SUBDOMAIN_DOMAINS 配置">
+          <label class="toggle-switch" for="input-temp-email-use-random-subdomain"
+            title="依赖后端 RANDOM_SUBDOMAIN_DOMAINS 配置">
            <input type="checkbox" id="input-temp-email-use-random-subdomain" />
            <span class="toggle-switch-track" aria-hidden="true">
              <span class="toggle-switch-thumb"></span>
@@ -438,7 +445,8 @@
          <span class="section-label">Hotmail 账号池</span>
        </div>
        <div class="section-mini-actions">
-          <button id="btn-toggle-hotmail-form" class="btn btn-outline btn-xs" type="button" aria-expanded="false">添加账号</button>
+          <button id="btn-toggle-hotmail-form" class="btn btn-outline btn-xs" type="button"
+            aria-expanded="false">添加账号</button>
          <button id="btn-hotmail-usage-guide" class="btn btn-ghost btn-xs" type="button">使用教程</button>
          <button id="btn-clear-used-hotmail-accounts" class="btn btn-ghost btn-xs" type="button">清空已用</button>
          <button id="btn-delete-all-hotmail-accounts" class="btn btn-ghost btn-xs" type="button">全部删除</button>
@@ -455,11 +463,13 @@
      </div>
      <div class="data-row" id="row-hotmail-remote-base-url">
        <span class="data-label">API对接</span>
-        <input type="text" id="input-hotmail-remote-base-url" class="data-input mono" placeholder="微软邮箱 API 对接模式无需填写地址" />
+        <input type="text" id="input-hotmail-remote-base-url" class="data-input mono"
+          placeholder="微软邮箱 API 对接模式无需填写地址" />
      </div>
      <div class="data-row" id="row-hotmail-local-base-url" style="display:none;">
        <span class="data-label">本地助手</span>
-        <input type="text" id="input-hotmail-local-base-url" class="data-input mono" placeholder="http://127.0.0.1:17373" />
+        <input type="text" id="input-hotmail-local-base-url" class="data-input mono"
+          placeholder="http://127.0.0.1:17373" />
      </div>
      <div id="hotmail-form-shell" class="account-pool-form-shell" hidden>
        <div class="data-row">
@@ -483,7 +493,8 @@
          <span class="data-label"></span>
          <div class="data-inline account-pool-actions-inline">
            <button id="btn-add-hotmail-account" class="btn btn-primary btn-sm" type="button">添加账号</button>
-            <button id="btn-import-hotmail-accounts" class="btn btn-outline btn-sm account-pool-import-action" type="button">批量导入</button>
+            <button id="btn-import-hotmail-accounts" class="btn btn-outline btn-sm account-pool-import-action"
+              type="button">批量导入</button>
          </div>
        </div>
        <div class="data-row hotmail-import-row">
@@ -504,9 +515,11 @@
          <span class="section-label">2925 账号池</span>
        </div>
        <div class="section-mini-actions">
-          <button id="btn-toggle-mail2925-form" class="btn btn-outline btn-xs" type="button" aria-expanded="false">添加账号</button>
+          <button id="btn-toggle-mail2925-form" class="btn btn-outline btn-xs" type="button"
+            aria-expanded="false">添加账号</button>
          <button id="btn-delete-all-mail2925-accounts" class="btn btn-ghost btn-xs" type="button">全部删除</button>
-          <button id="btn-toggle-mail2925-list" class="btn btn-ghost btn-xs" type="button" aria-expanded="false">展开列表</button>
+          <button id="btn-toggle-mail2925-list" class="btn btn-ghost btn-xs" type="button"
+            aria-expanded="false">展开列表</button>
        </div>
      </div>
      <div id="mail2925-form-shell" class="account-pool-form-shell" hidden>
@@ -522,7 +535,8 @@
          <span class="data-label"></span>
          <div class="data-inline account-pool-actions-inline">
            <button id="btn-add-mail2925-account" class="btn btn-primary btn-sm" type="button">添加账号</button>
-            <button id="btn-import-mail2925-accounts" class="btn btn-outline btn-sm account-pool-import-action" type="button">批量导入</button>
+            <button id="btn-import-mail2925-accounts" class="btn btn-outline btn-sm account-pool-import-action"
+              type="button">批量导入</button>
          </div>
        </div>
        <div class="data-row hotmail-import-row">
@@ -549,7 +563,8 @@
      </div>
      <div class="data-row">
        <span class="data-label">Base URL</span>
-        <input type="text" id="input-luckmail-base-url" class="data-input mono" placeholder="https://mails.luckyous.com" />
+        <input type="text" id="input-luckmail-base-url" class="data-input mono"
+          placeholder="https://mails.luckyous.com" />
      </div>
      <div class="data-row">
        <span class="data-label">邮箱类型</span>
@@ -581,7 +596,8 @@
        </div>
        <div id="luckmail-summary" class="luckmail-summary">加载已购邮箱后可在这里管理 openai 项目的 LuckMail 邮箱。</div>
        <div class="luckmail-toolbar">
-          <input id="input-luckmail-search" class="data-input luckmail-search" type="text" placeholder="搜索邮箱 / 标签 / 项目" />
+          <input id="input-luckmail-search" class="data-input luckmail-search" type="text"
+            placeholder="搜索邮箱 / 标签 / 项目" />
          <select id="select-luckmail-filter" class="data-select luckmail-filter">
            <option value="all">全部</option>
            <option value="reusable">可复用</option>
@@ -638,7 +654,8 @@
        <div id="icloud-login-help" class="icloud-login-help" style="display:none;">
          <div class="icloud-login-help-main">
            <div id="icloud-login-help-title" class="icloud-login-help-title">需要登录 iCloud</div>
-            <div id="icloud-login-help-text" class="icloud-login-help-text">我已经为你打开 iCloud 登录页。请在那个页面完成登录，然后回到这里点击“我已登录”。</div>
+            <div id="icloud-login-help-text" class="icloud-login-help-text">我已经为你打开 iCloud
+              登录页。请在那个页面完成登录，然后回到这里点击“我已登录”。</div>
          </div>
          <button id="btn-icloud-login-done" class="btn btn-primary btn-xs" type="button">我已登录</button>
        </div>
@@ -731,7 +748,8 @@
        <div id="account-records-stats" class="account-records-stats" role="group" aria-label="邮箱记录筛选"></div>
        <div class="account-records-toolbar-actions">
          <button id="btn-toggle-account-records-selection" class="btn btn-ghost btn-xs" type="button">多选</button>
-          <button id="btn-delete-selected-account-records" class="btn btn-ghost btn-xs" type="button" hidden disabled>删除选中</button>
+          <button id="btn-delete-selected-account-records" class="btn btn-ghost btn-xs" type="button" hidden
+            disabled>删除选中</button>
          <button id="btn-clear-account-records" class="btn btn-ghost btn-xs" type="button">清理记录</button>
        </div>
      </div>
@@ -786,4 +804,4 @@
  <script src="sidepanel.js"></script>
 </body>

-</html>
+</html>
@@ -3784,8 +3784,9 @@ const contributionModeManager = window.SidepanelContributionMode?.createContribu
    sendMessage: (message) => chrome.runtime.sendMessage(message),
  },
  constants: {
-    contributionOauthUrl: `${contributionContentService?.portalUrl || 'https://apikey.qzz.io'}/oauth/`,
-    contributionUploadUrl: contributionContentService?.portalUrl || 'https://apikey.qzz.io',
+    contributionOauthUrl: `${String(contributionContentService?.portalUrl || 'https://apikey.qzz.io').replace(/\/+$/, '')}/oauth/`,
+    contributionPortalUrl: String(contributionContentService?.portalUrl || 'https://apikey.qzz.io').replace(/\/+$/, ''),
+    contributionUploadUrl: `${String(contributionContentService?.portalUrl || 'https://apikey.qzz.io').replace(/\/+$/, '')}/upload`,
  },
 });
 const baseRenderContributionMode = contributionModeManager?.render
@@ -9,7 +9,7 @@ test('sidepanel html keeps a single contribution mode button in header', () => {
  const sidepanelIndex = html.indexOf('<script src="sidepanel.js"></script>');

  assert.equal(matches.length, 1);
-  assert.match(html, /id="btn-contribution-mode"[^>]*title="进入贡献模式并打开上传页"/);
+  assert.match(html, /id="btn-contribution-mode"[^>]*title="进入贡献模式并打开官网页"/);
  assert.match(html, />贡献\/使用<\/button>/);
  assert.match(html, /<\/header>\s*<div id="contribution-update-layer"/);
  assert.match(html, /id="contribution-update-layer"/);
@@ -402,7 +402,8 @@ test('contribution mode manager enters mode, starts main auto flow, polls contri
      },
    },
    constants: {
-      contributionUploadUrl: 'https://apikey.qzz.io',
+      contributionPortalUrl: 'https://apikey.qzz.io',
+      contributionUploadUrl: 'https://apikey.qzz.io/upload',
      pollIntervalMs: 2500,
    },
  });
@@ -452,7 +453,7 @@ test('contribution mode manager enters mode, starts main auto flow, polls contri
  assert.equal(dom.contributionModeSummary.textContent, '\u5df2\u63d0\u4ea4\u56de\u8c03\uff0c\u7b49\u5f85 CPA \u786e\u8ba4');

  dom.btnOpenContributionUpload.listeners.click();
-  assert.deepStrictEqual(openedUrls, ['https://apikey.qzz.io', 'https://apikey.qzz.io']);
+  assert.deepStrictEqual(openedUrls, ['https://apikey.qzz.io', 'https://apikey.qzz.io/upload']);

  await dom.btnExitContributionMode.listeners.click();
  manager.render();