codex-overleaf-link 1.9.3 → 1.9.5

package/extension/src/content/updateNotice.js

@@ -0,0 +1,248 @@
+(function initCodexOverleafUpdateNotice(root) {
+  'use strict';
+
+  let notice = null;
+  let currentView = null;
+  let mountedPanel = null;
+  let actionInFlight = false;
+  let completionTimer = null;
+  let listenerInstalled = false;
+  let getLocale = () => '';
+
+  function mount(panelLike, options = {}) {
+    if (typeof options.getLocale === 'function') {
+      getLocale = options.getLocale;
+    }
+    const panel = panelLike?.panelEl || panelLike;
+    if (!panel) return;
+    if (mountedPanel === panel) {
+      render();
+      return;
+    }
+    mountedPanel = panel;
+    notice?.remove();
+    notice = document.createElement('section');
+    notice.className = 'codex-update-notice';
+    notice.hidden = true;
+    notice.setAttribute('aria-label', tx('Stable update', '稳定版更新'));
+    const header = panel.querySelector('[data-panel-header]');
+    if (typeof header?.insertAdjacentElement === 'function') {
+      header.insertAdjacentElement('afterend', notice);
+    } else if (typeof header?.after === 'function') {
+      header.after(notice);
+    } else if (typeof panel.prepend === 'function') {
+      panel.prepend(notice);
+    } else {
+      panel.append?.(notice);
+    }
+    notice.addEventListener('click', handleClick);
+
+    if (!listenerInstalled) {
+      listenerInstalled = true;
+      chrome.runtime.onMessage.addListener(message => {
+        if (message?.type !== 'codex-overleaf/consent-update-state') return;
+        currentView = message.view;
+        render();
+      });
+    }
+    request('codex-overleaf/consent-update-get-state')
+      .then(view => {
+        currentView = view;
+        render();
+      })
+      .catch(() => {});
+  }
+
+  async function handleClick(event) {
+    const action = event.target?.closest?.('[data-update-notice-action]')?.dataset?.updateNoticeAction;
+    if (!action || actionInFlight) return;
+    actionInFlight = true;
+    render();
+    try {
+      currentView = await request({
+        install: 'codex-overleaf/consent-update-install',
+        later: 'codex-overleaf/consent-update-later',
+        retry: 'codex-overleaf/consent-update-check'
+      }[action]);
+    } catch (error) {
+      currentView = {
+        ...(currentView || {}),
+        state: {
+          ...(currentView?.state || {}),
+          state: 'failed',
+          code: error?.code || 'update_failed',
+          message: error?.message || tx('Update failed.', '更新失败。')
+        },
+        progress: { value: 0, determinate: true, phase: 'failed' },
+        showPanel: true
+      };
+    } finally {
+      actionInFlight = false;
+      render();
+    }
+  }
+
+  async function request(type) {
+    if (!type) throw new Error('Unknown update action.');
+    const response = await chrome.runtime.sendMessage({ type });
+    if (!response?.ok) {
+      const error = new Error(response?.error?.message || tx('Update action failed.', '更新操作失败。'));
+      error.code = response?.error?.code || 'update_failed';
+      throw error;
+    }
+    return response.result;
+  }
+
+  function render() {
+    if (!notice || !currentView) return;
+    clearTimeout(completionTimer);
+    if (!currentView.showPanel) {
+      notice.hidden = true;
+      notice.replaceChildren();
+      return;
+    }
+
+    const focusedAction = document.activeElement?.dataset?.updateNoticeAction || '';
+    const state = currentView.state || {};
+    const progress = currentView.progress || {};
+    const copy = getCopy(state);
+    notice.hidden = false;
+    notice.dataset.state = state.state || 'idle';
+
+    const body = document.createElement('div');
+    body.className = 'codex-update-notice-body';
+    const eyebrow = document.createElement('span');
+    eyebrow.className = 'codex-update-notice-eyebrow';
+    eyebrow.textContent = copy.eyebrow;
+    const title = document.createElement('strong');
+    title.textContent = copy.title;
+    const detail = document.createElement('span');
+    detail.className = 'codex-update-notice-detail';
+    detail.textContent = copy.detail;
+    body.append(eyebrow, title, detail);
+
+    if (!['update_available', 'failed', 'rolled_back'].includes(state.state)) {
+      const bar = document.createElement('div');
+      bar.className = 'codex-update-notice-progress' + (progress.determinate ? '' : ' is-indeterminate');
+      bar.setAttribute('role', 'progressbar');
+      bar.setAttribute('aria-valuemin', '0');
+      bar.setAttribute('aria-valuemax', '100');
+      bar.setAttribute('aria-valuetext', copy.detail);
+      if (progress.determinate) bar.setAttribute('aria-valuenow', String(progress.value || 0));
+      const fill = document.createElement('span');
+      fill.style.width = Math.max(0, Math.min(100, Number(progress.value || 0))) + '%';
+      bar.append(fill);
+      body.append(bar);
+    }
+
+    const actions = document.createElement('div');
+    actions.className = 'codex-update-notice-actions';
+    for (const action of visibleActions(state.state)) {
+      const button = document.createElement('button');
+      button.type = 'button';
+      button.dataset.updateNoticeAction = action.id;
+      button.className = action.primary ? 'is-primary' : '';
+      button.textContent = action.label;
+      button.disabled = actionInFlight;
+      actions.append(button);
+    }
+    notice.replaceChildren(body, actions);
+    if (focusedAction) {
+      notice.querySelector('[data-update-notice-action="' + focusedAction + '"]:not(:disabled)')?.focus();
+    }
+    if (state.state === 'committed') {
+      completionTimer = setTimeout(() => {
+        if (notice?.dataset.state === 'committed') notice.hidden = true;
+      }, 5000);
+    }
+  }
+
+  function visibleActions(state) {
+    if (actionInFlight) return [];
+    if (state === 'update_available') {
+      return [
+        { id: 'later', label: tx('Later', '稍后'), primary: false },
+        { id: 'install', label: tx('Update now', '立即更新'), primary: true }
+      ];
+    }
+    if (['staged', 'waiting_for_idle'].includes(state)) {
+      return [{ id: 'later', label: tx('Later', '稍后'), primary: false }];
+    }
+    if (['failed', 'rolled_back'].includes(state)) {
+      return [{ id: 'retry', label: tx('Retry', '重试'), primary: true }];
+    }
+    return [];
+  }
+
+  function getCopy(state) {
+    const target = state.latestVersion ? 'v' + state.latestVersion : '';
+    const blocker = blockerCopy(state.blocker);
+    return {
+      update_available: {
+        eyebrow: tx('Update available', '发现新版本'),
+        title: target,
+        detail: tx('Signed stable update for the extension and Native Host.', '扩展与 Native Host 的签名稳定更新。')
+      },
+      downloading: {
+        eyebrow: tx('Updating Codex Overleaf Link', '正在更新 Codex Overleaf Link'),
+        title: target,
+        detail: tx('Downloading and verifying the coordinated update.', '正在下载并验证协调更新。')
+      },
+      staged: {
+        eyebrow: tx('Update ready', '更新已就绪'),
+        title: target,
+        detail: tx('Verified and ready to install at a safe point.', '已完成验证，将在安全时机安装。')
+      },
+      waiting_for_idle: {
+        eyebrow: tx('Waiting for a safe point', '正在等待安全时机'),
+        title: target,
+        detail: blocker
+      },
+      applying: {
+        eyebrow: tx('Installing update', '正在安装更新'),
+        title: target,
+        detail: tx('Installing extension and Native Host.', '正在安装扩展与 Native Host。')
+      },
+      awaiting_health: {
+        eyebrow: tx('Checking updated components', '正在检查更新后的组件'),
+        title: target,
+        detail: tx('Restarting and checking both components.', '正在重启并检查两个组件。')
+      },
+      committed: {
+        eyebrow: tx('Update complete', '更新完成'),
+        title: target,
+        detail: tx('Both components passed health confirmation.', '两个组件均已通过健康检查。')
+      },
+      rolled_back: {
+        eyebrow: tx('Previous version restored', '已恢复上一版本'),
+        title: state.currentVersion ? 'v' + state.currentVersion : '',
+        detail: tx('The replacement failed its health check.', '替换版本未通过健康检查。')
+      },
+      failed: {
+        eyebrow: tx('Update could not continue', '更新无法继续'),
+        title: target,
+        detail: state.message || tx('Review the update details and retry.', '请查看更新详情后重试。')
+      }
+    }[state.state] || { eyebrow: '', title: '', detail: '' };
+  }
+
+  function blockerCopy(value) {
+    return {
+      unsaved: tx('Overleaf has not confirmed that this document is saved.', 'Overleaf 尚未确认当前文档已保存。'),
+      active_run: tx('A Codex task is still running.', 'Codex 任务仍在运行。'),
+      cancelling: tx('Cancellation is still settling.', '取消操作仍在收尾。'),
+      storage_write: tx('Extension state is still being saved.', '扩展状态仍在保存。'),
+      review_action: tx('Accept or Undo is still running.', '接受或撤销操作仍在进行。'),
+      dialog_open: tx('A confirmation dialog is open.', '确认对话框仍处于打开状态。'),
+      native_project_locked: tx('Native Host still holds a project lock.', 'Native Host 仍持有项目锁。'),
+      native_run_active: tx('Native Host is still processing a task.', 'Native Host 仍在处理任务。')
+    }[value] || tx('Waiting until every Overleaf tab is saved and idle.', '正在等待所有 Overleaf 标签页完成保存并进入空闲状态。');
+  }
+
+  function tx(english, chinese) {
+    const locale = String(getLocale() || document.documentElement?.lang || 'en');
+    return /^zh\b/i.test(locale) ? chinese : english;
+  }
+
+  root.CodexOverleafUpdateNotice = Object.freeze({ mount });
+})(window);

package/extension/src/popup.js

@@ -45,6 +45,7 @@
   });
 
   initPopupState();
+  scheduleConsentUpdateUi();
 
   async function initPopupState() {
     await checkNativeHost();
@@ -198,11 +199,11 @@
   function getStatusIconText(classification) {
     switch (classification) {
       case 'compatible':
-        return 'OK';
+        return '';
       case 'update-available':
-        return '!';
+        return '';
       default:
-        return 'X';
+        return '';
     }
   }
 
@@ -244,4 +245,268 @@
         return 'Native host is not compatible. Update the native host, then reload the extension.';
     }
   }
+
+  function scheduleConsentUpdateUi() {
+    const start = () => {
+      if (typeof document.createElement !== 'function') return;
+      injectConsentUpdateStyles();
+      const section = ensureUpdateSection();
+      let actionInFlight = false;
+      let currentView = null;
+
+      section.addEventListener('click', async event => {
+        const action = event.target?.closest?.('[data-update-action]')?.dataset?.updateAction;
+        if (!action || actionInFlight) return;
+        actionInFlight = true;
+        renderUpdateSection(section, currentView, { busyAction: action });
+        try {
+          currentView = await sendConsentAction(action);
+        } catch (error) {
+          currentView = failedUpdateView(currentView, error);
+        } finally {
+          actionInFlight = false;
+          renderUpdateSection(section, currentView);
+        }
+      });
+
+      chrome.runtime.onMessage.addListener(message => {
+        if (message?.type !== 'codex-overleaf/consent-update-state') return;
+        currentView = message.view;
+        if (!actionInFlight) renderUpdateSection(section, currentView);
+      });
+
+      sendConsentAction('get')
+        .then(view => {
+          currentView = view;
+          renderUpdateSection(section, view);
+        })
+        .catch(error => renderUpdateSection(section, failedUpdateView(null, error)));
+    };
+
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', start, { once: true });
+    } else {
+      Promise.resolve().then(start);
+    }
+  }
+
+  function ensureUpdateSection() {
+    let section = document.querySelector('.updates');
+    if (!section) {
+      section = document.createElement('section');
+      section.className = 'updates';
+      section.setAttribute('aria-label', 'Stable updates');
+      (nativeInstall || status).insertAdjacentElement('afterend', section);
+    }
+    section.classList.add('consent-updates');
+    section.replaceChildren();
+    return section;
+  }
+
+  async function sendConsentAction(action) {
+    const type = {
+      get: 'codex-overleaf/consent-update-get-state',
+      check: 'codex-overleaf/consent-update-check',
+      install: 'codex-overleaf/consent-update-install',
+      later: 'codex-overleaf/consent-update-later',
+      retry: 'codex-overleaf/consent-update-check'
+    }[action];
+    const response = await chrome.runtime.sendMessage({ type });
+    if (!response?.ok) {
+      const error = new Error(response?.error?.message || 'Update action failed.');
+      error.code = response?.error?.code || 'update_failed';
+      throw error;
+    }
+    return response.result;
+  }
+
+  function failedUpdateView(view, error) {
+    return {
+      ...(view || {}),
+      state: {
+        ...(view?.state || {}),
+        state: 'failed',
+        code: error?.code || 'update_failed',
+        message: error?.message || 'Update failed.'
+      },
+      progress: { value: 0, determinate: true, phase: 'failed' },
+      actions: { retry: true }
+    };
+  }
+
+  function renderUpdateSection(section, view = {}, options = {}) {
+    const focusedAction = document.activeElement?.dataset?.updateAction || '';
+    const state = view?.state || { state: 'idle' };
+    const progress = view?.progress || { value: 0, determinate: true, phase: 'idle' };
+    const copy = getUpdateCopy(state, view);
+    const card = document.createElement('div');
+    card.className = 'consent-update-card state-' + (state.state || 'idle');
+
+    const head = document.createElement('div');
+    head.className = 'consent-update-head';
+    const title = document.createElement('strong');
+    title.textContent = copy.title;
+    const version = document.createElement('span');
+    version.textContent = copy.version;
+    head.append(title, version);
+
+    const detail = document.createElement('p');
+    detail.className = 'consent-update-detail';
+    detail.textContent = copy.detail;
+
+    const progressEl = document.createElement('div');
+    progressEl.className = 'consent-update-progress' + (progress.determinate ? '' : ' is-indeterminate');
+    progressEl.setAttribute('role', 'progressbar');
+    progressEl.setAttribute('aria-label', copy.phase);
+    progressEl.setAttribute('aria-valuemin', '0');
+    progressEl.setAttribute('aria-valuemax', '100');
+    progressEl.setAttribute('aria-valuetext', copy.phase);
+    if (progress.determinate) progressEl.setAttribute('aria-valuenow', String(progress.value || 0));
+    const progressFill = document.createElement('span');
+    progressFill.style.width = Math.max(0, Math.min(100, Number(progress.value || 0))) + '%';
+    progressEl.append(progressFill);
+
+    const phase = document.createElement('div');
+    phase.className = 'consent-update-phase';
+    phase.textContent = copy.phase;
+
+    const actions = document.createElement('div');
+    actions.className = 'consent-update-actions';
+    for (const action of getVisibleActions(view, options.busyAction)) {
+      const actionButton = document.createElement('button');
+      actionButton.type = 'button';
+      actionButton.dataset.updateAction = action.id;
+      actionButton.className = action.primary ? 'update-primary' : 'update-secondary';
+      actionButton.textContent = action.label;
+      actionButton.disabled = Boolean(options.busyAction) || action.disabled;
+      actions.append(actionButton);
+    }
+
+    const live = document.createElement('div');
+    live.className = 'consent-update-live';
+    live.setAttribute('aria-live', 'polite');
+    live.textContent = ['committed', 'rolled_back', 'failed'].includes(state.state) ? copy.phase : '';
+
+    card.append(head, detail);
+    if (!['idle', 'update_available'].includes(state.state) || options.busyAction === 'check') {
+      card.append(progressEl, phase);
+    }
+    card.append(actions, live);
+    if (state.state === 'failed' && (state.code || state.message)) {
+      const details = document.createElement('details');
+      const summary = document.createElement('summary');
+      summary.textContent = utx('Technical details', '技术详情');
+      const code = document.createElement('code');
+      code.textContent = [state.code, state.message].filter(Boolean).join(': ');
+      details.append(summary, code);
+      card.append(details);
+    }
+    section.replaceChildren(card);
+    if (focusedAction) {
+      section.querySelector('[data-update-action="' + focusedAction + '"]:not(:disabled)')?.focus();
+    }
+  }
+
+  function getVisibleActions(view = {}, busyAction = '') {
+    const state = view.state?.state || 'idle';
+    if (busyAction) {
+      return [{ id: busyAction, label: getBusyLabel(busyAction), primary: true, disabled: true }];
+    }
+    if (state === 'update_available') {
+      return [
+        { id: 'later', label: utx('Later', '稍后提醒'), primary: false },
+        { id: 'install', label: utx('Update now', '立即更新'), primary: true }
+      ];
+    }
+    if (['staged', 'waiting_for_idle'].includes(state)) {
+      return [{ id: 'later', label: utx('Later', '稍后提醒'), primary: false }];
+    }
+    if (['downloading', 'applying', 'awaiting_health', 'checking'].includes(state)) return [];
+    if (['failed', 'rolled_back'].includes(state)) {
+      return [{ id: 'retry', label: utx('Retry', '重试'), primary: true }];
+    }
+    return [{ id: 'check', label: utx('Check latest', '检查更新'), primary: false }];
+  }
+
+  function getBusyLabel(action) {
+    return {
+      check: utx('Checking...', '正在检查...'),
+      retry: utx('Checking...', '正在检查...'),
+      install: utx('Starting update...', '正在启动更新...'),
+      later: utx('Saving...', '正在保存...')
+    }[action] || utx('Working...', '处理中...');
+  }
+
+  function getUpdateCopy(state, view) {
+    const current = state.currentVersion ? 'v' + state.currentVersion : '';
+    const latest = state.latestVersion ? 'v' + state.latestVersion : '';
+    const blocker = formatBlocker(state.blocker);
+    const map = {
+      idle: [utx('Stable updates', '稳定版更新'), utx('Up to date', '已是最新版'), utx('Automatically checks signed stable releases.', '自动检查经过签名验证的稳定版本。')],
+      checking: [utx('Checking for updates', '正在检查更新'), '', utx('Checking the latest signed stable release', '正在检查最新签名稳定版本')],
+      update_available: [utx('Update available', '发现新版本'), latest, view.snoozed ? utx('Reminder paused. Update remains ready here.', '提醒已暂停，仍可随时从这里更新。') : utx('Signed stable update for the extension and Native Host.', '扩展与 Native Host 的签名稳定更新。')],
+      downloading: [utx('Downloading update', '正在下载更新'), latest, utx('Downloading and verifying the coordinated update', '正在下载并验证协调更新')],
+      staged: [utx('Update ready', '更新已就绪'), latest, utx('Verified and ready to install at a safe point.', '已完成验证，将在安全时机安装。')],
+      waiting_for_idle: [utx('Waiting for a safe point', '正在等待安全时机'), latest, blocker],
+      applying: [utx('Installing update', '正在安装更新'), latest, utx('Installing extension and Native Host', '正在安装扩展与 Native Host')],
+      awaiting_health: [utx('Checking updated components', '正在检查更新后的组件'), latest, utx('Restarting and checking both components', '正在重启并检查两个组件')],
+      committed: [utx('Update complete', '更新完成'), latest || current, utx('Extension and Native Host were updated together.', '扩展与 Native Host 已同步更新。')],
+      rolled_back: [utx('Previous version restored', '已恢复上一版本'), current, utx('Health check failed, so the previous coordinated pair was restored.', '健康检查失败，已恢复上一组协调版本。')],
+      failed: [utx('Update could not continue', '更新无法继续'), latest, state.message || utx('Check the details and retry.', '请查看详情后重试。')]
+    };
+    const value = map[state.state] || map.idle;
+    return { title: value[0], version: value[1], detail: value[2], phase: value[2] };
+  }
+
+  function formatBlocker(blocker) {
+    const labels = {
+      unsaved: utx('Overleaf has not confirmed that this document is saved.', 'Overleaf 尚未确认当前文档已保存。'),
+      active_run: utx('A Codex task is still running.', 'Codex 任务仍在运行。'),
+      cancelling: utx('Cancellation is still settling.', '取消操作仍在收尾。'),
+      storage_write: utx('Extension state is still being saved.', '扩展状态仍在保存。'),
+      review_action: utx('Accept or Undo is still running.', '接受或撤销操作仍在进行。'),
+      dialog_open: utx('A confirmation dialog is open.', '确认对话框仍处于打开状态。'),
+      native_project_locked: utx('Native Host still holds a project lock.', 'Native Host 仍持有项目锁。'),
+      native_run_active: utx('Native Host is still processing a task.', 'Native Host 仍在处理任务。')
+    };
+    return labels[blocker] || utx('Waiting until every Overleaf tab is saved and idle.', '正在等待所有 Overleaf 标签页完成保存并进入空闲状态。');
+  }
+
+  function utx(english, chinese) {
+    const locale = document.documentElement?.lang || 'en';
+    return /^zh\b/i.test(locale) ? chinese : english;
+  }
+
+  function injectConsentUpdateStyles() {
+    if (document.getElementById('codex-overleaf-consent-update-styles')) return;
+    const style = document.createElement('style');
+    style.id = 'codex-overleaf-consent-update-styles';
+    style.textContent = [
+      'body { width:344px; padding:16px; background:#171918; color:#eceeec; font-family:"Avenir Next","Segoe UI",sans-serif; }',
+      'h1 { font-size:16px; letter-spacing:-.01em; }',
+      '.version-status { color:#a8ada9; }',
+      '.status-icon { min-width:10px; min-height:10px; width:10px; height:10px; box-shadow:0 0 0 3px rgba(255,255,255,.04); }',
+      '.status-icon.compatible { background:#7fd58a; } .status-icon.update-available { background:#d7b96e; } .status-icon.incompatible { background:#d87972; }',
+      '#open-panel { border-color:#39403c; background:#242825; color:#dfe4df; font-weight:600; }',
+      '#status { color:#9ba19c; font-size:12px; }',
+      '.consent-updates { margin-top:14px; padding-top:13px; border-top:1px solid #303431; }',
+      '.consent-update-card { padding-top:1px; }',
+      '.consent-update-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }',
+      '.consent-update-head strong { font-size:13px; color:#f0f2f0; } .consent-update-head span { color:#85d99a; font-size:11px; font-weight:700; }',
+      '.consent-update-detail,.consent-update-phase { color:#a9aea9; font-size:12px; line-height:1.45; }',
+      '.consent-update-progress { position:relative; height:4px; margin:12px 0 8px; overflow:hidden; border-radius:999px; background:#2c312e; }',
+      '.consent-update-progress span { display:block; height:100%; border-radius:inherit; background:#4f9ee8; transition:width .25s ease; }',
+      '.consent-update-progress.is-indeterminate span { width:42% !important; animation:consent-progress 1.25s ease-in-out infinite; }',
+      '.consent-update-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }',
+      '.consent-update-actions button { width:auto; min-width:92px; margin:0; padding:7px 12px; font-weight:650; }',
+      '.consent-update-actions .update-primary { border-color:#4a91d7; background:#3578bd; }',
+      '.consent-update-actions .update-secondary { border-color:#3c433f; background:transparent; color:#d5dad6; }',
+      '.consent-update-actions button:focus-visible { outline:2px solid #79b8f2; outline-offset:2px; }',
+      '.consent-update-live { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }',
+      '.consent-update-card details { margin-top:10px; color:#a9aea9; font-size:11px; } .consent-update-card details code { background:#202320; color:#c9ceca; }',
+      '@keyframes consent-progress { 0% { transform:translateX(-110%); } 100% { transform:translateX(240%); } }',
+      '@media (prefers-reduced-motion:reduce) { .consent-update-progress.is-indeterminate span { animation:none; width:65% !important; } }'
+    ].join('\n');
+    document.head.append(style);
+  }
 })();

package/extension/src/shared/compatibility.js

@@ -12,7 +12,7 @@
   const MIN_NATIVE_VERSION = '1.0.0';
   const MIN_COMPATIBLE_NATIVE_VERSION = '1.0.0';
   const MIN_COMPATIBLE_EXTENSION_VERSION = '1.0.0';
-  const BUILD_TARGET_VERSION = '1.9.3';
+  const BUILD_TARGET_VERSION = '1.9.5';
   const DEFAULT_CHROME_EXTENSION_ID = 'illdpneeeopfffmiepaejglgmhpmdhdc';
   const REQUIRED_CAPABILITIES = Object.freeze([
     'bridgePing',