@xenide-io/the-old-ui-theme 0.4.8 → 0.5.0

package/dist/ai-message-blocknote-4Q4U2T2W.mjs

@@ -0,0 +1,63 @@
+"use client";
+import {
+  useSuiteTheme
+} from "./chunk-IAH7Z46I.mjs";
+import "./chunk-FWCSY2DS.mjs";
+
+// src/suite/components/ai-message-blocknote.tsx
+import { useEffect } from "react";
+import { BlockNoteSchema, defaultBlockSpecs } from "@blocknote/core";
+import { BlockNoteViewRaw, useCreateBlockNote } from "@blocknote/react";
+import "@blocknote/react/style.css";
+import { jsx } from "react/jsx-runtime";
+var assistantSchema = BlockNoteSchema.create({
+  blockSpecs: {
+    paragraph: defaultBlockSpecs.paragraph,
+    heading: defaultBlockSpecs.heading,
+    bulletListItem: defaultBlockSpecs.bulletListItem,
+    numberedListItem: defaultBlockSpecs.numberedListItem,
+    checkListItem: defaultBlockSpecs.checkListItem,
+    codeBlock: defaultBlockSpecs.codeBlock,
+    quote: defaultBlockSpecs.quote,
+    table: defaultBlockSpecs.table,
+    divider: defaultBlockSpecs.divider
+  }
+});
+function SuiteAiBlockNoteMessage({
+  markdown
+}) {
+  const { resolvedTheme } = useSuiteTheme();
+  const editor = useCreateBlockNote({ schema: assistantSchema });
+  useEffect(() => {
+    try {
+      const blocks = editor.tryParseMarkdownToBlocks(markdown);
+      editor.replaceBlocks(
+        editor.document,
+        blocks.length > 0 ? blocks : [{ type: "paragraph", content: markdown }]
+      );
+    } catch (e) {
+      editor.replaceBlocks(editor.document, [
+        { type: "paragraph", content: markdown }
+      ]);
+    }
+  }, [editor, markdown]);
+  return /* @__PURE__ */ jsx(
+    BlockNoteViewRaw,
+    {
+      editor,
+      editable: false,
+      theme: resolvedTheme,
+      className: "suite-ai-blocknote",
+      formattingToolbar: false,
+      sideMenu: false,
+      slashMenu: false,
+      linkToolbar: false,
+      filePanel: false,
+      tableHandles: false,
+      comments: false
+    }
+  );
+}
+export {
+  SuiteAiBlockNoteMessage as default
+};

package/dist/chunk-IAH7Z46I.mjs

@@ -0,0 +1,104 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/suite/components/theme-provider.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var SuiteThemeContext = createContext(null);
+function systemTheme(fallback) {
+  if (typeof window === "undefined") return fallback;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function resolveTheme(theme, fallback) {
+  return theme === "system" ? systemTheme(fallback) : theme;
+}
+function applyTheme(theme, config) {
+  const resolved = resolveTheme(theme, config.fallbackTheme);
+  if (typeof document === "undefined") return resolved;
+  document.documentElement.setAttribute(
+    "data-theme",
+    resolved === "dark" ? config.darkThemeId : config.lightThemeId
+  );
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  if (config.themeColorLight && config.themeColorDark) {
+    const meta = document.getElementById(
+      "theme-color-meta"
+    );
+    if (meta) {
+      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
+    }
+  }
+  return resolved;
+}
+function readStoredTheme(storageKey) {
+  if (typeof window === "undefined") return "system";
+  const stored = localStorage.getItem(storageKey);
+  if (stored === "light" || stored === "dark" || stored === "system")
+    return stored;
+  return "system";
+}
+function SuiteThemeProvider({
+  config,
+  children
+}) {
+  const [state, setState] = useState(() => {
+    const theme2 = readStoredTheme(config.storageKey);
+    if (typeof document === "undefined") {
+      return { theme: theme2, resolvedTheme: config.fallbackTheme };
+    }
+    const domTheme = document.documentElement.getAttribute("data-theme");
+    const resolvedTheme2 = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme2, config.fallbackTheme);
+    return { theme: theme2, resolvedTheme: resolvedTheme2 };
+  });
+  const { theme, resolvedTheme } = state;
+  useEffect(() => {
+    if (theme !== "system") return;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const update = () => {
+      const resolved = applyTheme("system", config);
+      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
+    };
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, [theme, config]);
+  const setTheme = useCallback(
+    (next) => {
+      const resolved = applyTheme(next, config);
+      setState({ theme: next, resolvedTheme: resolved });
+      localStorage.setItem(config.storageKey, next);
+    },
+    [config]
+  );
+  const toggleTheme = useCallback(() => {
+    setState((prev) => {
+      const next = resolveTheme(prev.theme, config.fallbackTheme) === "dark" ? "light" : "dark";
+      const resolved = applyTheme(next, config);
+      localStorage.setItem(config.storageKey, next);
+      return { theme: next, resolvedTheme: resolved };
+    });
+  }, [config]);
+  const value = useMemo(
+    () => ({ theme, resolvedTheme, setTheme, toggleTheme }),
+    [theme, resolvedTheme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ jsx(SuiteThemeContext.Provider, { value, children });
+}
+function useSuiteTheme() {
+  const ctx = useContext(SuiteThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
+
+export {
+  SuiteThemeProvider,
+  useSuiteTheme
+};