vite-plugin-opencode-assistant 1.0.11 → 1.0.13

package/lib/client/index.js

@@ -41,11 +41,39 @@ 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 parseHotkey(hotkeyStr) {
+  if (!hotkeyStr) return { ctrl: true, shift: false, alt: false, key: "k" };
+  const parts = hotkeyStr.toLowerCase().split("+");
+  const key = parts.pop();
+  return {
+    ctrl: parts.includes("ctrl") || parts.includes("cmd") || parts.includes("meta"),
+    shift: parts.includes("shift"),
+    alt: parts.includes("alt"),
+    key: key || "k"
+  };
+}
+function matchHotkey(e, hotkeyConfig) {
+  const ctrlMatch = hotkeyConfig.ctrl ? e.ctrlKey || e.metaKey : !(e.ctrlKey || e.metaKey);
+  const shiftMatch = hotkeyConfig.shift ? e.shiftKey : !e.shiftKey;
+  const altMatch = hotkeyConfig.alt ? e.altKey : !e.altKey;
+  const keyMatch = e.key.toLowerCase() === hotkeyConfig.key.toLowerCase();
+  return ctrlMatch && shiftMatch && altMatch && keyMatch;
+}
 function utf8ToBase64(str) {
   const bytes = new TextEncoder().encode(str);
   const binString = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join("");
   return btoa(binString);
 }
+let proxyUrl = "";
+function toProxyUrl(url) {
+  if (!url || !proxyUrl) return url;
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    return `${proxyUrl}${urlObj.pathname}${urlObj.search}`;
+  } catch (e) {
+    return url;
+  }
+}
 let config = {};
 const scriptTag = document.querySelector(`script[${import_shared.CONFIG_DATA_ATTR}]`);
 if (scriptTag) {
@@ -74,15 +102,19 @@ const App = {
     const selectedElements = (0, import_vue.ref)([]);
     const widgetRef = (0, import_vue.ref)(null);
     const {
-      webUrl = "",
       position = "bottom-right",
-      theme = "auto",
+      theme: initialTheme = "auto",
       open: autoOpen = false,
       sessionUrl: initialSessionUrl = "",
+      proxyUrl: configProxyUrl = "",
       lazy = false,
       hotkey = "ctrl+k",
       cwd = ""
     } = config;
+    if (configProxyUrl) {
+      proxyUrl = configProxyUrl;
+    }
+    const theme = (0, import_vue.ref)(initialTheme);
     const isWaitingForSession = (0, import_vue.ref)(!initialSessionUrl);
     const computedLoading = (0, import_vue.computed)(() => loading.value || isWaitingForSession.value);
     let servicesStarted = !lazy;
@@ -93,7 +125,7 @@ const App = {
     };
     currentSessionId.value = extractSessionId(initialSessionUrl);
     if (servicesStarted && initialSessionUrl) {
-      iframeSrc.value = initialSessionUrl;
+      iframeSrc.value = toProxyUrl(initialSessionUrl);
     }
     try {
       const stored = sessionStorage.getItem("__opencode_selected_elements__");
@@ -140,7 +172,7 @@ const App = {
           updatedAt: Date.now()
         });
         currentSessionId.value = newSession.id;
-        iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${newSession.id}`;
+        iframeSrc.value = `${proxyUrl}/${utf8ToBase64(cwd)}/session/${newSession.id}`;
         loadSessions();
       } catch (e) {
         showNotification("\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25");
@@ -155,7 +187,7 @@ const App = {
           if (sessions.value.length > 0) {
             const nextSession = sessions.value[0];
             currentSessionId.value = nextSession.id;
-            iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${nextSession.id}`;
+            iframeSrc.value = `${proxyUrl}/${utf8ToBase64(cwd)}/session/${nextSession.id}`;
           } else {
             currentSessionId.value = null;
             iframeSrc.value = "";
@@ -169,7 +201,7 @@ const App = {
       if (currentSessionId.value === session.id) return;
       currentSessionId.value = session.id;
       loading.value = true;
-      iframeSrc.value = `${webUrl}/${utf8ToBase64(cwd)}/session/${session.id}`;
+      iframeSrc.value = `${proxyUrl}/${utf8ToBase64(cwd)}/session/${session.id}`;
       setTimeout(() => {
         loading.value = false;
       }, 500);
@@ -185,7 +217,7 @@ const App = {
             updateContext(true);
           } else if (data.type === "SESSION_READY") {
             if (data.sessionUrl && !iframeSrc.value) {
-              iframeSrc.value = data.sessionUrl;
+              iframeSrc.value = toProxyUrl(data.sessionUrl);
               currentSessionId.value = extractSessionId(data.sessionUrl);
             }
             isWaitingForSession.value = false;
@@ -225,7 +257,7 @@ const App = {
         if (data.success) {
           servicesStarted = true;
           if (data.sessionUrl) {
-            iframeSrc.value = data.sessionUrl;
+            iframeSrc.value = toProxyUrl(data.sessionUrl);
             currentSessionId.value = extractSessionId(data.sessionUrl);
             isWaitingForSession.value = false;
           }
@@ -236,6 +268,8 @@ const App = {
       }
       return false;
     });
+    const mainHotkey = parseHotkey(hotkey);
+    const selectHotkey = parseHotkey("ctrl+p");
     (0, import_vue.onMounted)(() => {
       if (servicesStarted) {
         loadSessions();
@@ -265,6 +299,25 @@ const App = {
       if (document.head) {
         titleObserver.observe(document.head, { childList: true, subtree: true });
       }
+      const handleKeydown = (e) => {
+        if (matchHotkey(e, mainHotkey)) {
+          e.preventDefault();
+          handleToggle(!open.value);
+        }
+        if (matchHotkey(e, selectHotkey)) {
+          e.preventDefault();
+          const win = window;
+          if (win.__VUE_INSPECTOR__) {
+            selectMode.value = !selectMode.value;
+          } else {
+            showNotification("Vue Inspector \u672A\u52A0\u8F7D\uFF0C\u65E0\u6CD5\u4F7F\u7528\u5143\u7D20\u9009\u62E9\u529F\u80FD");
+          }
+        }
+      };
+      document.addEventListener("keydown", handleKeydown);
+      return () => {
+        document.removeEventListener("keydown", handleKeydown);
+      };
     });
     const handleToggle = (val) => __async(null, null, function* () {
       if (lazy && !servicesStarted && val) {
@@ -300,7 +353,7 @@ const App = {
       return (0, import_vue.h)(import_components.OpenCodeWidget, {
         ref: widgetRef,
         position,
-        theme,
+        theme: theme.value,
         open: open.value,
         selectMode: selectMode.value,
         sessionListCollapsed: sessionListCollapsed.value,
@@ -315,10 +368,19 @@ const App = {
         "onUpdate:open": handleToggle,
         "onUpdate:selectMode": (val) => {
           selectMode.value = val;
+          if (!val && !open.value) {
+            open.value = true;
+          }
         },
         "onUpdate:sessionListCollapsed": (val) => {
           sessionListCollapsed.value = val;
         },
+        "onUpdate:theme": (val) => {
+          theme.value = val;
+        },
+        "onToggle-theme": (val) => {
+          theme.value = val;
+        },
         "onCreate-session": createSession,
         "onDelete-session": deleteSession,
         "onSelect-session": selectSession,