vite-plugin-opencode-assistant 1.1.10 → 1.1.12

package/es/core/api.d.ts

@@ -7,6 +7,8 @@ export declare class OpenCodeAPI {
     private warmupChromeMcpConfig;
     private chromeDevtoolsPort;
     constructor(hostname: string, getPort: () => number, getProxyPort: () => number, warmupChromeMcpConfig?: boolean, chromeDevtoolsPort?: number);
+    /** 构建代理 iframe URL（旧版格式：/{base64(projectDir)}/session/{id}） */
+    private buildSessionProxyUrl;
     private createHttpRequest;
     getSessions(projectDir: string, retries?: number): Promise<SessionInfo[]>;
     createSession(projectDir: string, retries?: number, title?: string): Promise<SessionInfo>;

package/es/core/api.mjs

@@ -60,6 +60,10 @@ class OpenCodeAPI {
     __publicField(this, "warmupChromeMcpConfig", warmupChromeMcpConfig);
     __publicField(this, "chromeDevtoolsPort", chromeDevtoolsPort);
   }
+  /** 构建代理 iframe URL（旧版格式：/{base64(projectDir)}/session/{id}） */
+  buildSessionProxyUrl(projectDir, sessionId) {
+    return `http://${this.hostname}:${this.getProxyPort()}/${base64Encode(projectDir)}/session/${sessionId}`;
+  }
   createHttpRequest(options, body, timeout) {
     const timer = new PerformanceTimer("HTTP Request", {
       operation: `${options.method || "GET"} ${options.path}`
@@ -107,7 +111,7 @@ class OpenCodeAPI {
             path: `/session?directory=${encodeURIComponent(projectDir)}`
           });
           const sessionsWithUrl = sessions.map((s) => __spreadProps(__spreadValues({}, s), {
-            url: s.directory ? `http://${this.hostname}:${this.getProxyPort()}/${base64Encode(s.directory)}/session/${s.id}` : ""
+            url: s.directory && s.id ? this.buildSessionProxyUrl(s.directory, s.id) : ""
           }));
           timer.end(`Found ${sessions.length} sessions`);
           return sessionsWithUrl;
@@ -151,7 +155,7 @@ class OpenCodeAPI {
             requestBody
           );
           const sessionWithUrl = __spreadProps(__spreadValues({}, session), {
-            url: `http://${this.hostname}:${this.getProxyPort()}/${base64Encode(projectDir)}/session/${session.id}`
+            url: this.buildSessionProxyUrl(projectDir, session.id)
           });
           timer.end(`Created session: ${session.id}`);
           return sessionWithUrl;
@@ -450,13 +454,13 @@ class OpenCodeAPI {
       });
       const matchingSession = sessions.find((s) => s.directory === projectDir);
       if (matchingSession) {
-        const url2 = `http://${this.hostname}:${this.getProxyPort()}/${base64Encode(projectDir)}/session/${matchingSession.id}`;
+        const url2 = this.buildSessionProxyUrl(projectDir, matchingSession.id);
         timer.end(`Using existing session: ${matchingSession.id}`);
         return url2;
       }
       log.debug("Creating new session...", { projectDir });
       const newSession = yield this.createSession(projectDir);
-      const url = `http://${this.hostname}:${this.getProxyPort()}/${base64Encode(projectDir)}/session/${newSession.id}`;
+      const url = this.buildSessionProxyUrl(projectDir, newSession.id);
       timer.end(`Created new session: ${newSession.id}`);
       return url;
     });

package/es/core/proxy-server.d.ts

@@ -9,8 +9,6 @@ export interface ProxyServerOptions {
     settings?: OpenCodeSettings;
     /** 绑定地址，需与端口检查使用的地址族一致，避免 IPv4/IPv6 不匹配 */
     hostname?: string;
-    /** 项目目录，用于路径重写（代理 /session/* 请求时添加 base64 目录前缀） */
-    projectDir?: string;
 }
 export interface ProxyServerResult {
     server: http.Server;

package/es/core/proxy-server.mjs

@@ -23,8 +23,7 @@ import {
   DEFAULT_OPENCODE_SETTINGS,
   OPENCODE_STORAGE_KEYS,
   WIDGET_MSG,
-  BRIDGE_SCRIPT_PATH,
-  base64Encode
+  BRIDGE_SCRIPT_PATH
 } from "@vite-plugin-opencode-assistant/shared";
 const log = createLogger("ProxyServer");
 function mergeSettings(defaultSettings, userSettings) {
@@ -52,6 +51,25 @@ function generateBridgeScript(options) {
   const mergedSettings = mergeSettings(DEFAULT_OPENCODE_SETTINGS, settings);
   return `
 (function() {
+  // \u7ACB\u5373\u6E05\u7406\u6B8B\u7559\u7684 session tabs \u5B58\u50A8\uFF0C\u5FC5\u987B\u5728 DOMContentLoaded \u4E4B\u524D\u6267\u884C
+  // \u5426\u5219 OpenCode \u6A21\u5757\u811A\u672C\u4F1A\u5148\u8BFB\u53D6 localStorage \u5E76\u53D1\u51FA 404 \u8BF7\u6C42
+  (function cleanupTabsStorage() {
+    try {
+      var keysToRemove = [];
+      for (var i = 0; i < localStorage.length; i++) {
+        var key = localStorage.key(i);
+        if (key && (key.indexOf('opencode.window') === 0 || key.indexOf('opencode.workspace') === 0)) {
+          keysToRemove.push(key);
+        }
+      }
+      for (var j = 0; j < keysToRemove.length; j++) {
+        localStorage.removeItem(keysToRemove[j]);
+      }
+    } catch (e) {
+      // localStorage \u4E0D\u53EF\u7528\u65F6\u5FFD\u7565
+    }
+  })();
+
   // === \u52AB\u6301 matchMedia\uFF0C\u5F3A\u5236\u684C\u9762\u7AEF\u5E03\u5C40\u4EE5\u6E32\u67D3\u5BA1\u67E5\u9762\u677F ===
   // \u53EA\u52AB\u6301 opencode \u5224\u65AD\u684C\u9762\u7AEF\u7684\u5A92\u4F53\u67E5\u8BE2 (min-width: 768px)\uFF0C\u4E0D\u5F71\u54CD\u5176\u4ED6\u67E5\u8BE2
   (function() {
@@ -680,7 +698,6 @@ function startProxyServer(targetUrl, port, options = {}) {
   return new Promise((resolve, reject) => {
     const target = new URL(targetUrl);
     const bridgeScript = generateBridgeScript(options);
-    const base64Dir = options.projectDir ? base64Encode(options.projectDir) : "";
     const server = http.createServer((req, res) => {
       if (req.url === BRIDGE_SCRIPT_PATH) {
         const body = bridgeScript;
@@ -692,14 +709,10 @@ function startProxyServer(targetUrl, port, options = {}) {
         res.end(body);
         return;
       }
-      let reqPath = req.url || "/";
-      if (base64Dir && reqPath.startsWith("/session/") && !reqPath.startsWith(`/${base64Dir}/`)) {
-        reqPath = `/${base64Dir}${reqPath}`;
-      }
       const requestOptions = {
         hostname: target.hostname,
         port: target.port,
-        path: reqPath,
+        path: req.url,
         method: req.method,
         headers: __spreadProps(__spreadValues({}, req.headers), {
           host: target.host,

package/es/core/service.mjs

@@ -98,7 +98,7 @@ class OpenCodeService {
         return this.startPromise;
       }
       this.startPromise = (() => __async(this, null, function* () {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e;
         const timer = log.timer("startServices", {
           corsOrigins,
           contextApiUrl,
@@ -205,8 +205,7 @@ Please install OpenCode first:
             theme: this.config.theme,
             language: this.config.language,
             settings: this.config.settings,
-            hostname: this.config.hostname,
-            projectDir: (_f = this.workspaceRoot) != null ? _f : void 0
+            hostname: this.config.hostname
           });
           this.proxyServer = result.server;
           if (result.actualPort !== this.actualProxyPort) {
@@ -225,8 +224,7 @@ Please install OpenCode first:
               theme: this.config.theme,
               language: this.config.language,
               settings: this.config.settings,
-              hostname: this.config.hostname,
-              projectDir: (_g = this.workspaceRoot) != null ? _g : void 0
+              hostname: this.config.hostname
             });
             this.proxyServer = result.server;
             this.actualProxyPort = result.actualPort;

package/lib/core/api.cjs

@@ -81,6 +81,10 @@ class OpenCodeAPI {
     __publicField(this, "warmupChromeMcpConfig", warmupChromeMcpConfig);
     __publicField(this, "chromeDevtoolsPort", chromeDevtoolsPort);
   }
+  /** 构建代理 iframe URL（旧版格式：/{base64(projectDir)}/session/{id}） */
+  buildSessionProxyUrl(projectDir, sessionId) {
+    return `http://${this.hostname}:${this.getProxyPort()}/${(0, import_shared.base64Encode)(projectDir)}/session/${sessionId}`;
+  }
   createHttpRequest(options, body, timeout) {
     const timer = new import_node.PerformanceTimer("HTTP Request", {
       operation: `${options.method || "GET"} ${options.path}`
@@ -128,7 +132,7 @@ class OpenCodeAPI {
             path: `/session?directory=${encodeURIComponent(projectDir)}`
           });
           const sessionsWithUrl = sessions.map((s) => __spreadProps(__spreadValues({}, s), {
-            url: s.directory ? `http://${this.hostname}:${this.getProxyPort()}/${(0, import_shared.base64Encode)(s.directory)}/session/${s.id}` : ""
+            url: s.directory && s.id ? this.buildSessionProxyUrl(s.directory, s.id) : ""
           }));
           timer.end(`Found ${sessions.length} sessions`);
           return sessionsWithUrl;
@@ -172,7 +176,7 @@ class OpenCodeAPI {
             requestBody
           );
           const sessionWithUrl = __spreadProps(__spreadValues({}, session), {
-            url: `http://${this.hostname}:${this.getProxyPort()}/${(0, import_shared.base64Encode)(projectDir)}/session/${session.id}`
+            url: this.buildSessionProxyUrl(projectDir, session.id)
           });
           timer.end(`Created session: ${session.id}`);
           return sessionWithUrl;
@@ -471,13 +475,13 @@ class OpenCodeAPI {
       });
       const matchingSession = sessions.find((s) => s.directory === projectDir);
       if (matchingSession) {
-        const url2 = `http://${this.hostname}:${this.getProxyPort()}/${(0, import_shared.base64Encode)(projectDir)}/session/${matchingSession.id}`;
+        const url2 = this.buildSessionProxyUrl(projectDir, matchingSession.id);
         timer.end(`Using existing session: ${matchingSession.id}`);
         return url2;
       }
       log.debug("Creating new session...", { projectDir });
       const newSession = yield this.createSession(projectDir);
-      const url = `http://${this.hostname}:${this.getProxyPort()}/${(0, import_shared.base64Encode)(projectDir)}/session/${newSession.id}`;
+      const url = this.buildSessionProxyUrl(projectDir, newSession.id);
       timer.end(`Created new session: ${newSession.id}`);
       return url;
     });

package/lib/core/api.d.ts

@@ -7,6 +7,8 @@ export declare class OpenCodeAPI {
     private warmupChromeMcpConfig;
     private chromeDevtoolsPort;
     constructor(hostname: string, getPort: () => number, getProxyPort: () => number, warmupChromeMcpConfig?: boolean, chromeDevtoolsPort?: number);
+    /** 构建代理 iframe URL（旧版格式：/{base64(projectDir)}/session/{id}） */
+    private buildSessionProxyUrl;
     private createHttpRequest;
     getSessions(projectDir: string, retries?: number): Promise<SessionInfo[]>;
     createSession(projectDir: string, retries?: number, title?: string): Promise<SessionInfo>;

package/lib/core/proxy-server.cjs

@@ -75,6 +75,25 @@ function generateBridgeScript(options) {
   const mergedSettings = mergeSettings(import_shared.DEFAULT_OPENCODE_SETTINGS, settings);
   return `
 (function() {
+  // \u7ACB\u5373\u6E05\u7406\u6B8B\u7559\u7684 session tabs \u5B58\u50A8\uFF0C\u5FC5\u987B\u5728 DOMContentLoaded \u4E4B\u524D\u6267\u884C
+  // \u5426\u5219 OpenCode \u6A21\u5757\u811A\u672C\u4F1A\u5148\u8BFB\u53D6 localStorage \u5E76\u53D1\u51FA 404 \u8BF7\u6C42
+  (function cleanupTabsStorage() {
+    try {
+      var keysToRemove = [];
+      for (var i = 0; i < localStorage.length; i++) {
+        var key = localStorage.key(i);
+        if (key && (key.indexOf('opencode.window') === 0 || key.indexOf('opencode.workspace') === 0)) {
+          keysToRemove.push(key);
+        }
+      }
+      for (var j = 0; j < keysToRemove.length; j++) {
+        localStorage.removeItem(keysToRemove[j]);
+      }
+    } catch (e) {
+      // localStorage \u4E0D\u53EF\u7528\u65F6\u5FFD\u7565
+    }
+  })();
+
   // === \u52AB\u6301 matchMedia\uFF0C\u5F3A\u5236\u684C\u9762\u7AEF\u5E03\u5C40\u4EE5\u6E32\u67D3\u5BA1\u67E5\u9762\u677F ===
   // \u53EA\u52AB\u6301 opencode \u5224\u65AD\u684C\u9762\u7AEF\u7684\u5A92\u4F53\u67E5\u8BE2 (min-width: 768px)\uFF0C\u4E0D\u5F71\u54CD\u5176\u4ED6\u67E5\u8BE2
   (function() {
@@ -703,7 +722,6 @@ function startProxyServer(targetUrl, port, options = {}) {
   return new Promise((resolve, reject) => {
     const target = new URL(targetUrl);
     const bridgeScript = generateBridgeScript(options);
-    const base64Dir = options.projectDir ? (0, import_shared.base64Encode)(options.projectDir) : "";
     const server = import_http.default.createServer((req, res) => {
       if (req.url === import_shared.BRIDGE_SCRIPT_PATH) {
         const body = bridgeScript;
@@ -715,14 +733,10 @@ function startProxyServer(targetUrl, port, options = {}) {
         res.end(body);
         return;
       }
-      let reqPath = req.url || "/";
-      if (base64Dir && reqPath.startsWith("/session/") && !reqPath.startsWith(`/${base64Dir}/`)) {
-        reqPath = `/${base64Dir}${reqPath}`;
-      }
       const requestOptions = {
         hostname: target.hostname,
         port: target.port,
-        path: reqPath,
+        path: req.url,
         method: req.method,
         headers: __spreadProps(__spreadValues({}, req.headers), {
           host: target.host,

package/lib/core/proxy-server.d.ts

@@ -9,8 +9,6 @@ export interface ProxyServerOptions {
     settings?: OpenCodeSettings;
     /** 绑定地址，需与端口检查使用的地址族一致，避免 IPv4/IPv6 不匹配 */
     hostname?: string;
-    /** 项目目录，用于路径重写（代理 /session/* 请求时添加 base64 目录前缀） */
-    projectDir?: string;
 }
 export interface ProxyServerResult {
     server: http.Server;

package/lib/core/service.cjs

@@ -106,7 +106,7 @@ class OpenCodeService {
         return this.startPromise;
       }
       this.startPromise = (() => __async(this, null, function* () {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e;
         const timer = log.timer("startServices", {
           corsOrigins,
           contextApiUrl,
@@ -213,8 +213,7 @@ Please install OpenCode first:
             theme: this.config.theme,
             language: this.config.language,
             settings: this.config.settings,
-            hostname: this.config.hostname,
-            projectDir: (_f = this.workspaceRoot) != null ? _f : void 0
+            hostname: this.config.hostname
           });
           this.proxyServer = result.server;
           if (result.actualPort !== this.actualProxyPort) {
@@ -233,8 +232,7 @@ Please install OpenCode first:
               theme: this.config.theme,
               language: this.config.language,
               settings: this.config.settings,
-              hostname: this.config.hostname,
-              projectDir: (_g = this.workspaceRoot) != null ? _g : void 0
+              hostname: this.config.hostname
             });
             this.proxyServer = result.server;
             this.actualProxyPort = result.actualPort;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-opencode-assistant",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "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.10",
-    "@vite-plugin-opencode-assistant/shared": "1.1.10",
-    "@vite-plugin-opencode-assistant/components": "1.1.10"
+    "@vite-plugin-opencode-assistant/components": "1.1.12",
+    "@vite-plugin-opencode-assistant/opencode": "1.1.12",
+    "@vite-plugin-opencode-assistant/shared": "1.1.12"
   },
   "peerDependencies": {
     "vite": ">=5.0.0"
   },
   "devDependencies": {
-    "@vite-plugin-opencode-assistant/client": "1.1.10"
+    "@vite-plugin-opencode-assistant/client": "1.1.12"
   },
   "scripts": {
     "build": "pagoda-cli build && vite build -c vite.client.config.ts",