vite-plugin-opencode-assistant 1.0.7 → 1.0.9

package/es/client/index.js

@@ -41,13 +41,21 @@ import { createApp, ref, watch, onMounted, h, computed } from "vue";
 import { OpenCodeWidget } from "@vite-plugin-opencode-assistant/components";
 import "@vite-plugin-opencode-assistant/components/style.css";
 import { CONFIG_DATA_ATTR } from "@vite-plugin-opencode-assistant/shared";
+function utf8ToBase64(str) {
+  const bytes = new TextEncoder().encode(str);
+  const binString = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join("");
+  return btoa(binString);
+}
 let config = {};
 const scriptTag = document.querySelector(`script[${CONFIG_DATA_ATTR}]`);
 if (scriptTag) {
   const configBase64 = scriptTag.getAttribute(CONFIG_DATA_ATTR);
   if (configBase64) {
     try {
-      config = JSON.parse(atob(configBase64));
+      const decoded = new TextDecoder().decode(
+        Uint8Array.from(atob(configBase64), (c) => c.charCodeAt(0))
+      );
+      config = JSON.parse(decoded);
     } catch (e) {
       console.error("[OpenCode] Failed to parse config:", e);
     }
@@ -128,7 +136,7 @@ const App = {
         const newSession = yield response.json();
         yield loadSessions();
         currentSessionId.value = newSession.id;
-        iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${newSession.id}`;
+        iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${newSession.id}`;
       } catch (e) {
         showNotification("\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25");
       }
@@ -142,7 +150,7 @@ const App = {
           if (sessions.value.length > 0) {
             const nextSession = sessions.value[0];
             currentSessionId.value = nextSession.id;
-            iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${nextSession.id}`;
+            iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${nextSession.id}`;
           } else {
             currentSessionId.value = null;
             iframeSrc.value = "";
@@ -156,7 +164,7 @@ const App = {
       if (currentSessionId.value === session.id) return;
       currentSessionId.value = session.id;
       loading.value = true;
-      iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${session.id}`;
+      iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${session.id}`;
       setTimeout(() => {
         loading.value = false;
       }, 500);
@@ -296,6 +304,7 @@ const App = {
         iframeSrc: iframeSrc.value,
         currentSessionId: currentSessionId.value,
         sessions: sessions.value,
+        sessionKey: "id",
         selectedElements: selectedElements.value,
         hotkeyLabel: hotkey,
         "onUpdate:open": handleToggle,

package/lib/client/index.js

@@ -41,13 +41,21 @@ var import_vue = require("vue");
 var import_components = require("@vite-plugin-opencode-assistant/components");
 var import_style = require("@vite-plugin-opencode-assistant/components/style.css");
 var import_shared = require("@vite-plugin-opencode-assistant/shared");
+function utf8ToBase64(str) {
+  const bytes = new TextEncoder().encode(str);
+  const binString = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join("");
+  return btoa(binString);
+}
 let config = {};
 const scriptTag = document.querySelector(`script[${import_shared.CONFIG_DATA_ATTR}]`);
 if (scriptTag) {
   const configBase64 = scriptTag.getAttribute(import_shared.CONFIG_DATA_ATTR);
   if (configBase64) {
     try {
-      config = JSON.parse(atob(configBase64));
+      const decoded = new TextDecoder().decode(
+        Uint8Array.from(atob(configBase64), (c) => c.charCodeAt(0))
+      );
+      config = JSON.parse(decoded);
     } catch (e) {
       console.error("[OpenCode] Failed to parse config:", e);
     }
@@ -128,7 +136,7 @@ const App = {
         const newSession = yield response.json();
         yield loadSessions();
         currentSessionId.value = newSession.id;
-        iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${newSession.id}`;
+        iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${newSession.id}`;
       } catch (e) {
         showNotification("\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25");
       }
@@ -142,7 +150,7 @@ const App = {
           if (sessions.value.length > 0) {
             const nextSession = sessions.value[0];
             currentSessionId.value = nextSession.id;
-            iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${nextSession.id}`;
+            iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${nextSession.id}`;
           } else {
             currentSessionId.value = null;
             iframeSrc.value = "";
@@ -156,7 +164,7 @@ const App = {
       if (currentSessionId.value === session.id) return;
       currentSessionId.value = session.id;
       loading.value = true;
-      iframeSrc.value = `${webUrl}/${btoa(cwd)}/session/${session.id}`;
+      iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${session.id}`;
       setTimeout(() => {
         loading.value = false;
       }, 500);
@@ -296,6 +304,7 @@ const App = {
         iframeSrc: iframeSrc.value,
         currentSessionId: currentSessionId.value,
         sessions: sessions.value,
+        sessionKey: "id",
         selectedElements: selectedElements.value,
         hotkeyLabel: hotkey,
         "onUpdate:open": handleToggle,