@shellraining/dsh-plugin-updates 0.1.0 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
 # dsh-plugin-updates
 
-在插件页加一个「更新」标签，检查从 npm 安装的插件有没有新版本，可以逐个更新、全部更新，或者在插件详情页里挑一个版本安装。
+检查从 npm 安装的插件有没有新版本。插件页的「已安装插件」列表里可以逐个更新或全部更新，插件详情页里还能挑一个版本安装。
 
 ## 安装
 
@@ -11,12 +11,11 @@ dsh plugin --profile web add @shellraining/dsh-plugin-updates
 ## 使用
 
 - **已安装插件列表**：有新版本时，「已安装插件」标题旁出现「全部更新（N）」，对应插件卡片的开关左边出现「更新到 x.y.z」。点卡片其他位置照常进入详情页。
-- **更新标签**：打开侧栏的「插件」，切到「更新」，列出所有从 npm 安装的插件，以及当前版本、最新版本和检查状态。点插件名或「详情」会打开官方的插件详情页。
 - **插件详情页**：有新版本时，标题旁显示「可更新」标签，右上角多一个「更新到 x.y.z」按钮。页面底部有版本列表，每个版本都能单独安装，不兼容当前 DSH 的版本不能点。
 
 只检查依赖记录为 `包名@版本范围` 的插件。Git、本地目录、tarball 来源的插件和 DSH 官方插件都会跳过。
 
-打开标签页或详情页时检查一次，结果缓存 10 分钟，点「检查更新」会重新查询。查询直接从浏览器读 npm registry，用的是 profile 中 pnpm 配置的源，查不到时再试插件管理器配置的备选源（默认是 npmmirror）。需要认证的私有源无法检查。
+打开插件页或详情页时检查一次，结果缓存 10 分钟，过期后再打开会重新查询。查询直接从浏览器读 npm registry，用的是 profile 中 pnpm 配置的源，查不到时再试插件管理器配置的备选源（默认是 npmmirror）。需要认证的私有源无法检查。
 
 ## 更新是怎么做的
 
@@ -24,9 +23,9 @@ dsh plugin --profile web add @shellraining/dsh-plugin-updates
 
 卸载后安装失败时，插件会保持未安装状态，提示里会显示 pnpm 的输出，并提供「恢复」按钮，按原来的版本重新安装。发布不足 24 小时的版本会标为「新发布」，pnpm 开启 `minimumReleaseAge` 时，这类版本可能装不上。
 
-本插件不能在页面里更新自己，因为卸载自己时界面也会一起卸载。需要更新时，列表会给出对应的 `dsh plugin` 命令，退出 DSH 后在终端运行即可。
+本插件不能在页面里更新自己，因为卸载自己时界面也会一起卸载。有新版本时，它的详情页会给出对应的 `dsh plugin` 命令，退出 DSH 后在终端运行即可。
 
-官方列表没有给卡片开放扩展点，列表上的按钮靠 `data-plugin-group="bundles"`、`data-plugin-package` 和开关的 `role="switch"` 这几个语义属性定位，见 `src/client/anchors.ts`。DSH 改了这部分结构时，列表上的按钮会消失，「更新」标签和详情页不受影响。
+官方列表没有给卡片开放扩展点，列表上的按钮靠 `data-plugin-group="bundles"`、`data-plugin-package` 和开关的 `role="switch"` 这几个语义属性定位，见 `src/client/anchors.ts`。DSH 改了这部分结构时，列表上的按钮会消失，详情页不受影响。
 
 ## 开发
 

package/lib/client.js

@@ -1265,29 +1265,14 @@ module.exports = __toCommonJS(index_exports);
 // src/client/locale.ts
 var LOCALE_NS = "dshPluginUpdates";
 var ZH = {
-  "tab": "\u66F4\u65B0",
-  "summary.loading": "\u6B63\u5728\u68C0\u67E5\u66F4\u65B0\u2026",
-  "summary.some": "{count} \u4E2A\u63D2\u4EF6\u53EF\u66F4\u65B0",
-  "summary.none": "\u6240\u6709 npm \u63D2\u4EF6\u90FD\u5DF2\u662F\u6700\u65B0\u7248\u672C",
-  "summary.empty": "\u6CA1\u6709\u4ECE npm \u5B89\u88C5\u7684\u63D2\u4EF6",
-  "summary.skipped": "{count} \u4E2A\u63D2\u4EF6\u4E0D\u662F\u4ECE npm \u5B89\u88C5\u7684\uFF0C\u672A\u68C0\u67E5",
-  "refresh": "\u68C0\u67E5\u66F4\u65B0",
-  "updateAll": "\u5168\u90E8\u66F4\u65B0",
   "updateAllCount": "\u5168\u90E8\u66F4\u65B0\uFF08{count}\uFF09",
   "updateLabel": "\u628A {name} \u66F4\u65B0\u5230 {version}",
   "updating": "\u66F4\u65B0\u4E2D\u2026",
-  "update": "\u66F4\u65B0",
   "updateTo": "\u66F4\u65B0\u5230 {version}",
   "install": "\u5B89\u88C5",
-  "details": "\u8BE6\u60C5",
-  "loadFailed": "\u8BFB\u53D6\u63D2\u4EF6\u5217\u8868\u5931\u8D25\uFF1A{reason}",
-  "retry": "\u91CD\u8BD5",
   "status.update": "\u53EF\u66F4\u65B0 {version}",
-  "status.latest": "\u5DF2\u662F\u6700\u65B0",
-  "status.checking": "\u68C0\u67E5\u4E2D",
-  "status.failed": "\u67E5\u8BE2\u5931\u8D25",
+  "versions.loading": "\u6B63\u5728\u8BFB\u53D6\u7248\u672C\u2026",
   "version.current": "\u5F53\u524D {version}",
-  "version.arrow": "{from} \u2192 {to}",
   "versions.title": "\u7248\u672C",
   "versions.registry": "\u6765\u81EA {registry}",
   "versions.showAll": "\u663E\u793A\u5168\u90E8 {count} \u4E2A\u7248\u672C",
@@ -1316,29 +1301,14 @@ var ZH = {
   "op.log": "\u65E5\u5FD7\uFF1A{path}"
 };
 var EN = {
-  "tab": "Updates",
-  "summary.loading": "Checking for updates\u2026",
-  "summary.some": "{count} plugin(s) can be updated",
-  "summary.none": "All npm plugins are up to date",
-  "summary.empty": "No plugins were installed from npm",
-  "summary.skipped": "{count} plugin(s) not installed from npm were skipped",
-  "refresh": "Check for updates",
-  "updateAll": "Update all",
   "updateAllCount": "Update all ({count})",
   "updateLabel": "Update {name} to {version}",
   "updating": "Updating\u2026",
-  "update": "Update",
   "updateTo": "Update to {version}",
   "install": "Install",
-  "details": "Details",
-  "loadFailed": "Could not read the plugin list: {reason}",
-  "retry": "Retry",
   "status.update": "Update {version}",
-  "status.latest": "Up to date",
-  "status.checking": "Checking",
-  "status.failed": "Check failed",
+  "versions.loading": "Reading versions\u2026",
   "version.current": "Current {version}",
-  "version.arrow": "{from} \u2192 {to}",
   "versions.title": "Versions",
   "versions.registry": "From {registry}",
   "versions.showAll": "Show all {count} versions",
@@ -1416,7 +1386,7 @@ var UpdatesStore = class {
     this.ctx = ctx;
   }
   ctx;
-  state = { status: "idle", candidates: [], skipped: 0, lookups: {} };
+  state = { status: "idle", candidates: [], lookups: {} };
   listeners = /* @__PURE__ */ new Set();
   generation = 0;
   disposed = false;
@@ -1441,25 +1411,21 @@ var UpdatesStore = class {
   setLookup(name2, lookup) {
     this.patch({ lookups: { ...this.state.lookups, [name2]: lookup } });
   }
-  /** A page opened: read the list the first time, and again once a lookup is older than the cache. */
+  /** A page opened: read the list the first time, after a failure, and once a lookup is older than the cache. */
   ensure = () => {
     const now = Date.now();
     const stale = Object.values(this.state.lookups).some((lookup) => lookup.status === "ready" && now - lookup.at > CACHE_MS);
-    if (this.state.status === "idle" || this.state.status === "ready" && stale) void this.load(false);
-  };
-  /** Re-read the list and every lookup. */
-  refresh = () => {
-    void this.load(true);
+    if (this.state.status === "idle" || this.state.status === "error" || this.state.status === "ready" && stale) void this.load();
   };
   /** Re-read the list after a Host change; lookups stay cached. */
   bundlesChanged = () => {
-    if (this.state.status !== "idle") void this.load(false);
+    if (this.state.status !== "idle") void this.load();
   };
-  async load(force) {
+  async load() {
     const generation = ++this.generation;
     this.patch({ status: this.state.status === "ready" ? "ready" : "loading" });
     const pm = this.ctx.remote.pluginManager;
-    if (force || this.registries === void 0) {
+    if (this.registries === void 0) {
       const [registries, exemptions] = await Promise.all([pm.registries(), pm.listVersionExemptions()]);
       if (registries.ok) {
         const first = registries.value.registry ?? registries.value.resolved ?? DEFAULT_REGISTRY;
@@ -1470,7 +1436,7 @@ var UpdatesStore = class {
     const listed = await pm.listBundles();
     if (generation !== this.generation) return;
     if (!listed.ok) {
-      this.patch({ status: "error", error: listed.error.message });
+      this.patch({ status: "error" });
       return;
     }
     const resolve = (text) => text === void 0 ? void 0 : this.ctx.locale.resolveText(text);
@@ -1485,13 +1451,12 @@ var UpdatesStore = class {
         ...icon === void 0 ? {} : { icon }
       };
     }).sort((a, b) => a.title.localeCompare(b.title));
-    const others = listed.value.filter((bundle) => bundle.installed && !bundle.official && bundle.availability === "profile");
-    this.patch({ status: "ready", candidates, skipped: others.length - npm.length });
+    this.patch({ status: "ready", candidates });
     const now = Date.now();
     for (const candidate of candidates) {
       const lookup = this.state.lookups[candidate.name];
       const stale = lookup === void 0 || lookup.status === "error" || lookup.status === "ready" && now - lookup.at > CACHE_MS;
-      if (force || stale) void this.lookup(candidate.name);
+      if (stale) void this.lookup(candidate.name);
     }
   }
   async lookup(name2) {
@@ -1594,23 +1559,11 @@ var UpdatesStore = class {
 // src/client/styles.ts
 var STYLE_ID = "@shellraining/dsh-plugin-updates";
 var CSS = `
-.dpu-tab, .dpu-section { display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--dsw-alias-label-primary); }
+.dpu-section { display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--dsw-alias-label-primary); }
 .dpu-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 28px; }
 .dpu-summary { flex: 1; min-width: 0; color: var(--dsw-alias-label-secondary); font-size: 13px; line-height: 20px; }
 .dpu-caption { color: var(--dsw-alias-label-caption); font-size: 12px; line-height: 18px; }
 .dpu-title { margin: 0; font-size: 14px; font-weight: 500; line-height: 20px; }
-.dpu-list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
-.dpu-card { display: flex; align-items: center; gap: 14px; min-width: 0; margin: 0 -8px; padding: 8px; border-radius: var(--dsw-radius-xl); }
-.dpu-card:hover { background: var(--dsw-alias-interactive-bg-hover); }
-.dpu-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; border: .5px solid var(--dsw-alias-border-l3); border-radius: var(--dsw-radius-lg); color: var(--dsw-alias-label-secondary); }
-.dpu-icon img { width: 100%; height: 100%; object-fit: cover; }
-.dpu-main { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
-.dpu-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
-.dpu-name { min-width: 0; padding: 0; overflow: hidden; border: 0; background: none; color: inherit; font: inherit; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
-.dpu-name:hover { text-decoration: underline; }
-.dpu-name:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
-.dpu-meta { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 18px; font-variant-numeric: tabular-nums; }
-.dpu-end { flex: none; display: inline-flex; align-items: center; gap: 8px; }
 .dpu-mono { font-family: var(--ds-font-family-code); font-variant-numeric: tabular-nums; }
 .dpu-rows { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: .5px solid var(--dsw-alias-border-l2); }
 .dpu-row { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 2px 0; border-bottom: .5px solid var(--dsw-alias-border-l2); }
@@ -1707,16 +1660,6 @@ function selfCommand(version) {
 function dateText(stamp) {
   return stamp === void 0 ? "" : new Date(stamp).toLocaleDateString();
 }
-function Artwork({ src }) {
-  const [broken, setBroken] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-icon", "aria-hidden": "true", children: src === void 0 || broken ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.PluginArtworkDefault, { size: 28 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src, alt: "", onError: () => setBroken(true) }) });
-}
-function StatusTag({ t, candidate, lookup }) {
-  if (lookup === void 0 || lookup.status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: t("status.checking") });
-  if (lookup.status === "error") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "warning", children: t("status.failed") });
-  const target = updateTarget(candidate, lookup);
-  return target === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "quiet", children: t("status.latest") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "info", children: t("status.update", { version: target }) });
-}
 function SelfNotice({ t, version }) {
   const [copied, setCopied] = (0, import_react.useState)(false);
   const command = selfCommand(version);
@@ -1784,63 +1727,6 @@ function OperationBanner({ t, operation, actions }) {
     failed && operation.logPath !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-caption", children: t("op.log", { path: operation.logPath }) }) : null
   ] });
 }
-function UpdatesTab({ t, useUpdates, actions, openPackage }) {
-  const state = useUpdates((snapshot) => snapshot);
-  (0, import_react.useEffect)(() => {
-    actions.ensure();
-  }, [actions]);
-  const busy = isBusy(state.operation);
-  const lookups = Object.values(state.lookups);
-  const checking = state.status === "loading" || lookups.some((lookup) => lookup.status === "loading");
-  const outdated = state.candidates.filter((item) => updateTarget(item, state.lookups[item.name]) !== void 0);
-  const pending = outdated.filter((item) => item.name !== SELF);
-  const self = outdated.find((item) => item.name === SELF);
-  const selfTarget = self === void 0 ? void 0 : updateTarget(self, state.lookups[SELF]);
-  let summary;
-  if (state.status === "idle" || state.status === "loading" && state.candidates.length === 0) summary = t("summary.loading");
-  else if (state.candidates.length === 0) summary = t("summary.empty");
-  else if (outdated.length > 0) summary = t("summary.some", { count: outdated.length });
-  else summary = checking ? t("summary.loading") : t("summary.none");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dpu-tab", "aria-busy": checking, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpu-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-summary", role: "status", children: summary }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives2.IconRefreshOutlineRegular, { size: 13 }), disabled: checking || busy, onClick: actions.refresh, children: t("refresh") }),
-      pending.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "primary", disabled: busy, onClick: () => {
-        void actions.updateAll();
-      }, children: t("updateAll") }) : null
-    ] }),
-    state.operation === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OperationBanner, { t, operation: state.operation, actions }),
-    state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpu-banner", "data-tone": "error", role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpu-banner-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("loadFailed", { reason: state.error ?? "" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", onClick: actions.refresh, children: t("retry") })
-    ] }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpu-list", children: state.candidates.map((candidate) => {
-      const lookup = state.lookups[candidate.name];
-      const target = updateTarget(candidate, lookup);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "dpu-card", "data-plugin-updates-package": candidate.name, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Artwork, { src: candidate.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpu-main", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpu-name-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dpu-name", title: candidate.name, onClick: () => openPackage(candidate.name), children: candidate.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusTag, { t, candidate, lookup })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dpu-meta", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-mono", children: target === void 0 ? candidate.version : t("version.arrow", { from: candidate.version, to: target }) }),
-            lookup?.status === "error" ? ` \xB7 ${lookup.reason}` : ""
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpu-end", children: [
-          target !== void 0 && candidate.name !== SELF ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "outline", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives2.IconDownloadOutlineRegular, { size: 13 }), disabled: busy, onClick: () => {
-            void actions.install(candidate.name, target);
-          }, children: t("update") }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { size: "sm", variant: "ghost", onClick: () => openPackage(candidate.name), children: t("details") })
-        ] })
-      ] }, candidate.name);
-    }) }),
-    state.skipped > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-caption", children: t("summary.skipped", { count: state.skipped }) }) : null,
-    selfTarget === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelfNotice, { t, version: selfTarget })
-  ] });
-}
 function useSubject({ subject, useUpdates, actions }) {
   const name2 = subject.kind === "bundle" ? subject.pkg.name : void 0;
   const candidate = useUpdates((state) => state.candidates.find((item) => item.name === name2));
@@ -1888,7 +1774,7 @@ function DetailSection(props) {
   const self = candidate.name === SELF;
   const target = updateTarget(candidate, lookup);
   let body;
-  if (lookup === void 0 || lookup.status === "loading") body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-caption", children: t("summary.loading") });
+  if (lookup === void 0 || lookup.status === "loading") body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-caption", children: t("versions.loading") });
   else if (lookup.status === "error") body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-error", children: t("versions.failed", { reason: lookup.reason }) });
   else if (lookup.versions.length === 0) body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpu-caption", children: t("versions.empty") });
   else {
@@ -1983,7 +1869,6 @@ function apply(ctx) {
     hooks: { updates: store },
     actions: {
       ensure: store.ensure,
-      refresh: store.refresh,
       install: store.install,
       updateAll: store.updateAll,
       restore: store.restore,
@@ -1991,14 +1876,6 @@ function apply(ctx) {
       toastDone: store.toastDone
     }
   };
-  ctx.slots.inject("plugins.tab", () => ctx.slots.register({
-    name: "plugins.tab",
-    id: "updates",
-    order: 10,
-    label: () => t("tab"),
-    locale: LOCALE_NS,
-    inject: () => face
-  }, UpdatesTab));
   ctx.slots.inject("shell.overlay", () => ctx.slots.register({
     name: "shell.overlay",
     id: "plugin-updates.toast",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@shellraining/dsh-plugin-updates",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "description": "插件页的「更新」标签：检查 npm 来源插件的新版本，一键更新或安装指定版本",
+  "description": "在插件页检查 npm 来源插件的新版本，一键更新或安装指定版本",
   "main": "./lib/index.js",
   "exports": {
     ".": "./lib/index.js",
@@ -14,10 +14,6 @@
     "lib",
     "cordis.patch.yml"
   ],
-  "scripts": {
-    "typecheck": "tsc -p tsconfig.json",
-    "build": "pnpm run typecheck && node build.mjs"
-  },
   "engines": {
     "node": ">=20"
   },
@@ -59,5 +55,9 @@
   ],
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "typecheck": "tsc -p tsconfig.json",
+    "build": "pnpm run typecheck && node build.mjs"
   }
-}
+}