vite-plugin-opencode-assistant 1.1.9 → 1.1.11

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.mjs

@@ -641,6 +641,25 @@ function generateBridgeScript(options) {
 
   // === \u5C31\u7EEA\u901A\u77E5 ===
   function init() {
+    // \u6E05\u7406\u6B8B\u7559\u7684 session tabs \u5B58\u50A8\uFF0C\u907F\u514D\u52A0\u8F7D\u5DF2\u8FC7\u671F\u7684 session \u4EA7\u751F 404
+    // localStorage \u6309 origin \u9694\u79BB\uFF0C\u6BCF\u6B21 iframe \u91CD\u65B0\u52A0\u8F7D\u65F6\u6E05\u6389\u65E7\u7684 tab \u8BB0\u5F55
+    (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
+      }
+    })();
+
     injectMinimizeStyles();
     injectReviewPanelStyles();
     injectGeneralStyles();

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

@@ -665,6 +665,25 @@ function generateBridgeScript(options) {
 
   // === \u5C31\u7EEA\u901A\u77E5 ===
   function init() {
+    // \u6E05\u7406\u6B8B\u7559\u7684 session tabs \u5B58\u50A8\uFF0C\u907F\u514D\u52A0\u8F7D\u5DF2\u8FC7\u671F\u7684 session \u4EA7\u751F 404
+    // localStorage \u6309 origin \u9694\u79BB\uFF0C\u6BCF\u6B21 iframe \u91CD\u65B0\u52A0\u8F7D\u65F6\u6E05\u6389\u65E7\u7684 tab \u8BB0\u5F55
+    (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
+      }
+    })();
+
     injectMinimizeStyles();
     injectReviewPanelStyles();
     injectGeneralStyles();

package/package.json

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