vite-plugin-opencode-assistant 1.1.18 → 1.1.20

package/lib/core/opencode-web.cjs

@@ -93,31 +93,14 @@ function startOpenCodeWeb(options) {
   var _a, _b;
   const { port, hostname, cwd, configDir, corsOrigins, contextApiUrl, logsApiUrl, logFilesJson } = options;
   const stateDir = createStateDirectory(cwd);
-  const pluginsDir = import_path.default.join(stateDir, "plugins");
-  const pluginPaths = [
-    import_path.default.join(pluginsDir, "page-context.js"),
-    import_path.default.join(pluginsDir, "vite-logs.js")
-  ];
-  if (logFilesJson) {
-    pluginPaths.push(import_path.default.join(pluginsDir, "service-logs.js"));
-  }
-  const pluginPathsStr = pluginPaths.join(",");
   log.debug("Building process environment", {
     stateDir,
     configDir,
     contextApiUrl,
     logsApiUrl,
-    logFilesJson,
-    pluginPathsStr
-  });
-  const env = buildProcessEnv(
-    stateDir,
-    configDir,
-    contextApiUrl,
-    logsApiUrl,
-    pluginPathsStr,
     logFilesJson
-  );
+  });
+  const env = buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, logFilesJson);
   const args = ["serve", "--port", String(port), "--hostname", hostname];
   if (corsOrigins && corsOrigins.length > 0) {
     corsOrigins.forEach((origin) => {
@@ -184,11 +167,13 @@ function copyPluginFiles(sourceDir, targetDir) {
   }
   log.debug("All plugin files copied", { count: files.length, files });
 }
-function buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, pluginPaths, logFilesJson) {
+function buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, logFilesJson) {
   const env = __spreadProps(__spreadValues({}, Object.fromEntries(
     Object.entries(process.env).filter(([, v]) => v !== void 0)
   )), {
-    XDG_STATE_HOME: stateDir
+    XDG_STATE_HOME: stateDir,
+    // 指向缓存目录，OpenCode 会从 <stateDir>/plugins/ 自动发现插件
+    OPENCODE_CONFIG_DIR: stateDir
   });
   if (configDir) {
     env.OPENCODE_CONFIG_DIR = configDir;
@@ -202,10 +187,6 @@ function buildProcessEnv(stateDir, configDir, contextApiUrl, logsApiUrl, pluginP
     env.OPENCODE_VITE_LOGS_API_URL = logsApiUrl;
     log.debug("Set OPENCODE_VITE_LOGS_API_URL", { logsApiUrl });
   }
-  if (pluginPaths) {
-    env.OPENCODE_PLUGINS = pluginPaths;
-    log.debug("Set OPENCODE_PLUGINS", { pluginPaths });
-  }
   if (logFilesJson) {
     env.OPENCODE_LOG_FILES_JSON = logFilesJson;
     log.debug("Set OPENCODE_LOG_FILES_JSON", { logFilesJson });

package/lib/endpoints/context.cjs

@@ -57,13 +57,15 @@ function setupContextEndpoint(server, ctx) {
       return;
     }
     if (req.method === "GET") {
+      const pc = ctx.getPageContext();
+      log.debug(`[Context] GET \u2192 url=${pc.url} title=${pc.title} tabId=${pc.tabId}`);
       res.writeHead(200);
-      res.end(JSON.stringify(ctx.pageContext));
+      res.end(JSON.stringify(pc));
       reqCtx.end(200);
       return;
     }
     if (req.method === "DELETE") {
-      ctx.pageContext.selectedElements = [];
+      ctx.clearSelectedElements();
       log.debug("Selected elements cleared", { sseClients: ctx.sseClients.size });
       let sentCount = 0;
       ctx.sseClients.forEach((client) => {
@@ -92,22 +94,28 @@ function setupContextEndpoint(server, ctx) {
         var _a, _b, _c;
         try {
           const data = JSON.parse(body);
-          ctx.pageContext = {
+          const tabId = data.tabId != null ? String(data.tabId) : "default";
+          const existing = ctx.getPageContext();
+          const newCtx = {
             url: data.url || "",
             title: data.title || "",
-            // 保留已有的 tabId/tabIndex（避免页内 widget 覆盖 Side Panel 写入的值）
-            tabId: (_a = data.tabId) != null ? _a : ctx.pageContext.tabId,
-            tabIndex: (_b = data.tabIndex) != null ? _b : ctx.pageContext.tabIndex,
+            tabId: (_a = data.tabId) != null ? _a : existing.tabId,
+            tabIndex: (_b = data.tabIndex) != null ? _b : existing.tabIndex,
             selectedElements: data.selectedElements || []
           };
+          ctx.setPageContext(tabId, newCtx);
+          if (data.active) {
+            ctx.setActiveTabId(tabId);
+          }
           log.debug("Context updated", {
-            url: ctx.pageContext.url,
-            title: ctx.pageContext.title,
-            selectedElementsCount: ((_c = ctx.pageContext.selectedElements) == null ? void 0 : _c.length) || 0
+            tabId,
+            url: newCtx.url,
+            title: newCtx.title,
+            selectedElementsCount: ((_c = newCtx.selectedElements) == null ? void 0 : _c.length) || 0
           });
-          if (ctx.pageContext.selectedElements && ctx.pageContext.selectedElements.length > 0) {
+          if (newCtx.selectedElements && newCtx.selectedElements.length > 0) {
             log.debug("Selected elements details", {
-              elements: ctx.pageContext.selectedElements.map((el) => {
+              elements: newCtx.selectedElements.map((el) => {
                 var _a2;
                 return {
                   filePath: el.filePath,

package/lib/endpoints/types.d.ts

@@ -3,8 +3,14 @@ import type http from "http";
 export interface EndpointContext {
     get webUrl(): string | null;
     get sseClients(): Set<http.ServerResponse>;
-    get pageContext(): PageContext;
-    set pageContext(ctx: PageContext);
+    /** 获取当前活跃 Tab 的上下文（扩展模式）或默认上下文（非扩展模式） */
+    getPageContext(): PageContext;
+    /** 写入某个 Tab 的上下文 */
+    setPageContext(tabId: string, ctx: PageContext): void;
+    /** 设置当前活跃 Tab ID */
+    setActiveTabId(tabId: string): void;
+    /** 清除选中元素（活跃 Tab） */
+    clearSelectedElements(): void;
     get isServiceStarted(): boolean;
     get currentTask(): {
         task: ServiceStartupTask;

package/lib/index.cjs

@@ -94,7 +94,11 @@ function createOpenCodePlugin(options = {}) {
   let actualWebPort = config.webPort;
   let actualProxyPort = (_a = config.proxyPort) != null ? _a : import_shared.DEFAULT_PROXY_PORT;
   let projectRoot = "";
-  let pageContext = { url: "", title: "" };
+  const pageContext = { url: "", title: "" };
+  const DEFAULT_TAB = "default";
+  const pageContexts = /* @__PURE__ */ new Map([[DEFAULT_TAB, pageContext]]);
+  let activeTabId = DEFAULT_TAB;
+  const pageKey = Math.random().toString(36).slice(2, 5);
   const serviceInstanceId = import_crypto.default.randomUUID();
   const sseClients = /* @__PURE__ */ new Set();
   const api = new import_api.OpenCodeAPI(
@@ -135,11 +139,25 @@ function createOpenCodePlugin(options = {}) {
           get sseClients() {
             return sseClients;
           },
-          get pageContext() {
-            return pageContext;
+          getPageContext() {
+            return pageContexts.get(activeTabId) || pageContexts.get(DEFAULT_TAB) || { url: "", title: "" };
           },
-          set pageContext(ctx) {
-            pageContext = ctx;
+          setPageContext(tabId, ctx) {
+            pageContexts.set(tabId || DEFAULT_TAB, ctx);
+          },
+          setActiveTabId(tabId) {
+            activeTabId = tabId;
+          },
+          clearSelectedElements() {
+            const ctx = pageContexts.get(activeTabId);
+            if (ctx) {
+              ctx.selectedElements = [];
+              pageContexts.set(activeTabId, ctx);
+            }
+            const defaultCtx = pageContexts.get(DEFAULT_TAB);
+            if (defaultCtx) {
+              defaultCtx.selectedElements = [];
+            }
           },
           get isServiceStarted() {
             return service.isStarted;
@@ -228,8 +246,10 @@ function createOpenCodePlugin(options = {}) {
         projectRoot,
         verbose: config.verbose
       });
+      const titleInject = `<script>(function(){var k="[${pageKey}]",d=document,p=!1,f=function(){if(p)return;var t=d.title;if(t.indexOf(k)===0)return;p=!0;d.title=k+t.replace(k,"");p=!1};f();new MutationObserver(f).observe(d.querySelector("title")||d.head,{childList:!0})})();</script>`;
       timer.end();
-      return html.replace("</body>", `${widget}</body>`);
+      return html.replace("</body>", `${titleInject}
+${widget}</body>`);
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-opencode-assistant",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "Embed OpenCode Web UI in your Vite dev server for real-time code modification and preview",
   "type": "module",
   "main": "lib/index.cjs",
@@ -37,15 +37,15 @@
   "dependencies": {
     "unplugin-vue-inspector": "^3.0.0",
     "execa": "^9.6.1",
-    "@vite-plugin-opencode-assistant/opencode": "1.1.18",
-    "@vite-plugin-opencode-assistant/components": "1.1.18",
-    "@vite-plugin-opencode-assistant/shared": "1.1.18"
+    "@vite-plugin-opencode-assistant/opencode": "1.1.20",
+    "@vite-plugin-opencode-assistant/components": "1.1.20",
+    "@vite-plugin-opencode-assistant/shared": "1.1.20"
   },
   "peerDependencies": {
     "vite": ">=5.0.0"
   },
   "devDependencies": {
-    "@vite-plugin-opencode-assistant/client": "1.1.18"
+    "@vite-plugin-opencode-assistant/client": "1.1.20"
   },
   "scripts": {
     "build": "pagoda-cli build && vite build -c vite.client.config.ts",