dsh-token-gauge 0.1.3 → 0.1.5

package/lib/client.mjs

@@ -32,7 +32,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   apply: () => apply,
-  inject: () => inject,
   name: () => name
 });
 module.exports = __toCommonJS(client_exports);
@@ -948,17 +947,22 @@ function GaugeTab() {
   return import_react.default.createElement("div", { ref: gaugeRef, className: "tg-tab-root" });
 }
 var name = PLUGIN_ID;
-var inject = ["betterSidebar"];
 function apply(ctx) {
-  if (!ctx.betterSidebar || typeof ctx.betterSidebar.registerTab !== "function") {
-    console.warn(`[${PLUGIN_ID}] ctx.betterSidebar \u4E0D\u53EF\u7528\uFF0C\u65E0\u6CD5\u6CE8\u518C\u4FA7\u8FB9\u680F Tab\uFF08\u8BF7\u786E\u8BA4 dsh-better-sidebar \u5DF2\u5B89\u88C5\u5E76\u5728 web profile \u4E2D\u542F\u7528\uFF09`);
-    return;
-  }
-  ctx.betterSidebar.registerTab({
-    id: PLUGIN_ID,
-    title: "Token \u4EEA\u8868\u76D8",
-    single: true,
-    component: GaugeTab
+  const disposeSidebar = ctx.inject(["betterSidebar"], (sidebarCtx) => {
+    const sidebar = sidebarCtx.betterSidebar;
+    if (!sidebar || typeof sidebar.registerTab !== "function") return;
+    const unregister = sidebar.registerTab({
+      id: PLUGIN_ID,
+      title: "Token \u4EEA\u8868\u76D8",
+      single: true,
+      component: GaugeTab
+    });
+    return () => {
+      if (typeof unregister === "function") unregister();
+    };
   });
+  return () => {
+    if (typeof disposeSidebar === "function") disposeSidebar();
+  };
 }
 ; return module.exports; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-token-gauge",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "DSH 机车风格 Token 用量/费用仪表盘侧边栏插件（稳定版 0.1.1-rc.x 兼容）",
   "type": "module",
   "main": "lib/index.mjs",

package/src/client.ts

@@ -204,16 +204,39 @@ function GaugeTab(): React.ReactElement {
 }
 
 export const name = PLUGIN_ID
-export const inject = ['betterSidebar']
-export function apply(ctx: any): void {
-  if (!ctx.betterSidebar || typeof ctx.betterSidebar.registerTab !== 'function') {
-    console.warn(`[${PLUGIN_ID}] ctx.betterSidebar 不可用，无法注册侧边栏 Tab（请确认 dsh-better-sidebar 已安装并在 web profile 中启用）`)
-    return
-  }
-  ctx.betterSidebar.registerTab({
-    id: PLUGIN_ID,
-    title: 'Token 仪表盘',
-    single: true,
-    component: GaugeTab,
+
+// 兄弟 bundle 提供的服务（betterSidebar）在本机这个 cordis 里两种读法都不行，必须用
+// ctx.inject 回调模式。原因（已实测坐实，见本文件末尾注释与 dsh-plugin-guide 官方
+// postmortem）：
+//   1) 插件级 `export const inject = ['betterSidebar']`
+//      -> cordis 把整插件 defer，单趟 boot 的 assertEntriesActivated 检查点在
+//         loader.await() 后跑，此时兄弟 bundle 的 provide 还没落到本 fiber，
+//         直接判 "pending (waiting for service: betterSidebar)"（0.1.3 实测）。
+//   2) apply 顶层 `ctx.get('betterSidebar')` 或 `ctx.betterSidebar`
+//      -> 0811 cordis 是「严格注入」：未声明 inject 直接读服务属性，走 ancestor-only
+//         fiber 遍历到 root 找不到就抛
+//         "cannot get property betterSidebar without inject"（0.1.4 实测）。
+// 正确姿势：插件级不声明任何 inject（插件立即激活，不 pending），改用
+// ctx.inject(['betterSidebar'], cb) —— 回调拿到的子上下文里 betterSidebar 是已注入的
+// 合法属性，读它不触发守卫；且注册被延迟到服务就绪那一刻（兄弟 bundle 提供得早或晚
+// 都能注册上）。生态插件 @linxin666/dsh-client-ui-aionui-panel 用的正是这个模式。
+export function apply(ctx: any): (() => void) | void {
+  const disposeSidebar = ctx.inject(['betterSidebar'], (sidebarCtx: any) => {
+    const sidebar = sidebarCtx.betterSidebar
+    if (!sidebar || typeof sidebar.registerTab !== 'function') return
+    const unregister = sidebar.registerTab({
+      id: PLUGIN_ID,
+      title: 'Token 仪表盘',
+      single: true,
+      component: GaugeTab,
+    })
+    return () => {
+      if (typeof unregister === 'function') unregister()
+    }
   })
+
+  // 返回插件级 disposer：卸载时一并撤掉未完成的注入
+  return () => {
+    if (typeof disposeSidebar === 'function') disposeSidebar()
+  }
 }