vite-plugin-opencode-assistant 1.0.73 → 1.0.75

package/es/client/App.vue.mjs

@@ -1,394 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { defineComponent as _defineComponent } from "vue";
-import { ref, computed, onMounted, watch } from "vue";
-import { OpenCodeWidget } from "@vite-plugin-opencode-assistant/components";
-import { useHotkey } from "./composables/useHotkey.mjs";
-import { useServerSSE } from "./composables/useServerSSE.mjs";
-import { useOpencodeSessionSSE } from "./composables/useOpencodeSessionSSE.mjs";
-import { useSessions } from "./composables/useSessions.mjs";
-import { useTheme } from "./composables/useTheme.mjs";
-import { useSelectedElements } from "./composables/useSelectedElements.mjs";
-import { useServiceStatus } from "./composables/useServiceStatus.mjs";
-import { useContext } from "./composables/useContext.mjs";
-import LoadingContent from "./components/LoadingContent.vue.mjs";
-import ChromeWarmupError from "./components/ChromeWarmupError.vue.mjs";
-const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
-  __name: "App",
-  props: {
-    config: { type: Object, required: true }
-  },
-  setup(__props, { expose: __expose }) {
-    var _a;
-    __expose();
-    const props = __props;
-    const open = ref(false);
-    const selectMode = ref(false);
-    const sessionListCollapsed = ref(true);
-    const loading = ref(false);
-    const widgetRef = ref(null);
-    const retryingWarmup = ref(false);
-    const availableModels = ref([]);
-    const {
-      theme: initialTheme = "auto",
-      open: autoOpen = false,
-      hotkey = "ctrl+k",
-      proxyPort = 4098,
-      proxyHost = "localhost",
-      displayMode = "bubble",
-      splitMode
-    } = props.config;
-    const widgetTheme = initialTheme;
-    const splitPanelWidth = ref((_a = splitMode == null ? void 0 : splitMode.width) != null ? _a : 500);
-    const proxyBaseUrl = computed(() => {
-      return `http://${proxyHost}:${proxyPort}`;
-    });
-    const showNotification = (msg, options) => {
-      var _a2, _b;
-      (_b = (_a2 = widgetRef.value) == null ? void 0 : _a2.showNotification) == null ? void 0 : _b.call(_a2, msg, options);
-    };
-    const {
-      serviceStatus,
-      chromeMcpFailed,
-      chromeMcpErrorType,
-      chromeMcpErrorMessage,
-      loadingText,
-      updateStatusFromTask,
-      setStarting
-    } = useServiceStatus();
-    const { selectedElements, removeElement, clearElements } = useSelectedElements();
-    const { theme, sendThemeToIframe } = useTheme(widgetTheme, widgetRef);
-    const {
-      sessions,
-      loadingSessionList,
-      currentSessionId,
-      iframeSrc,
-      iframeLoading,
-      loadSessions,
-      createSession,
-      deleteSession,
-      selectSession,
-      updateSessionInfo
-    } = useSessions({ showNotification });
-    const { updateContext } = useContext(serviceStatus, selectedElements);
-    const serverSSE = useServerSSE({
-      onStatusSync: (data) => {
-        if (data.isStarted !== void 0 && data.isStarted && serviceStatus.value === "idle") {
-          setStarting();
-        }
-        if (data.task) {
-          updateStatusFromTask(data.task, data.errorType, data.errorMessage);
-        }
-      },
-      onTaskUpdate: (data) => {
-        updateStatusFromTask(data.task, data.errorType, data.errorMessage);
-      },
-      onClearElements: () => clearElements(),
-      onConnected: () => updateContext(true)
-    });
-    const opencodeSSE = useOpencodeSessionSSE({
-      proxyBaseUrl: proxyBaseUrl.value,
-      currentSessionId,
-      onConnected: () => {
-        console.log("[OpenCode] Session SSE connected");
-      },
-      onSessionUpdate: (session) => {
-        updateSessionInfo(session);
-      }
-    });
-    const thinking = opencodeSSE.hasAnyThinking;
-    const sessionStates = opencodeSSE.sessionStates;
-    const showSessionListSkeleton = computed(() => serviceStatus.value === "starting");
-    const computedLoading = computed(() => {
-      return serviceStatus.value === "starting" || iframeLoading.value;
-    });
-    const displayLoadingText = computed(() => {
-      if (serviceStatus.value === "starting") {
-        return loadingText.value;
-      }
-      return "\u52A0\u8F7D\u4F1A\u8BDD...";
-    });
-    const retryWarmup = (selectedModel) => __async(null, null, function* () {
-      retryingWarmup.value = true;
-      try {
-        const res = yield fetch("/__opencode_warmup__", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: selectedModel ? JSON.stringify(selectedModel) : ""
-        });
-        const data = yield res.json();
-        if (data.success) {
-          chromeMcpFailed.value = false;
-          chromeMcpErrorType.value = void 0;
-          chromeMcpErrorMessage.value = void 0;
-          serviceStatus.value = "ready";
-          showNotification("Chrome DevTools MCP \u8FDE\u63A5\u6210\u529F");
-        } else {
-          chromeMcpErrorType.value = data.errorType;
-          chromeMcpErrorMessage.value = data.error;
-          if (data.errorType === "AI_TIMEOUT") {
-            showNotification("AI \u54CD\u5E94\u8D85\u65F6\uFF0C\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E");
-          } else if (data.errorType === "AI_RESPONSE_ERROR") {
-            showNotification("AI \u54CD\u5E94\u9519\u8BEF\uFF0C\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E");
-          } else if (data.errorType === "CHROME_NOT_CONNECTED") {
-            showNotification("Chrome \u8FDC\u7A0B\u8C03\u8BD5\u672A\u5F00\u542F\uFF0C\u8BF7\u6309\u7167\u63D0\u793A\u64CD\u4F5C");
-          } else {
-            showNotification(data.error || "\u91CD\u8BD5\u5931\u8D25\uFF0C\u8BF7\u786E\u8BA4 Chrome \u8FDC\u7A0B\u8C03\u8BD5\u5DF2\u5F00\u542F");
-          }
-        }
-      } catch (e) {
-        console.error("[OpenCode] Retry warmup failed:", e);
-        showNotification("\u91CD\u8BD5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5");
-      } finally {
-        retryingWarmup.value = false;
-      }
-    });
-    const fetchAvailableModels = () => __async(null, null, function* () {
-      try {
-        const res = yield fetch("/__opencode_warmup__", { method: "GET" });
-        const data = yield res.json();
-        if (data.success && data.models) {
-          availableModels.value = data.models;
-        }
-      } catch (e) {
-        console.error("[OpenCode] Failed to fetch available models:", e);
-        availableModels.value = [];
-      }
-    });
-    const ensureServicesStarted = () => __async(null, null, function* () {
-      if (serviceStatus.value !== "idle") return true;
-      try {
-        const res = yield fetch("/__opencode_start__");
-        const data = yield res.json();
-        if (data.success) {
-          setStarting();
-          serverSSE.connect();
-          return true;
-        }
-      } catch (e) {
-      }
-      return false;
-    });
-    useHotkey(hotkey, (e) => {
-      e.preventDefault();
-      handleToggle(!open.value);
-    });
-    const toggleSelectMode = () => {
-      const win = window;
-      if (win.__VUE_INSPECTOR__) {
-        handleSelectModeChange(!selectMode.value);
-      } else {
-        showNotification("Vue Inspector \u672A\u52A0\u8F7D\uFF0C\u65E0\u6CD5\u4F7F\u7528\u5143\u7D20\u9009\u62E9\u529F\u80FD");
-      }
-    };
-    useHotkey("ctrl+p", (e) => {
-      e.preventDefault();
-      toggleSelectMode();
-    });
-    watch(serviceStatus, (status, oldStatus) => {
-      if (status !== "idle" && oldStatus === "idle") {
-        serverSSE.connect();
-        opencodeSSE.connect();
-      }
-      if (status === "ready" && oldStatus !== "ready") {
-        loadSessions();
-      }
-    });
-    watch(chromeMcpFailed, (failed) => {
-      if (failed) {
-        fetchAvailableModels();
-      }
-    });
-    onMounted(() => {
-      if (serviceStatus.value === "ready") {
-        loadSessions();
-        serverSSE.connect();
-        opencodeSSE.connect();
-        updateContext(true);
-      }
-      if (autoOpen && serviceStatus.value === "ready") {
-        setTimeout(() => {
-          open.value = true;
-        }, 1e3);
-      }
-      const handleIframeMessage = (event) => {
-        var _a2, _b;
-        if (((_a2 = event.data) == null ? void 0 : _a2.type) === "OPENCODE_READY") {
-          sendThemeToIframe();
-        }
-        if (((_b = event.data) == null ? void 0 : _b.type) === "OPENCODE_KEYDOWN") {
-          if (event.data.key === "Escape" && selectMode.value) {
-            handleSelectModeChange(false);
-          }
-          if (event.data.ctrlKey && event.data.key.toLowerCase() === "p") {
-            toggleSelectMode();
-          }
-        }
-      };
-      window.addEventListener("message", handleIframeMessage);
-    });
-    const handleToggle = (val) => __async(null, null, function* () {
-      if (serviceStatus.value === "idle" && val) {
-        loading.value = true;
-        const started = yield ensureServicesStarted();
-        loading.value = false;
-        if (!started) {
-          showNotification("\u670D\u52A1\u542F\u52A8\u5931\u8D25");
-          return;
-        }
-      }
-      open.value = val;
-      if (val) updateContext();
-      if (val) {
-        iframeLoading.value = false;
-      }
-    });
-    const handleSelectNode = (element) => {
-      var _a2;
-      const elementWithContext = __spreadProps(__spreadValues({}, element), {
-        previewPageUrl: window.location.href,
-        previewPageTitle: document.title
-      });
-      (_a2 = widgetRef.value) == null ? void 0 : _a2.sendMessageToIframe("OPENCODE_INSERT_FILE_PART", {
-        element: elementWithContext
-      });
-      showNotification(`\u8282\u70B9\u5DF2\u6DFB\u52A0\u5230\u5BF9\u8BDD\u6846`, { mode: "page" });
-    };
-    const handleClearSelected = () => {
-      clearElements();
-      updateContext(true);
-      showNotification("\u5DF2\u6E05\u9664\u6240\u6709\u9009\u4E2D\u5143\u7D20");
-    };
-    const handleSelectModeChange = (val) => {
-      var _a2, _b;
-      selectMode.value = val;
-      (_a2 = widgetRef.value) == null ? void 0 : _a2.sendMessageToIframe("OPENCODE_SELECT_MODE_CHANGE", {
-        selectMode: val
-      });
-      const isSplit = (_b = widgetRef.value) == null ? void 0 : _b.isSplitMode;
-      if (val && !isSplit && open.value) {
-        open.value = false;
-      }
-      if (!val && !open.value) {
-        open.value = true;
-      }
-    };
-    const handleSessionListCollapsedChange = (val) => {
-      sessionListCollapsed.value = val;
-    };
-    const handleThemeChange = (val) => {
-      theme.value = val;
-    };
-    const handleSplitPanelWidthChange = (val) => {
-      splitPanelWidth.value = val;
-    };
-    const handleRemoveSelectedNode = ({ index }) => {
-      removeElement(index);
-      updateContext(true);
-    };
-    const handleFrameLoaded = () => {
-      iframeLoading.value = false;
-    };
-    const __returned__ = { props, open, selectMode, sessionListCollapsed, loading, widgetRef, retryingWarmup, availableModels, initialTheme, autoOpen, hotkey, proxyPort, proxyHost, displayMode, splitMode, widgetTheme, splitPanelWidth, proxyBaseUrl, showNotification, serviceStatus, chromeMcpFailed, chromeMcpErrorType, chromeMcpErrorMessage, loadingText, updateStatusFromTask, setStarting, selectedElements, removeElement, clearElements, theme, sendThemeToIframe, sessions, loadingSessionList, currentSessionId, iframeSrc, iframeLoading, loadSessions, createSession, deleteSession, selectSession, updateSessionInfo, updateContext, serverSSE, opencodeSSE, thinking, sessionStates, showSessionListSkeleton, computedLoading, displayLoadingText, retryWarmup, fetchAvailableModels, ensureServicesStarted, toggleSelectMode, handleToggle, handleSelectNode, handleClearSelected, handleSelectModeChange, handleSessionListCollapsedChange, handleThemeChange, handleSplitPanelWidthChange, handleRemoveSelectedNode, handleFrameLoaded, get OpenCodeWidget() {
-      return OpenCodeWidget;
-    }, LoadingContent, ChromeWarmupError };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx } from "vue";
-function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock(), _createBlock($setup["OpenCodeWidget"], {
-    ref: "widgetRef",
-    theme: $setup.theme,
-    open: $setup.open,
-    "select-mode": $setup.selectMode,
-    "session-list-collapsed": $setup.sessionListCollapsed,
-    "frame-loading": $setup.computedLoading,
-    "loading-session-list": $setup.loadingSessionList,
-    "show-session-list-skeleton": $setup.showSessionListSkeleton,
-    "show-error": $setup.chromeMcpFailed,
-    "iframe-src": $setup.iframeSrc,
-    "current-session-id": $setup.currentSessionId,
-    sessions: $setup.sessions,
-    "session-states": $setup.sessionStates,
-    "session-key": "id",
-    "hotkey-label": $setup.hotkey,
-    thinking: $setup.thinking,
-    "display-mode": $setup.displayMode,
-    "split-mode": $setup.splitMode,
-    "split-panel-width": $setup.splitPanelWidth,
-    "onUpdate:open": $setup.handleToggle,
-    "onUpdate:selectMode": $setup.handleSelectModeChange,
-    "onUpdate:sessionListCollapsed": $setup.handleSessionListCollapsedChange,
-    "onUpdate:theme": $setup.handleThemeChange,
-    "onUpdate:splitPanelWidth": $setup.handleSplitPanelWidthChange,
-    onToggleTheme: $setup.handleThemeChange,
-    onCreateSession: $setup.createSession,
-    onDeleteSession: $setup.deleteSession,
-    onSelectSession: $setup.selectSession,
-    onClickSelectedNode: $setup.handleSelectNode,
-    onClearSelectedNodes: $setup.handleClearSelected,
-    onRemoveSelectedNode: $setup.handleRemoveSelectedNode,
-    onEmptyAction: $setup.createSession,
-    onFrameLoaded: $setup.handleFrameLoaded
-  }, {
-    loading: _withCtx(() => [
-      _createVNode($setup["LoadingContent"], { "loading-text": $setup.displayLoadingText }, null, 8, ["loading-text"])
-    ]),
-    error: _withCtx(() => [
-      $setup.chromeMcpFailed ? (_openBlock(), _createBlock($setup["ChromeWarmupError"], {
-        key: 0,
-        retrying: $setup.retryingWarmup,
-        "error-type": $setup.chromeMcpErrorType,
-        "error-message": $setup.chromeMcpErrorMessage,
-        models: $setup.availableModels,
-        onRetry: $setup.retryWarmup
-      }, null, 8, ["retrying", "error-type", "error-message", "models"])) : _createCommentVNode("v-if", true)
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["theme", "open", "select-mode", "session-list-collapsed", "frame-loading", "loading-session-list", "show-session-list-skeleton", "show-error", "iframe-src", "current-session-id", "sessions", "session-states", "hotkey-label", "thinking", "display-mode", "split-mode", "split-panel-width", "onCreateSession", "onDeleteSession", "onSelectSession", "onEmptyAction"]);
-}
-__vue_sfc__.render = __vue_render__;
-var App_vue_default = __vue_sfc__;
-export {
-  App_vue_default as default
-};

package/es/client/components/ChromeWarmupError-sfc.css

@@ -1 +0,0 @@
-.opencode-chrome-warmup-error-details[data-v-06c8b833]{margin-top:8px;padding:12px;background:var(--oc-bg-tertiary);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--oc-text-secondary);max-height:120px;overflow-y:auto;word-break:break-word}.opencode-model-selector[data-v-06c8b833]{display:flex;flex-direction:column;gap:12px;max-width:400px}.select-wrapper[data-v-06c8b833]{position:relative;width:100%}.native-select[data-v-06c8b833]{width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid var(--oc-border-primary);background:var(--oc-bg-primary);color:var(--oc-text-primary);font-size:14px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.native-select[data-v-06c8b833]:hover:not(:disabled){border-color:var(--oc-border-hover);background:var(--oc-bg-secondary)}.native-select[data-v-06c8b833]:focus{border-color:var(--oc-primary);box-shadow:0 0 0 2px rgba(var(--oc-primary-rgb, 59, 130, 246),.2)}.native-select[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}.native-select option[data-v-06c8b833]{background:var(--oc-bg-primary);color:var(--oc-text-primary);padding:8px}.native-select optgroup[data-v-06c8b833]{color:var(--oc-text-secondary);font-weight:600;font-size:12px}.select-arrow[data-v-06c8b833]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--oc-text-secondary);display:flex;align-items:center}.native-select:disabled+.select-arrow[data-v-06c8b833]{opacity:.6}.retry-btn[data-v-06c8b833]{width:100%;padding:10px 20px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;cursor:pointer;transition:background-color .15s ease}.retry-btn[data-v-06c8b833]:hover:not(:disabled){background:var(--oc-primary-hover)}.retry-btn[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}.opencode-chrome-warmup-failed-actions[data-v-06c8b833]{margin-top:16px;display:flex;justify-content:center}.opencode-chrome-warmup-failed-btn[data-v-06c8b833]{padding:10px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:background-color .15s ease}.opencode-chrome-warmup-failed-btn.primary[data-v-06c8b833]{background:var(--oc-primary);color:#fff}.opencode-chrome-warmup-failed-btn.primary[data-v-06c8b833]:hover:not(:disabled){background:var(--oc-primary-hover)}.opencode-chrome-warmup-failed-btn[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}

package/es/client/components/ChromeWarmupError.vue.d.ts

@@ -1,19 +0,0 @@
-import { type ModelInfo } from "@vite-plugin-opencode-assistant/shared";
-type __VLS_Props = {
-    retrying: boolean;
-    errorType?: string;
-    errorMessage?: string;
-    models?: ModelInfo[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    retry: (selectedModel?: {
-        providerID: string;
-        modelID: string;
-    } | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRetry?: ((selectedModel?: {
-        providerID: string;
-        modelID: string;
-    } | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;