opencode-tokenwatch 0.4.0 → 0.6.0

package/dist/ui/sidebar.d.ts

@@ -0,0 +1,14 @@
+import type { HostAdapter } from "../host/types.js";
+import type { PerfTracker } from "../kernel/perf.js";
+import type { TokenMessage } from "../kernel/model.js";
+interface TokenWatchPanelProps {
+    host: HostAdapter;
+    perfTracker: PerfTracker;
+    perfRevision?: () => number;
+    messages: () => readonly any[];
+    /** 绑定了当前会话的 part 查询（v2 下避免跨会话扫描） */
+    messageParts: (messageID: string) => readonly any[];
+    allTokenMessages: () => TokenMessage[];
+}
+export declare function TokenWatchPanel(props: TokenWatchPanelProps): import("solid-js").JSX.Element;
+export {};

package/index.ts

@@ -0,0 +1,11 @@
+/**
+ * 目录标记 + 服务端插件入口。
+ *
+ * opencode2 有两套本地插件发现：
+ * - 服务端（role=server）以 `index.*` 为入口，要求 default 导出为合法插件模块
+ * - TUI 侧以 `tui.*` 为入口（见 ./tui.ts）
+ *
+ * 本文件同时满足两者：作为 v2 目录发现的标记文件，并导出 v1/v2 通用的
+ * server 插件对象（v1 不使用本文件，它通过 package.json 的 exports 加载）。
+ */
+export { default } from "./dist/server.js"

package/package.json

@@ -1,30 +1,39 @@
 {
   "name": "opencode-tokenwatch",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Real-time token usage, cache analytics & performance dashboard plugin for OpenCode CLI",
   "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/server.js",
+  "types": "./dist/server.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
     },
     "./tui": {
       "types": "./dist/tui.d.ts",
-      "import": "./dist/tui.jsx"
+      "import": "./dist/tui.js",
+      "config": {
+        "enabled": true
+      }
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "tui.ts",
+    "index.ts"
   ],
   "sideEffects": false,
   "engines": {
     "node": ">=18"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && node build.tui.mjs",
     "release:check": "node ./scripts/publish-check.mjs",
     "prepublishOnly": "npm run build"
   },
@@ -50,14 +59,32 @@
   },
   "homepage": "https://github.com/TTWK/opencode-tokenwatch#readme",
   "devDependencies": {
-    "@opencode-ai/plugin": "latest",
-    "@opentui/core": "^0.2.9",
-    "@opentui/keymap": "^0.2.9",
-    "@opentui/solid": "^0.2.9",
+    "@opencode-ai/plugin": "1.18.30",
+    "@opentui/core": "^0.5.11",
+    "@opentui/keymap": "^0.5.11",
+    "@opentui/solid": "^0.5.11",
     "@types/node": "^22.0.0",
+    "esbuild": "^0.25.0",
+    "esbuild-plugin-solid": "^0.5.0",
     "typescript": "^5.7.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.9.0",
+    "@opentui/core": ">=0.5.0",
+    "@opentui/solid": ">=0.5.0"
+  },
+  "peerDependenciesMeta": {
+    "solid-js": {
+      "optional": true
+    },
+    "@opentui/core": {
+      "optional": true
+    },
+    "@opentui/solid": {
+      "optional": true
+    }
   }
 }

package/tui.ts

@@ -0,0 +1,9 @@
+/**
+ * opencode2（v2）入口。
+ *
+ * v2 以目录形式解析插件时，会把本文件作为入口模块导入并读取 default 导出，
+ * 再调用其 `setup(ctx)`。这里直接复用构建产物，保证 v1 / v2 走同一份实现。
+ *
+ * v1 不使用本文件——它通过 package.json 的 exports["./tui"] 加载 dist/tui.js。
+ */
+export { default } from "./dist/tui.js"

package/dist/commands.d.ts

@@ -1,2 +0,0 @@
-import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
-export declare function registerCommands(api: TuiPluginApi): Promise<void>;

package/dist/commands.js

@@ -1,208 +0,0 @@
-import { getUsageReport } from "./queries.js";
-import { formatUsageReport } from "./formatter.js";
-import { generateUsageHtml } from "./generate-usage-html.js";
-import { t } from "./i18n.js";
-import { readLogs } from "./perf-tracker.js";
-import { existsSync, mkdirSync, writeFileSync } from "node:fs";
-import { join } from "node:path";
-import { homedir } from "node:os";
-import { execSync } from "node:child_process";
-const DEFAULT_CONFIG = {
-    sidebar: { showPerformance: true, showPricing: true, showTokenDistribution: true, showTrend: true },
-    language: "auto",
-};
-export async function registerCommands(api) {
-    api.command?.register(() => [
-        {
-            value: "tokenwatch-html-report",
-            title: "Generate HTML report",
-            description: "Generate an HTML dashboard with token usage, cache efficiency, and performance charts",
-            category: "Stats",
-            slash: { name: "usage-html", aliases: ["usage"] },
-            onSelect: async () => {
-                await showHtmlReport(api);
-            },
-        },
-        {
-            value: "tokenwatch-json-export",
-            title: "Export as JSON",
-            description: "Export usage data as JSON file",
-            category: "Stats",
-            slash: { name: "usage-json" },
-            onSelect: async () => {
-                await showJsonExport(api);
-            },
-        },
-        {
-            value: "tokenwatch-text-report",
-            title: "Text report (legacy)",
-            description: "View plain text usage report in terminal",
-            category: "Stats",
-            slash: { name: "usage-text" },
-            onSelect: async () => {
-                await showTextReport(api);
-            },
-        },
-        {
-            value: "tokenwatch-settings",
-            title: "TokenWatch Settings",
-            description: "Configure sidebar display options",
-            category: "Stats",
-            slash: { name: "usage-settings", aliases: ["tokenwatch-settings"] },
-            onSelect: async () => {
-                await showSettingsDialog(api);
-            },
-        },
-    ]);
-}
-function ensureReportDir() {
-    const dir = join(homedir(), ".opencode", "reports");
-    if (!existsSync(dir))
-        mkdirSync(dir, { recursive: true });
-    return dir;
-}
-function openInBrowser(filePath) {
-    try {
-        const platform = process.platform;
-        if (platform === "win32")
-            execSync(`start "" "${filePath}"`, { windowsHide: true, timeout: 5000 });
-        else if (platform === "darwin")
-            execSync(`open "${filePath}"`, { timeout: 5000 });
-        else
-            execSync(`xdg-open "${filePath}"`, { timeout: 5000 });
-    }
-    catch { /* silently fail */ }
-}
-function aggregatePerfStats(logs) {
-    const map = new Map();
-    for (const entry of logs) {
-        const key = entry.model;
-        let s = map.get(key);
-        if (!s) {
-            s = {
-                model: key,
-                providerID: entry.providerID,
-                requestCount: 0,
-                totalInput: 0, totalOutput: 0, totalCacheRead: 0, totalCacheWrite: 0, totalCost: 0,
-                avgTTFT: null, maxTTFT: null, minTTFT: null,
-                avgTPS: null, maxTPS: null, minTPS: null,
-                avgLatency: null, maxLatency: null, minLatency: null,
-            };
-            map.set(key, s);
-        }
-        s.requestCount++;
-        s.totalInput += entry.inputTokens;
-        s.totalOutput += entry.outputTokens;
-        s.totalCacheRead += entry.cacheReadTokens;
-        s.totalCacheWrite += entry.cacheWriteTokens;
-        s.totalCost += entry.cost;
-        const c = s.requestCount;
-        if (entry.ttft_ms != null) {
-            s.avgTTFT = s.avgTTFT != null ? s.avgTTFT + (entry.ttft_ms - s.avgTTFT) / c : entry.ttft_ms;
-            s.maxTTFT = s.maxTTFT != null ? Math.max(s.maxTTFT, entry.ttft_ms) : entry.ttft_ms;
-            s.minTTFT = s.minTTFT != null ? Math.min(s.minTTFT, entry.ttft_ms) : entry.ttft_ms;
-        }
-        if (entry.tps != null) {
-            s.avgTPS = s.avgTPS != null ? s.avgTPS + (entry.tps - s.avgTPS) / c : entry.tps;
-            s.maxTPS = s.maxTPS != null ? Math.max(s.maxTPS, entry.tps) : entry.tps;
-            s.minTPS = s.minTPS != null ? Math.min(s.minTPS, entry.tps) : entry.tps;
-        }
-        if (entry.latency_ms != null) {
-            s.avgLatency = s.avgLatency != null ? s.avgLatency + (entry.latency_ms - s.avgLatency) / c : entry.latency_ms;
-            s.maxLatency = s.maxLatency != null ? Math.max(s.maxLatency, entry.latency_ms) : entry.latency_ms;
-            s.minLatency = s.minLatency != null ? Math.min(s.minLatency, entry.latency_ms) : entry.latency_ms;
-        }
-    }
-    return Array.from(map.values());
-}
-async function buildCombinedData(api) {
-    const report = await getUsageReport({});
-    const logs = readLogs(1000);
-    const now = new Date();
-    const pad = (n) => String(n).padStart(2, '0');
-    const meta = {
-        generatedAt: `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`,
-        dateRange: {
-            start: report.daily.length > 0 ? report.daily[report.daily.length - 1].day : "—",
-            end: report.daily.length > 0 ? report.daily[0].day : "—",
-        },
-    };
-    return {
-        ...report,
-        perfLogs: logs,
-        perfSummary: aggregatePerfStats(logs),
-        meta,
-    };
-}
-async function showHtmlReport(api) {
-    try {
-        const data = await buildCombinedData(api);
-        const html = generateUsageHtml(data);
-        const dir = ensureReportDir();
-        const dateStr = new Date().toISOString().slice(0, 10);
-        const filePath = join(dir, `tokenwatch-${dateStr}.html`);
-        writeFileSync(filePath, html, "utf-8");
-        api.ui.toast?.({ message: `Report: ${filePath}`, variant: "info" });
-        openInBrowser(filePath);
-    }
-    catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        api.ui.toast?.({ message: `Error: ${msg}`, variant: "error" });
-    }
-}
-async function showJsonExport(api) {
-    try {
-        const report = await getUsageReport({});
-        const dir = ensureReportDir();
-        const dateStr = new Date().toISOString().slice(0, 10);
-        const filePath = join(dir, `tokenwatch-${dateStr}.json`);
-        writeFileSync(filePath, JSON.stringify(report, null, 2), "utf-8");
-        api.ui.toast?.({ message: `JSON: ${filePath}`, variant: "info" });
-    }
-    catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        api.ui.toast?.({ message: `Error: ${msg}`, variant: "error" });
-    }
-}
-async function showTextReport(api) {
-    try {
-        const report = await getUsageReport({});
-        const formatted = formatUsageReport(report);
-        const dir = ensureReportDir();
-        const dateStr = new Date().toISOString().slice(0, 10);
-        const filePath = join(dir, `tokenwatch-${dateStr}.md`);
-        writeFileSync(filePath, formatted, "utf-8");
-        api.ui.toast?.({ message: `Report saved to ${filePath}`, variant: "info" });
-    }
-    catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        api.ui.toast?.({ message: `Error: ${msg}`, variant: "error" });
-    }
-}
-async function showSettingsDialog(api) {
-    const currentConfig = loadConfigFromStore(api);
-    const cfg = currentConfig.sidebar;
-    const options = [
-        `[${cfg.showPerformance ? "x" : " "}] ${t("showPerformance")}`,
-        `[${cfg.showPricing ? "x" : " "}] ${t("showPricing")}`,
-        `[${cfg.showTokenDistribution ? "x" : " "}] ${t("showTokenDistribution")}`,
-        `[${cfg.showTrend ? "x" : " "}] ${t("showTrend")}`,
-        `---`,
-        `${t("language")}: ${currentConfig.language}`,
-    ].join("\n");
-    api.ui.toast?.({ message: `TokenWatch settings:\n${options}`, variant: "info" });
-}
-function loadConfigFromStore(api) {
-    const base = { sidebar: { ...DEFAULT_CONFIG.sidebar }, language: DEFAULT_CONFIG.language };
-    try {
-        const stored = api.kv?.get?.("tokenwatch-config");
-        if (stored) {
-            if (stored.sidebar)
-                Object.assign(base.sidebar, stored.sidebar);
-            if (stored.language)
-                base.language = stored.language;
-        }
-    }
-    catch { /* defaults */ }
-    return base;
-}