@morehao/dsh-github-trending 0.8.12 → 0.8.13

package/client.js

@@ -278,6 +278,7 @@ var DICT = {
     "shell.update.failed": "更新失败",
     "shell.update.checkFailed": "检查失败，可稍后重试",
     "shell.update.available": "有新版本 v{latest}",
+    "shell.update.badgeTitle": "最新版本 v{version}",
     "shell.update.latest": "已是最新 v{version}",
     "shell.update.apply": "更新到 v{version}",
     "shell.update.confirmHint": "更新会重装插件，需重启 DSH 生效",
@@ -829,6 +830,7 @@ var DICT = {
     "shell.update.failed": "Update failed",
     "shell.update.checkFailed": "Check failed, try again later",
     "shell.update.available": "v{latest} available",
+    "shell.update.badgeTitle": "Latest version v{version}",
     "shell.update.latest": "Up to date · v{version}",
     "shell.update.apply": "Update to v{version}",
     "shell.update.confirmHint": "Reinstalls the plugin; restart DSH to apply",
@@ -1341,15 +1343,34 @@ var CSS = `
 .dshgt-id-sep{width:1px;height:16px;background:var(--gt-border);flex:none;}
 .dshgt-id-pkg{appearance:none;border:0;background:none;padding:2px 4px;border-radius:5px;color:var(--gt-muted);cursor:pointer;font-size:12px;max-width:min(44vw,360px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;}
 .dshgt-id-pkg:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 5%,var(--gt-bg));}
-.dshgt-idbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none;min-width:0;}
+.dshgt-idbar-right{margin-left:auto;position:relative;display:flex;align-items:center;gap:10px;flex:none;min-width:0;}
 .dshgt-id-gh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--gt-muted);border:1px solid transparent;flex:none;}
 .dshgt-id-gh:hover{color:var(--gt-fg);background:color-mix(in srgb,var(--gt-fg) 6%,var(--gt-bg));border-color:var(--gt-border);}
-.dshgt-id-upd{display:flex;align-items:center;gap:10px;min-width:0;}
-.dshgt-id-status{font-size:12px;color:var(--gt-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
-.dshgt-id-status.ok{color:var(--gt-ok);}
-.dshgt-id-status.new{color:var(--gt-warn);}
-.dshgt-id-status.err{color:var(--gt-err);}
-.dshgt-id-actions{display:flex;align-items:center;gap:8px;flex:none;}
+/* 更新入口：版本徽标 + 纯图标刷新，作为一个整体；与 GitHub 图标同形制 */
+.dshgt-upd-unit{display:inline-flex;align-items:center;gap:4px;flex:none;}
+/* 版本徽标：仅「有新版本」时出现，透明底细描边，高度对齐图标按钮中线 */
+.dshgt-ver-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;
+  border:1px solid color-mix(in srgb,var(--gt-warn) 42%,transparent);background:transparent;color:var(--gt-warn);
+  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;
+  transition:background .12s ease,border-color .12s ease;}
+.dshgt-ver-badge:hover{background:color-mix(in srgb,var(--gt-warn) 12%,transparent);border-color:color-mix(in srgb,var(--gt-warn) 60%,transparent);}
+.dshgt-ver-badge:focus-visible{outline:2px solid var(--gt-accent);outline-offset:1px;}
+/* 纯图标刷新：状态靠图标颜色 + 角标 + 旋转表达，文案走 title（tooltip） */
+.dshgt-refresh{position:relative;}
+.dshgt-refresh svg{display:block;transition:color .12s ease;}
+.dshgt-refresh[data-state="available"]{color:var(--gt-warn);}
+.dshgt-refresh[data-state="available"]::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--gt-warn);box-shadow:0 0 0 1.5px var(--gt-bg);}
+.dshgt-refresh[data-state="checking"]{color:var(--gt-muted);cursor:default;}
+.dshgt-refresh[data-state="checking"] svg{animation:dshgt-refresh-spin .9s linear infinite;}
+.dshgt-refresh[data-state="error"]{color:var(--gt-err);}
+.dshgt-refresh[data-state="ok-flash"]{color:var(--gt-ok);}
+@keyframes dshgt-refresh-spin{to{transform:rotate(360deg);}}
+/* 确认气泡：贴刷新图标右下方弹出 */
+.dshgt-confirm-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;box-sizing:border-box;min-width:210px;max-width:280px;
+  display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--gt-card);border:1px solid var(--gt-border);
+  box-shadow:0 12px 32px rgba(0,0,0,.28);}
+.dshgt-confirm-title{font-size:12.5px;color:var(--gt-fg);line-height:1.45;}
+.dshgt-confirm-actions{display:flex;gap:8px;justify-content:flex-end;}
 
 /* ——— 横向 tab（第二行）+ 右侧状态 ——— */
 .dshgt-tabsbar{display:flex;align-items:stretch;gap:12px;height:46px;padding:0 var(--dshgt-inset);border-bottom:1px solid var(--gt-border);flex:none;background:var(--gt-bg);min-width:0;}
@@ -5881,48 +5902,54 @@ function githubIcon() {
     d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
   }));
 }
+function refreshIcon() {
+  return h(
+    "svg",
+    { width: 15, height: 15, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" },
+    h("path", { d: "M20 12a8 8 0 1 1-2.34-5.66" }),
+    h("path", { d: "M20 4v5h-5" })
+  );
+}
 function IdentityBar(props) {
   const { t, plugin } = props;
   const [confirming, setConfirming] = import_react.default.useState(false);
   const [updateState, controller] = usePluginUpdate();
   const view = updateState.view;
   const status = updateState.status;
-  import_react.default.useEffect(() => {
-    if (status === "applying" || status === "restart-required" || status === "applied") setConfirming(false);
-  }, [status]);
   const busy = status === "checking" || status === "applying";
   const settled = status === "restart-required" || status === "applied";
   const latestVersion = view === null ? "" : view.latestVersion ?? "";
   const updateAvailable = view !== null && view.updateAvailable;
-  const actionable = updateAvailable && view !== null && view.canApply && !settled && !busy;
+  const actionable = updateAvailable && view !== null && view.canApply && !busy && !settled;
   const currentVersion = view === null ? plugin.version : view.currentVersion ?? plugin.version;
-  function statusLine() {
-    if (status === "checking" || view === null) return { text: t("shell.update.checking"), kind: "muted" };
-    if (status === "applying") return { text: t("shell.update.applying", { version: latestVersion }), kind: "muted" };
-    if (status === "restart-required" || status === "applied") return { text: t("shell.update.done", { version: latestVersion }), kind: "ok" };
-    if (status === "failed") return { text: updateState.error?.code === "CHECK_FAILED" ? t("shell.update.checkFailed") : t("shell.update.failed"), kind: "err" };
-    if (view.checkFailed) return { text: t("shell.update.checkFailed"), kind: "err" };
-    if (view.updateAvailable) return { text: t("shell.update.available", { latest: view.latestVersion ?? "" }), kind: "new" };
-    return { text: t("shell.update.latest", { version: currentVersion }), kind: "ok" };
+  import_react.default.useEffect(() => {
+    if (!updateAvailable || busy || settled) setConfirming(false);
+  }, [updateAvailable, busy, settled]);
+  function stateAndTip() {
+    if (status === "checking" || view === null) return { state: "checking", tip: t("shell.update.checking") };
+    if (status === "applying") return { state: "checking", tip: t("shell.update.applying", { version: latestVersion }) };
+    if (status === "restart-required" || status === "applied") return { state: "ok-flash", tip: t("shell.update.done", { version: latestVersion }) };
+    if (status === "failed") return { state: "error", tip: updateState.error?.code === "CHECK_FAILED" ? t("shell.update.checkFailed") : t("shell.update.failed") };
+    if (view.checkFailed) return { state: "error", tip: t("shell.update.checkFailed") };
+    if (view.updateAvailable) return { state: "available", tip: t("shell.update.available", { latest: latestVersion }) };
+    return { state: "latest", tip: t("shell.update.latest", { version: currentVersion }) };
   }
-  function action() {
-    if (status === "applying") return h(Btn, { small: true, disabled: true }, t("shell.update.applyingShort"));
+  const st = stateAndTip();
+  function onRefreshClick() {
+    if (busy) return;
     if (actionable) {
-      if (confirming) {
-        return [
-          h(Btn, { key: "yes", small: true, variant: "danger", onClick: () => {
-            setConfirming(false);
-            writePendingUpdate(currentVersion, latestVersion);
-            void controller.apply();
-          } }, t("shell.update.confirmYes")),
-          h(Btn, { key: "no", small: true, onClick: () => setConfirming(false) }, t("shell.update.cancel"))
-        ];
-      }
-      return h(Btn, { small: true, variant: "primary", onClick: () => setConfirming(true) }, t("shell.update.apply", { version: latestVersion }));
+      setConfirming((v) => !v);
+      return;
     }
-    return h(Btn, { small: true, disabled: busy, onClick: () => void controller.check({ fresh: true }) }, t("shell.update.check"));
+    void controller.check({ fresh: true });
   }
-  const line = statusLine();
+  function onConfirmUpdate() {
+    setConfirming(false);
+    writePendingUpdate(currentVersion, latestVersion);
+    void controller.apply();
+  }
+  const showBadge = Boolean(updateAvailable && view?.canApply && !busy && !settled);
+  const confirmOpen = confirming && actionable;
   return h(
     "div",
     { className: "dshgt-idbar" },
@@ -5942,11 +5969,45 @@ function IdentityBar(props) {
       "div",
       { className: "dshgt-idbar-right" },
       h(
-        "span",
-        { className: "dshgt-id-upd" },
-        confirming ? h("span", { className: "dshgt-id-status new" }, t("shell.update.confirmHint")) : h("span", { className: `dshgt-id-status ${line.kind}` }, line.text),
-        h("span", { className: "dshgt-id-actions" }, action())
-      )
+        "div",
+        { className: "dshgt-upd-unit" },
+        showBadge ? h(
+          "button",
+          {
+            type: "button",
+            className: "dshgt-ver-badge",
+            title: t("shell.update.badgeTitle", { version: latestVersion }),
+            "aria-label": t("shell.update.badgeTitle", { version: latestVersion }),
+            onClick: () => setConfirming((v) => !v)
+          },
+          `v${latestVersion}`
+        ) : null,
+        h(
+          "button",
+          {
+            type: "button",
+            className: "dshgt-id-gh dshgt-refresh",
+            "data-state": st.state,
+            disabled: busy,
+            title: st.tip,
+            "aria-label": st.tip,
+            "aria-expanded": confirmOpen ? "true" : void 0,
+            onClick: onRefreshClick
+          },
+          refreshIcon()
+        )
+      ),
+      confirmOpen ? h(
+        "div",
+        { className: "dshgt-confirm-pop", role: "dialog", "aria-label": t("shell.update.confirmHint") },
+        h("div", { className: "dshgt-confirm-title" }, t("shell.update.confirmHint")),
+        h(
+          "div",
+          { className: "dshgt-confirm-actions" },
+          h(Btn, { small: true, onClick: () => setConfirming(false) }, t("shell.update.cancel")),
+          h(Btn, { small: true, variant: "primary", onClick: onConfirmUpdate }, t("shell.update.confirmYes"))
+        )
+      ) : null
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morehao/dsh-github-trending",
-  "version": "0.8.12",
+  "version": "0.8.13",
   "description": "GitHub 趋势日报的 DeepSeek Harness 插件：按日 / 周 / 月周期定时 spawn 本地 trendradar 核心，抓取 Trending、生成中文简介与周期总结，并可选把订阅仓库的新 Release 合成中文摘要，一起提交到你的仓库、自动开 PR 合并；内置概览 / 榜单 / 运行记录 / 订阅 / 设置工作台。",
   "type": "module",
   "main": "lib/index.js",