dsh-plugin-versions 0.1.0 → 0.1.1

package/README.md

@@ -10,6 +10,7 @@ DSH 官方的「版本」区块和更新按钮只出现在 **从 registry 安装
 
 - 插件页新增第 4 个标签页「版本一览」（`plugins.tab`，`order: 40`）
 - 先渲染本地版本，再逐行后台查 registry；只查 `updatable && !official` 的行，串行执行，避免同时打出一堆 pnpm 子进程
+- 结果缓存在 `localStorage`（`dsh-plugin-versions:cache:v1`）：再次打开先秒出上次的版本与状态，同时后台重新检查并逐行替换，表头显示「检查于 HH:MM」
 - 状态分档：`可更新到 x` / `已是最新` / `随 DSH 更新` / `无官方版本区块` / 检查中… / 检查失败（附错误原文前 300 字）
 - 可更新的行排前面，其余按包名排序
 - 点一行 → `openPackage(name)` 打开官方组合包详情页，并自动滚到底，直接落在「版本」区块

package/client.js

@@ -129,11 +129,52 @@ window.__ModuleLoader__.load({
       );
     }
 
+    const CACHE_KEY = "dsh-plugin-versions:cache:v1";
+
+    function readCache() {
+      try {
+        const raw = window.localStorage.getItem(CACHE_KEY);
+        if (!raw) return null;
+        const d = JSON.parse(raw);
+        if (!d || typeof d !== "object" || !Array.isArray(d.bundles) || !d.rows) return null;
+        return d;
+      } catch (e) { return null; }
+    }
+
+    function writeCache(bundles, rows, at) {
+      try {
+        const keep = {};
+        Object.keys(rows || {}).forEach((k) => {
+          const r = rows[k];
+          if (r && r.status === "ready") keep[k] = r;
+        });
+        window.localStorage.setItem(CACHE_KEY, JSON.stringify({
+          at: at || Date.now(),
+          bundles: bundles || [],
+          rows: keep
+        }));
+      } catch (e) { /* 缓存写失败不影响使用 */ }
+    }
+
+    function clockText(ms) {
+      try {
+        const d = new Date(ms);
+        return String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0");
+      } catch (e) { return ""; }
+    }
+
     function VersionsTab(props) {
       const ctx = props.ctx;
       const openPackage = props.openPackage;
-      const [state, setState] = React.useState({ status: "loading", bundles: [], error: null });
-      const [rows, setRows] = React.useState({});
+      const cached = readCache();
+      const [state, setState] = React.useState(
+        cached
+          ? { status: "ready", bundles: cached.bundles, error: null }
+          : { status: "loading", bundles: [], error: null }
+      );
+      const [rows, setRows] = React.useState(cached ? cached.rows : {});
+      const [checkedAt, setCheckedAt] = React.useState(cached ? cached.at || 0 : 0);
+      const [refreshing, setRefreshing] = React.useState(true);
       const [nonce, setNonce] = React.useState(0);
       const [pmState, setPmState] = React.useState(null);
 
@@ -153,8 +194,7 @@ window.__ModuleLoader__.load({
 
         const load = (pm) => {
           setPmState(pm);
-          setState({ status: "loading", bundles: [], error: null });
-          setRows({});
+          setRefreshing(true);
           Promise.resolve().then(() => pm.listBundles()).then((res) => {
             if (cancelled) return;
             if (res && res.ok === false) {
@@ -163,7 +203,9 @@ window.__ModuleLoader__.load({
               return;
             }
             const value = res && res.ok === true ? res.value : res;
-            setState({ status: "ready", bundles: Array.isArray(value) ? value : [], error: null });
+            const list = Array.isArray(value) ? value : [];
+            setState({ status: "ready", bundles: list, error: null });
+            setRows((prev) => { writeCache(list, prev, Date.now()); return prev; });
           }).catch((err) => {
             if (cancelled) return;
             setState({ status: "error", bundles: [], error: String((err && err.message) || err) });
@@ -182,7 +224,6 @@ window.__ModuleLoader__.load({
           setState({ status: "error", bundles: [], error: "拿不到 pluginManager。" + why });
         };
 
-        setState({ status: "loading", bundles: [], error: null });
         attempt();
         return () => { cancelled = true; if (timer) clearTimeout(timer); };
       }, [nonce]);
@@ -194,7 +235,9 @@ window.__ModuleLoader__.load({
         (async () => {
           for (const b of queue) {
             if (cancelled) return;
-            setRows((prev) => Object.assign({}, prev, { [b.name]: { status: "loading" } }));
+            setRows((prev) => (prev[b.name] && prev[b.name].status === "ready")
+              ? prev
+              : Object.assign({}, prev, { [b.name]: { status: "loading" } }));
             let next;
             try {
               const res = await pmState.listVersions(b.name, {});
@@ -208,8 +251,15 @@ window.__ModuleLoader__.load({
               next = { status: "error", error: String((err && err.message) || err) };
             }
             if (cancelled) return;
-            setRows((prev) => Object.assign({}, prev, { [b.name]: next }));
+            setRows((prev) => {
+              const nextRows = Object.assign({}, prev, { [b.name]: next });
+              writeCache(state.bundles, nextRows, Date.now());
+              return nextRows;
+            });
           }
+          if (cancelled) return;
+          setCheckedAt(Date.now());
+          setRefreshing(false);
         })();
         return () => { cancelled = true; };
       }, [state.status, state.bundles, pmState]);
@@ -220,11 +270,16 @@ window.__ModuleLoader__.load({
       const failed = installed.filter((b) => rows[b.name] && rows[b.name].status === "error").length;
       const pending = installed.filter((b) => b.updatable === true && b.official !== true && !rows[b.name]).length;
       const header = h("div", { style: S.bar },
-        h("span", { style: { opacity: 0.45, fontSize: "11px" } }, "版本一览 v10"),
+        h("span", { style: { opacity: 0.45, fontSize: "11px" } }, "版本一览 v11"),
         h("span", { style: S.muted },
           state.status === "loading" ? "正在读取已安装组合包…" :
           state.status === "error" ? "读取失败" :
           ((newer > 0 ? newer + " 个可更新" : (pending > 0 ? "正在检查…" : "全部已是最新")) + (failed > 0 ? " · " + failed + " 个检查失败" : "") + " · 共 " + installed.length + " 个已安装")),
+        h("span", { style: { opacity: 0.5, fontSize: "11px", marginLeft: "8px" } },
+          checkedAt ? ("检查于 " + clockText(checkedAt)) : ""),
+        refreshing && state.status !== "loading"
+          ? h("span", { style: { opacity: 0.5, fontSize: "11px", marginLeft: "6px" } }, "刷新中…")
+          : null,
         h("span", { style: { flex: "1 1 auto" } }),
         h("button", { style: S.btn, onClick: () => setNonce(nonce + 1), disabled: state.status === "loading" }, "刷新")
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-versions",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "List installed DeepSeek Harness bundles with versions and update status, and jump straight to the official update page.",
   "type": "module",
   "main": "index.js",