@chaaskit/client 0.1.0 → 0.1.1

package/dist/lib/index.js

@@ -132,6 +132,48 @@ function useAuth() {
   }
   return context;
 }
+const ThemeContext = createContext(void 0);
+const DEFAULT_THEMES = ["light", "dark"];
+const DEFAULT_THEME = "dark";
+function ThemeProvider({
+  children,
+  availableThemes = DEFAULT_THEMES,
+  defaultTheme = DEFAULT_THEME
+}) {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window !== "undefined") {
+      const stored = localStorage.getItem("theme");
+      if (stored && availableThemes.includes(stored)) {
+        return stored;
+      }
+    }
+    return defaultTheme;
+  });
+  useEffect(() => {
+    document.documentElement.setAttribute("data-theme", theme);
+    localStorage.setItem("theme", theme);
+    document.cookie = `theme=${theme};path=/;max-age=31536000;SameSite=Lax`;
+  }, [theme]);
+  function setTheme(newTheme) {
+    if (availableThemes.includes(newTheme)) {
+      setThemeState(newTheme);
+    }
+  }
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, availableThemes }, children });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+function getInjectedConfig() {
+  if (typeof window !== "undefined" && window.__CHAASKIT_CONFIG__) {
+    return window.__CHAASKIT_CONFIG__;
+  }
+  return void 0;
+}
 const defaultConfig = {
   app: {
     name: "AI Chat",
@@ -296,10 +338,15 @@ const ConfigContext = createContext({
   config: defaultConfig,
   configLoaded: false
 });
-function ConfigProvider({ children }) {
-  const [config, setConfig] = useState(defaultConfig);
-  const [configLoaded, setConfigLoaded] = useState(false);
+function ConfigProvider({ children, initialConfig }) {
+  const injectedConfig = getInjectedConfig();
+  const preloadedConfig = initialConfig || injectedConfig;
+  const [config, setConfig] = useState(
+    preloadedConfig ? { ...defaultConfig, ...preloadedConfig } : defaultConfig
+  );
+  const [configLoaded, setConfigLoaded] = useState(!!preloadedConfig);
   useEffect(() => {
+    if (preloadedConfig) return;
     async function loadConfig() {
       try {
         const response = await fetch("/api/config");
@@ -317,7 +364,7 @@ function ConfigProvider({ children }) {
       }
     }
     loadConfig();
-  }, []);
+  }, [preloadedConfig]);
   return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { config, configLoaded }, children });
 }
 function useConfig() {
@@ -326,80 +373,6 @@ function useConfig() {
 function useConfigLoaded() {
   return useContext(ConfigContext).configLoaded;
 }
-const ThemeContext = createContext(void 0);
-function ThemeProvider({ children }) {
-  const config = useConfig();
-  const [theme, setThemeState] = useState(() => {
-    const stored = localStorage.getItem("theme");
-    if (stored && config.theming.themes[stored]) {
-      return stored;
-    }
-    return config.theming.defaultTheme;
-  });
-  const availableThemes = Object.keys(config.theming.themes);
-  useEffect(() => {
-    document.documentElement.setAttribute("data-theme", theme);
-    localStorage.setItem("theme", theme);
-    document.cookie = `theme=${theme};path=/;max-age=31536000;SameSite=Lax`;
-    const themeConfig = config.theming.themes[theme];
-    if (themeConfig) {
-      const root2 = document.documentElement;
-      const colors = themeConfig.colors;
-      Object.entries(colors).forEach(([key, value]) => {
-        const cssKey = `--color-${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
-        const rgb = hexToRgb(value);
-        if (rgb) {
-          root2.style.setProperty(cssKey, `${rgb.r} ${rgb.g} ${rgb.b}`);
-        }
-      });
-    }
-    document.documentElement.style.setProperty(
-      "--font-sans",
-      config.theming.fonts.sans
-    );
-    document.documentElement.style.setProperty(
-      "--font-mono",
-      config.theming.fonts.mono
-    );
-    document.documentElement.style.setProperty(
-      "--radius-sm",
-      config.theming.borderRadius.sm
-    );
-    document.documentElement.style.setProperty(
-      "--radius-md",
-      config.theming.borderRadius.md
-    );
-    document.documentElement.style.setProperty(
-      "--radius-lg",
-      config.theming.borderRadius.lg
-    );
-    document.documentElement.style.setProperty(
-      "--radius-full",
-      config.theming.borderRadius.full
-    );
-  }, [theme, config.theming]);
-  function setTheme(newTheme) {
-    if (config.theming.themes[newTheme]) {
-      setThemeState(newTheme);
-    }
-  }
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, availableThemes }, children });
-}
-function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
-function hexToRgb(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? {
-    r: parseInt(result[1], 16),
-    g: parseInt(result[2], 16),
-    b: parseInt(result[3], 16)
-  } : null;
-}
 const TeamContext = createContext(void 0);
 function TeamProvider({ children }) {
   var _a;
@@ -74071,8 +74044,8 @@ function AdminTeamPage() {
   ] }) });
 }
 const styles = "@chaaskit/client/src/styles/index.css";
-function ChatProviders({ children }) {
-  return /* @__PURE__ */ jsx(ConfigProvider, { children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(TeamProvider, { children: /* @__PURE__ */ jsx(ProjectProvider, { children }) }) }) }) });
+function ChatProviders({ children, initialConfig }) {
+  return /* @__PURE__ */ jsx(ConfigProvider, { initialConfig, children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(TeamProvider, { children: /* @__PURE__ */ jsx(ProjectProvider, { children }) }) }) }) });
 }
 export {
   AcceptInvitePage,