vite-plugin-opencode-assistant 1.0.15 → 1.0.16

package/lib/client/composables/useTheme.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_vue = require("vue");
+function useTheme(initialTheme, widgetRef) {
+  const theme = (0, import_vue.ref)(initialTheme);
+  const resolvedTheme = (0, import_vue.computed)(() => {
+    if (theme.value === "auto") {
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return theme.value;
+  });
+  const sendThemeToIframe = () => {
+    var _a;
+    (_a = widgetRef.value) == null ? void 0 : _a.sendMessageToIframe("OPENCODE_SET_THEME", {
+      theme: resolvedTheme.value
+    });
+  };
+  let mediaQuery = null;
+  const handleSystemThemeChange = () => {
+    if (theme.value === "auto") {
+      sendThemeToIframe();
+    }
+  };
+  (0, import_vue.onMounted)(() => {
+    mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    mediaQuery.addEventListener("change", handleSystemThemeChange);
+    (0, import_vue.watch)(resolvedTheme, () => {
+      sendThemeToIframe();
+    });
+  });
+  (0, import_vue.onUnmounted)(() => {
+    if (mediaQuery) {
+      mediaQuery.removeEventListener("change", handleSystemThemeChange);
+    }
+  });
+  return {
+    theme,
+    resolvedTheme,
+    sendThemeToIframe
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTheme
+});

package/lib/client/index.d.ts

@@ -1 +1 @@
-import "@vite-plugin-opencode-assistant/components/style.css";
+import "./styles.css";