@lolyjs/core 0.1.0-alpha.0

package/dist/react/hooks.js

@@ -0,0 +1,58 @@
+// modules/react/hooks/useBroadcastChannel/index.tsx
+import { useEffect, useState } from "react";
+var useBroadcastChannel = (channelName) => {
+  const [message, setMessage] = useState(null);
+  const channel = new BroadcastChannel(channelName);
+  useEffect(() => {
+    const handleMessage = (event) => {
+      setMessage(event.data);
+    };
+    channel.onmessage = handleMessage;
+    return () => {
+      channel.close();
+    };
+  }, [channel]);
+  const sendMessage = (msg) => {
+    channel.postMessage(msg);
+  };
+  return { message, sendMessage };
+};
+
+// modules/react/hooks/usePageProps/index.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var usePageProps = () => {
+  const [props, setProps] = useState2(() => {
+    if (typeof window !== "undefined" && window?.__FW_DATA__) {
+      const data = window.__FW_DATA__;
+      return {
+        params: data.params || {},
+        props: data.props || {}
+      };
+    }
+    return {
+      params: {},
+      props: {}
+    };
+  });
+  useEffect2(() => {
+    const handleDataRefresh = () => {
+      if (window?.__FW_DATA__) {
+        const data = window.__FW_DATA__;
+        setProps({
+          params: data.params || {},
+          props: data.props || {}
+        });
+      }
+    };
+    window.addEventListener("fw-data-refresh", handleDataRefresh);
+    return () => {
+      window.removeEventListener("fw-data-refresh", handleDataRefresh);
+    };
+  }, []);
+  return props;
+};
+export {
+  useBroadcastChannel,
+  usePageProps
+};
+//# sourceMappingURL=hooks.js.map

package/dist/react/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../modules/react/hooks/useBroadcastChannel/index.tsx","../../modules/react/hooks/usePageProps/index.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\nexport const useBroadcastChannel = (channelName: string) => {\r\n  const [message, setMessage] = useState(null);\r\n  const channel = new BroadcastChannel(channelName);\r\n\r\n  useEffect(() => {\r\n    const handleMessage = (event: MessageEvent) => {\r\n      setMessage(event.data);\r\n    };\r\n\r\n    channel.onmessage = handleMessage;\r\n\r\n    // Clean up the channel when the component unmounts\r\n    return () => {\r\n      channel.close();\r\n    };\r\n  }, [channel]);\r\n\r\n  const sendMessage = (msg: unknown) => {\r\n    channel.postMessage(msg);\r\n  };\r\n\r\n  return { message, sendMessage };\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Hook to access page props and route parameters.\r\n *\r\n * Reads initial data from window.__FW_DATA__ set during SSR.\r\n * Automatically updates when `revalidate()` is called.\r\n *\r\n * @returns Object containing params and props\r\n */\r\nexport const usePageProps = () => {\r\n  const [props, setProps] = useState(() => {\r\n    // Initialize with current data if available\r\n    if (typeof window !== \"undefined\" && (window as any)?.__FW_DATA__) {\r\n      const data = (window as any).__FW_DATA__;\r\n      return {\r\n        params: data.params || {},\r\n        props: data.props || {},\r\n      };\r\n    }\r\n    return {\r\n      params: {},\r\n      props: {},\r\n    };\r\n  });\r\n\r\n  useEffect(() => {\r\n    // Listen for data refresh events (from revalidate() or navigation)\r\n    const handleDataRefresh = () => {\r\n      if ((window as any)?.__FW_DATA__) {\r\n        const data = (window as any).__FW_DATA__;\r\n        setProps({\r\n          params: data.params || {},\r\n          props: data.props || {},\r\n        });\r\n      }\r\n    };\r\n\r\n    window.addEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n    };\r\n  }, []);\r\n\r\n  return props;\r\n};\r\n"],"mappings":";AAAA,SAAgB,WAAW,gBAAgB;AAEpC,IAAM,sBAAsB,CAAC,gBAAwB;AAC1D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,UAAU,IAAI,iBAAiB,WAAW;AAEhD,YAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,iBAAW,MAAM,IAAI;AAAA,IACvB;AAEA,YAAQ,YAAY;AAGpB,WAAO,MAAM;AACX,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAc,CAAC,QAAiB;AACpC,YAAQ,YAAY,GAAG;AAAA,EACzB;AAEA,SAAO,EAAE,SAAS,YAAY;AAChC;;;ACxBA,SAAgB,aAAAA,YAAW,YAAAC,iBAAgB;AAUpC,IAAM,eAAe,MAAM;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAS,MAAM;AAEvC,QAAI,OAAO,WAAW,eAAgB,QAAgB,aAAa;AACjE,YAAM,OAAQ,OAAe;AAC7B,aAAO;AAAA,QACL,QAAQ,KAAK,UAAU,CAAC;AAAA,QACxB,OAAO,KAAK,SAAS,CAAC;AAAA,MACxB;AAAA,IACF;AACA,WAAO;AAAA,MACL,QAAQ,CAAC;AAAA,MACT,OAAO,CAAC;AAAA,IACV;AAAA,EACF,CAAC;AAED,EAAAD,WAAU,MAAM;AAEd,UAAM,oBAAoB,MAAM;AAC9B,UAAK,QAAgB,aAAa;AAChC,cAAM,OAAQ,OAAe;AAC7B,iBAAS;AAAA,UACP,QAAQ,KAAK,UAAU,CAAC;AAAA,UACxB,OAAO,KAAK,SAAS,CAAC;AAAA,QACxB,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WAAO,iBAAiB,mBAAmB,iBAAiB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,mBAAmB,iBAAiB;AAAA,IACjE;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":["useEffect","useState"]}

package/dist/react/sockets.cjs

@@ -0,0 +1,43 @@
+"use strict";
+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);
+
+// modules/react/sockets/index.ts
+var sockets_exports = {};
+__export(sockets_exports, {
+  lolySocket: () => lolySocket
+});
+module.exports = __toCommonJS(sockets_exports);
+var import_socket = require("socket.io-client");
+var lolySocket = (namespace, opts) => {
+  const baseUrl = process.env.PUBLIC_WS_BASE_URL || window.location.origin;
+  const normalizedNamespace = namespace.startsWith("/") ? namespace : `/${namespace}`;
+  const fullUrl = `${baseUrl}${normalizedNamespace}`;
+  const socket = (0, import_socket.io)(fullUrl, {
+    path: "/wss",
+    transports: ["websocket", "polling"],
+    autoConnect: true,
+    ...opts
+  });
+  return socket;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lolySocket
+});
+//# sourceMappingURL=sockets.cjs.map

package/dist/react/sockets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../modules/react/sockets/index.ts"],"sourcesContent":["import { io, ManagerOptions, Socket, SocketOptions } from \"socket.io-client\";\r\n\r\n/**\r\n * Creates a Socket.IO client connection to a specific namespace.\r\n * \r\n * This helper function simplifies Socket.IO client setup by handling:\r\n * - Namespace normalization (ensures leading slash)\r\n * - Base URL resolution (from environment or current origin)\r\n * - Default Socket.IO configuration (path: '/wss', transports: ['websocket', 'polling'])\r\n * \r\n * @param namespace - The namespace to connect to (e.g., '/chat' or 'chat').\r\n *                    The namespace will be normalized to always start with '/'.\r\n *                    Must match the namespace pattern defined in your server's WSS routes.\r\n * @param opts - Optional Socket.IO client options that will override the defaults.\r\n * \r\n * @returns A Socket.IO client instance connected to the specified namespace.\r\n * \r\n * @example\r\n * ```ts\r\n * const socket = lolySocket('/chat');\r\n * socket.on('message', (data) => {\r\n *   console.log('Received:', data);\r\n * });\r\n * socket.emit('message', { text: 'Hello' });\r\n * ```\r\n */\r\nexport const lolySocket = (\r\n  namespace: string,\r\n  opts?: Partial<ManagerOptions & SocketOptions>\r\n): Socket => {\r\n  const baseUrl = process.env.PUBLIC_WS_BASE_URL || window.location.origin;\r\n\r\n  // Normalize namespace to always start with '/'\r\n  const normalizedNamespace = namespace.startsWith(\"/\") ? namespace : `/${namespace}`;\r\n\r\n  // In Socket.IO, when using a custom path, the namespace is specified in the URL:\r\n  // baseUrl + namespace. The path '/wss' is the HTTP route where Socket.IO listens.\r\n  const fullUrl = `${baseUrl}${normalizedNamespace}`;\r\n\r\n  const socket = io(fullUrl, {\r\n    path: \"/wss\",\r\n    transports: [\"websocket\", \"polling\"],\r\n    autoConnect: true,\r\n    ...opts,\r\n  });\r\n\r\n  return socket;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0D;AA0BnD,IAAM,aAAa,CACxB,WACA,SACW;AACX,QAAM,UAAU,QAAQ,IAAI,sBAAsB,OAAO,SAAS;AAGlE,QAAM,sBAAsB,UAAU,WAAW,GAAG,IAAI,YAAY,IAAI,SAAS;AAIjF,QAAM,UAAU,GAAG,OAAO,GAAG,mBAAmB;AAEhD,QAAM,aAAS,kBAAG,SAAS;AAAA,IACzB,MAAM;AAAA,IACN,YAAY,CAAC,aAAa,SAAS;AAAA,IACnC,aAAa;AAAA,IACb,GAAG;AAAA,EACL,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/react/sockets.d.mts

@@ -0,0 +1,29 @@
+import { ManagerOptions, SocketOptions, Socket } from 'socket.io-client';
+
+/**
+ * Creates a Socket.IO client connection to a specific namespace.
+ *
+ * This helper function simplifies Socket.IO client setup by handling:
+ * - Namespace normalization (ensures leading slash)
+ * - Base URL resolution (from environment or current origin)
+ * - Default Socket.IO configuration (path: '/wss', transports: ['websocket', 'polling'])
+ *
+ * @param namespace - The namespace to connect to (e.g., '/chat' or 'chat').
+ *                    The namespace will be normalized to always start with '/'.
+ *                    Must match the namespace pattern defined in your server's WSS routes.
+ * @param opts - Optional Socket.IO client options that will override the defaults.
+ *
+ * @returns A Socket.IO client instance connected to the specified namespace.
+ *
+ * @example
+ * ```ts
+ * const socket = lolySocket('/chat');
+ * socket.on('message', (data) => {
+ *   console.log('Received:', data);
+ * });
+ * socket.emit('message', { text: 'Hello' });
+ * ```
+ */
+declare const lolySocket: (namespace: string, opts?: Partial<ManagerOptions & SocketOptions>) => Socket;
+
+export { lolySocket };

package/dist/react/sockets.d.ts

@@ -0,0 +1,29 @@
+import { ManagerOptions, SocketOptions, Socket } from 'socket.io-client';
+
+/**
+ * Creates a Socket.IO client connection to a specific namespace.
+ *
+ * This helper function simplifies Socket.IO client setup by handling:
+ * - Namespace normalization (ensures leading slash)
+ * - Base URL resolution (from environment or current origin)
+ * - Default Socket.IO configuration (path: '/wss', transports: ['websocket', 'polling'])
+ *
+ * @param namespace - The namespace to connect to (e.g., '/chat' or 'chat').
+ *                    The namespace will be normalized to always start with '/'.
+ *                    Must match the namespace pattern defined in your server's WSS routes.
+ * @param opts - Optional Socket.IO client options that will override the defaults.
+ *
+ * @returns A Socket.IO client instance connected to the specified namespace.
+ *
+ * @example
+ * ```ts
+ * const socket = lolySocket('/chat');
+ * socket.on('message', (data) => {
+ *   console.log('Received:', data);
+ * });
+ * socket.emit('message', { text: 'Hello' });
+ * ```
+ */
+declare const lolySocket: (namespace: string, opts?: Partial<ManagerOptions & SocketOptions>) => Socket;
+
+export { lolySocket };

package/dist/react/sockets.js

@@ -0,0 +1,18 @@
+// modules/react/sockets/index.ts
+import { io } from "socket.io-client";
+var lolySocket = (namespace, opts) => {
+  const baseUrl = process.env.PUBLIC_WS_BASE_URL || window.location.origin;
+  const normalizedNamespace = namespace.startsWith("/") ? namespace : `/${namespace}`;
+  const fullUrl = `${baseUrl}${normalizedNamespace}`;
+  const socket = io(fullUrl, {
+    path: "/wss",
+    transports: ["websocket", "polling"],
+    autoConnect: true,
+    ...opts
+  });
+  return socket;
+};
+export {
+  lolySocket
+};
+//# sourceMappingURL=sockets.js.map

package/dist/react/sockets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../modules/react/sockets/index.ts"],"sourcesContent":["import { io, ManagerOptions, Socket, SocketOptions } from \"socket.io-client\";\r\n\r\n/**\r\n * Creates a Socket.IO client connection to a specific namespace.\r\n * \r\n * This helper function simplifies Socket.IO client setup by handling:\r\n * - Namespace normalization (ensures leading slash)\r\n * - Base URL resolution (from environment or current origin)\r\n * - Default Socket.IO configuration (path: '/wss', transports: ['websocket', 'polling'])\r\n * \r\n * @param namespace - The namespace to connect to (e.g., '/chat' or 'chat').\r\n *                    The namespace will be normalized to always start with '/'.\r\n *                    Must match the namespace pattern defined in your server's WSS routes.\r\n * @param opts - Optional Socket.IO client options that will override the defaults.\r\n * \r\n * @returns A Socket.IO client instance connected to the specified namespace.\r\n * \r\n * @example\r\n * ```ts\r\n * const socket = lolySocket('/chat');\r\n * socket.on('message', (data) => {\r\n *   console.log('Received:', data);\r\n * });\r\n * socket.emit('message', { text: 'Hello' });\r\n * ```\r\n */\r\nexport const lolySocket = (\r\n  namespace: string,\r\n  opts?: Partial<ManagerOptions & SocketOptions>\r\n): Socket => {\r\n  const baseUrl = process.env.PUBLIC_WS_BASE_URL || window.location.origin;\r\n\r\n  // Normalize namespace to always start with '/'\r\n  const normalizedNamespace = namespace.startsWith(\"/\") ? namespace : `/${namespace}`;\r\n\r\n  // In Socket.IO, when using a custom path, the namespace is specified in the URL:\r\n  // baseUrl + namespace. The path '/wss' is the HTTP route where Socket.IO listens.\r\n  const fullUrl = `${baseUrl}${normalizedNamespace}`;\r\n\r\n  const socket = io(fullUrl, {\r\n    path: \"/wss\",\r\n    transports: [\"websocket\", \"polling\"],\r\n    autoConnect: true,\r\n    ...opts,\r\n  });\r\n\r\n  return socket;\r\n};\r\n"],"mappings":";AAAA,SAAS,UAAiD;AA0BnD,IAAM,aAAa,CACxB,WACA,SACW;AACX,QAAM,UAAU,QAAQ,IAAI,sBAAsB,OAAO,SAAS;AAGlE,QAAM,sBAAsB,UAAU,WAAW,GAAG,IAAI,YAAY,IAAI,SAAS;AAIjF,QAAM,UAAU,GAAG,OAAO,GAAG,mBAAmB;AAEhD,QAAM,SAAS,GAAG,SAAS;AAAA,IACzB,MAAM;AAAA,IACN,YAAY,CAAC,aAAa,SAAS;AAAA,IACnC,aAAa;AAAA,IACb,GAAG;AAAA,EACL,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/react/themes.cjs

@@ -0,0 +1,145 @@
+"use strict";
+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);
+
+// modules/react/themes/index.ts
+var themes_exports = {};
+__export(themes_exports, {
+  ThemeProvider: () => ThemeProvider,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(themes_exports);
+
+// modules/react/themes/theme-provider/index.tsx
+var import_react2 = require("react");
+
+// modules/react/hooks/useBroadcastChannel/index.tsx
+var import_react = require("react");
+var useBroadcastChannel = (channelName) => {
+  const [message, setMessage] = (0, import_react.useState)(null);
+  const channel = new BroadcastChannel(channelName);
+  (0, import_react.useEffect)(() => {
+    const handleMessage = (event) => {
+      setMessage(event.data);
+    };
+    channel.onmessage = handleMessage;
+    return () => {
+      channel.close();
+    };
+  }, [channel]);
+  const sendMessage = (msg) => {
+    channel.postMessage(msg);
+  };
+  return { message, sendMessage };
+};
+
+// modules/react/themes/theme-provider/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeContext = (0, import_react2.createContext)({ theme: "light", handleThemeChange: () => {
+} });
+function getCookie(name) {
+  if (typeof document === "undefined") return null;
+  const value = `; ${document.cookie}`;
+  const parts = value.split(`; ${name}=`);
+  if (parts.length === 2) {
+    return parts.pop()?.split(";").shift() || null;
+  }
+  return null;
+}
+var ThemeProvider = ({
+  children,
+  initialTheme
+}) => {
+  const { message: themeMessage, sendMessage } = useBroadcastChannel("theme_channel");
+  const [theme, setTheme] = (0, import_react2.useState)(() => {
+    if (initialTheme) return initialTheme;
+    if (typeof window !== "undefined") {
+      const windowData = window.__FW_DATA__;
+      if (windowData?.theme) return windowData.theme;
+    }
+    if (typeof window !== "undefined") {
+      const cookieTheme = getCookie("theme");
+      if (cookieTheme) return cookieTheme;
+    }
+    return "light";
+  });
+  (0, import_react2.useEffect)(() => {
+    if (!themeMessage) return;
+    if (themeMessage !== theme) {
+      setTheme(themeMessage);
+    }
+  }, [themeMessage, theme]);
+  (0, import_react2.useEffect)(() => {
+    const handleDataRefresh = () => {
+      if (typeof window !== "undefined") {
+        const windowData = window.__FW_DATA__;
+        if (windowData?.theme) {
+          setTheme((currentTheme) => {
+            if (windowData.theme !== currentTheme) {
+              return windowData.theme;
+            }
+            return currentTheme;
+          });
+        }
+      }
+    };
+    window.addEventListener("fw-data-refresh", handleDataRefresh);
+    return () => {
+      window.removeEventListener("fw-data-refresh", handleDataRefresh);
+    };
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (initialTheme) {
+      setTheme(initialTheme);
+    }
+  }, [initialTheme]);
+  (0, import_react2.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    const body = document.body;
+    const currentClasses = body.className.split(" ").filter(Boolean);
+    const themeClasses = ["light", "dark"];
+    const filteredClasses = currentClasses.filter(
+      (cls) => !themeClasses.includes(cls)
+    );
+    const newClassName = [...filteredClasses, theme].filter(Boolean).join(" ");
+    if (body.className !== newClassName) {
+      body.className = newClassName;
+    }
+    sendMessage(theme);
+  }, [theme, sendMessage]);
+  const handleThemeChange = (newTheme) => {
+    setTheme(newTheme);
+    document.cookie = `theme=${newTheme}; path=/; max-age=31536000`;
+    if (typeof window !== "undefined" && window.__FW_DATA__) {
+      window.__FW_DATA__ = {
+        ...window.__FW_DATA__,
+        theme: newTheme
+      };
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, handleThemeChange }, children });
+};
+var useTheme = () => {
+  return (0, import_react2.useContext)(ThemeContext);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  useTheme
+});
+//# sourceMappingURL=themes.cjs.map

package/dist/react/themes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../modules/react/themes/index.ts","../../modules/react/themes/theme-provider/index.tsx","../../modules/react/hooks/useBroadcastChannel/index.tsx"],"sourcesContent":["export {\r\n    ThemeProvider,\r\n    useTheme\r\n} from './theme-provider';","import React, { createContext, useContext, useState, useEffect } from \"react\";\r\nimport { useBroadcastChannel } from \"../../hooks/useBroadcastChannel\";\r\n\r\nconst ThemeContext = createContext<{\r\n  theme: string;\r\n  handleThemeChange: (theme: string) => void;\r\n}>({ theme: \"light\", handleThemeChange: () => {} });\r\n\r\n// Helper function to get cookie value\r\nfunction getCookie(name: string): string | null {\r\n  if (typeof document === \"undefined\") return null;\r\n  const value = `; ${document.cookie}`;\r\n  const parts = value.split(`; ${name}=`);\r\n  if (parts.length === 2) {\r\n    return parts.pop()?.split(\";\").shift() || null;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const ThemeProvider = ({ \r\n  children,\r\n  initialTheme \r\n}: { \r\n  children: React.ReactNode;\r\n  initialTheme?: string;\r\n}) => {\r\n  const { message: themeMessage, sendMessage } = useBroadcastChannel('theme_channel');\r\n\r\n  // Initialize theme consistently between server and client\r\n  // The server renders with initialTheme, and we must use the same value on client\r\n  // to avoid hydration mismatch. Priority: initialTheme prop > window.__FW_DATA__ > cookie > default\r\n  const [theme, setTheme] = useState<string>(() => {\r\n    // 1. Use prop if provided (this should match what server rendered)\r\n    if (initialTheme) return initialTheme;\r\n    \r\n    // 2. On client, use window.__FW_DATA__ from SSR (this is set before hydration)\r\n    // This ensures consistency between server and client\r\n    if (typeof window !== \"undefined\") {\r\n      const windowData = (window as any).__FW_DATA__;\r\n      if (windowData?.theme) return windowData.theme;\r\n    }\r\n    \r\n    // 3. Fallback to cookie (only if window.__FW_DATA__ not available yet)\r\n    if (typeof window !== \"undefined\") {\r\n      const cookieTheme = getCookie(\"theme\");\r\n      if (cookieTheme) return cookieTheme;\r\n    }\r\n    \r\n    // Default fallback\r\n    return \"light\";\r\n  });\r\n\r\n  // Listen for theme changes from broadcast channel (other tabs/windows)\r\n  useEffect(() => {\r\n    if (!themeMessage) return;\r\n    if (themeMessage !== theme) {\r\n      setTheme(themeMessage);\r\n    }\r\n  }, [themeMessage, theme]);\r\n\r\n  // Listen for theme changes from window.__FW_DATA__ during SPA navigation\r\n  useEffect(() => {\r\n    const handleDataRefresh = () => {\r\n      if (typeof window !== \"undefined\") {\r\n        const windowData = (window as any).__FW_DATA__;\r\n        if (windowData?.theme) {\r\n          // Use functional update to avoid stale closure\r\n          setTheme((currentTheme) => {\r\n            if (windowData.theme !== currentTheme) {\r\n              return windowData.theme;\r\n            }\r\n            return currentTheme;\r\n          });\r\n        }\r\n      }\r\n    };\r\n\r\n    window.addEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n    };\r\n  }, []);\r\n\r\n  // Update theme when initialTheme prop changes (e.g., during SPA navigation)\r\n  // This is the primary way theme updates during SPA navigation when layout re-renders\r\n  useEffect(() => {\r\n    if (initialTheme) {\r\n      // Always update if initialTheme is provided, even if it's the same\r\n      // This ensures theme syncs correctly during SPA navigation\r\n      setTheme(initialTheme);\r\n    }\r\n  }, [initialTheme]);\r\n\r\n  // Update body class when theme changes (skip during initial hydration to avoid mismatch)\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\") return;\r\n\r\n    const body = document.body;\r\n    const currentClasses = body.className.split(\" \").filter(Boolean);\r\n    \r\n    // Remove old theme classes (light, dark, etc.)\r\n    const themeClasses = [\"light\", \"dark\"];\r\n    const filteredClasses = currentClasses.filter(\r\n      (cls) => !themeClasses.includes(cls)\r\n    );\r\n    \r\n    // Add new theme class\r\n    const newClassName = [...filteredClasses, theme].filter(Boolean).join(\" \");\r\n    \r\n    // Only update if different to avoid unnecessary DOM updates\r\n    if (body.className !== newClassName) {\r\n      body.className = newClassName;\r\n    }\r\n\r\n    sendMessage(theme);\r\n  }, [theme, sendMessage]);\r\n\r\n  const handleThemeChange = (newTheme: string) => {\r\n    setTheme(newTheme);\r\n\r\n    // Set theme cookie\r\n    document.cookie = `theme=${newTheme}; path=/; max-age=31536000`; // 1 year expiry\r\n\r\n    // Update window.__FW_DATA__.theme so getCurrentTheme() returns the correct value during navigation\r\n    if (typeof window !== \"undefined\" && (window as any).__FW_DATA__) {\r\n      (window as any).__FW_DATA__ = {\r\n        ...(window as any).__FW_DATA__,\r\n        theme: newTheme,\r\n      };\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, handleThemeChange }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useTheme = () => {\r\n  return useContext(ThemeContext);\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nexport const useBroadcastChannel = (channelName: string) => {\r\n  const [message, setMessage] = useState(null);\r\n  const channel = new BroadcastChannel(channelName);\r\n\r\n  useEffect(() => {\r\n    const handleMessage = (event: MessageEvent) => {\r\n      setMessage(event.data);\r\n    };\r\n\r\n    channel.onmessage = handleMessage;\r\n\r\n    // Clean up the channel when the component unmounts\r\n    return () => {\r\n      channel.close();\r\n    };\r\n  }, [channel]);\r\n\r\n  const sendMessage = (msg: unknown) => {\r\n    channel.postMessage(msg);\r\n  };\r\n\r\n  return { message, sendMessage };\r\n};\r\n"],"mappings":"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","names":["import_react"]}

package/dist/react/themes.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+declare const ThemeProvider: ({ children, initialTheme }: {
+    children: React.ReactNode;
+    initialTheme?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => {
+    theme: string;
+    handleThemeChange: (theme: string) => void;
+};
+
+export { ThemeProvider, useTheme };

package/dist/react/themes.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+declare const ThemeProvider: ({ children, initialTheme }: {
+    children: React.ReactNode;
+    initialTheme?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => {
+    theme: string;
+    handleThemeChange: (theme: string) => void;
+};
+
+export { ThemeProvider, useTheme };

package/dist/react/themes.js

@@ -0,0 +1,117 @@
+// modules/react/themes/theme-provider/index.tsx
+import { createContext, useContext, useState as useState2, useEffect as useEffect2 } from "react";
+
+// modules/react/hooks/useBroadcastChannel/index.tsx
+import { useEffect, useState } from "react";
+var useBroadcastChannel = (channelName) => {
+  const [message, setMessage] = useState(null);
+  const channel = new BroadcastChannel(channelName);
+  useEffect(() => {
+    const handleMessage = (event) => {
+      setMessage(event.data);
+    };
+    channel.onmessage = handleMessage;
+    return () => {
+      channel.close();
+    };
+  }, [channel]);
+  const sendMessage = (msg) => {
+    channel.postMessage(msg);
+  };
+  return { message, sendMessage };
+};
+
+// modules/react/themes/theme-provider/index.tsx
+import { jsx } from "react/jsx-runtime";
+var ThemeContext = createContext({ theme: "light", handleThemeChange: () => {
+} });
+function getCookie(name) {
+  if (typeof document === "undefined") return null;
+  const value = `; ${document.cookie}`;
+  const parts = value.split(`; ${name}=`);
+  if (parts.length === 2) {
+    return parts.pop()?.split(";").shift() || null;
+  }
+  return null;
+}
+var ThemeProvider = ({
+  children,
+  initialTheme
+}) => {
+  const { message: themeMessage, sendMessage } = useBroadcastChannel("theme_channel");
+  const [theme, setTheme] = useState2(() => {
+    if (initialTheme) return initialTheme;
+    if (typeof window !== "undefined") {
+      const windowData = window.__FW_DATA__;
+      if (windowData?.theme) return windowData.theme;
+    }
+    if (typeof window !== "undefined") {
+      const cookieTheme = getCookie("theme");
+      if (cookieTheme) return cookieTheme;
+    }
+    return "light";
+  });
+  useEffect2(() => {
+    if (!themeMessage) return;
+    if (themeMessage !== theme) {
+      setTheme(themeMessage);
+    }
+  }, [themeMessage, theme]);
+  useEffect2(() => {
+    const handleDataRefresh = () => {
+      if (typeof window !== "undefined") {
+        const windowData = window.__FW_DATA__;
+        if (windowData?.theme) {
+          setTheme((currentTheme) => {
+            if (windowData.theme !== currentTheme) {
+              return windowData.theme;
+            }
+            return currentTheme;
+          });
+        }
+      }
+    };
+    window.addEventListener("fw-data-refresh", handleDataRefresh);
+    return () => {
+      window.removeEventListener("fw-data-refresh", handleDataRefresh);
+    };
+  }, []);
+  useEffect2(() => {
+    if (initialTheme) {
+      setTheme(initialTheme);
+    }
+  }, [initialTheme]);
+  useEffect2(() => {
+    if (typeof document === "undefined") return;
+    const body = document.body;
+    const currentClasses = body.className.split(" ").filter(Boolean);
+    const themeClasses = ["light", "dark"];
+    const filteredClasses = currentClasses.filter(
+      (cls) => !themeClasses.includes(cls)
+    );
+    const newClassName = [...filteredClasses, theme].filter(Boolean).join(" ");
+    if (body.className !== newClassName) {
+      body.className = newClassName;
+    }
+    sendMessage(theme);
+  }, [theme, sendMessage]);
+  const handleThemeChange = (newTheme) => {
+    setTheme(newTheme);
+    document.cookie = `theme=${newTheme}; path=/; max-age=31536000`;
+    if (typeof window !== "undefined" && window.__FW_DATA__) {
+      window.__FW_DATA__ = {
+        ...window.__FW_DATA__,
+        theme: newTheme
+      };
+    }
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, handleThemeChange }, children });
+};
+var useTheme = () => {
+  return useContext(ThemeContext);
+};
+export {
+  ThemeProvider,
+  useTheme
+};
+//# sourceMappingURL=themes.js.map

package/dist/react/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../modules/react/themes/theme-provider/index.tsx","../../modules/react/hooks/useBroadcastChannel/index.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useEffect } from \"react\";\r\nimport { useBroadcastChannel } from \"../../hooks/useBroadcastChannel\";\r\n\r\nconst ThemeContext = createContext<{\r\n  theme: string;\r\n  handleThemeChange: (theme: string) => void;\r\n}>({ theme: \"light\", handleThemeChange: () => {} });\r\n\r\n// Helper function to get cookie value\r\nfunction getCookie(name: string): string | null {\r\n  if (typeof document === \"undefined\") return null;\r\n  const value = `; ${document.cookie}`;\r\n  const parts = value.split(`; ${name}=`);\r\n  if (parts.length === 2) {\r\n    return parts.pop()?.split(\";\").shift() || null;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const ThemeProvider = ({ \r\n  children,\r\n  initialTheme \r\n}: { \r\n  children: React.ReactNode;\r\n  initialTheme?: string;\r\n}) => {\r\n  const { message: themeMessage, sendMessage } = useBroadcastChannel('theme_channel');\r\n\r\n  // Initialize theme consistently between server and client\r\n  // The server renders with initialTheme, and we must use the same value on client\r\n  // to avoid hydration mismatch. Priority: initialTheme prop > window.__FW_DATA__ > cookie > default\r\n  const [theme, setTheme] = useState<string>(() => {\r\n    // 1. Use prop if provided (this should match what server rendered)\r\n    if (initialTheme) return initialTheme;\r\n    \r\n    // 2. On client, use window.__FW_DATA__ from SSR (this is set before hydration)\r\n    // This ensures consistency between server and client\r\n    if (typeof window !== \"undefined\") {\r\n      const windowData = (window as any).__FW_DATA__;\r\n      if (windowData?.theme) return windowData.theme;\r\n    }\r\n    \r\n    // 3. Fallback to cookie (only if window.__FW_DATA__ not available yet)\r\n    if (typeof window !== \"undefined\") {\r\n      const cookieTheme = getCookie(\"theme\");\r\n      if (cookieTheme) return cookieTheme;\r\n    }\r\n    \r\n    // Default fallback\r\n    return \"light\";\r\n  });\r\n\r\n  // Listen for theme changes from broadcast channel (other tabs/windows)\r\n  useEffect(() => {\r\n    if (!themeMessage) return;\r\n    if (themeMessage !== theme) {\r\n      setTheme(themeMessage);\r\n    }\r\n  }, [themeMessage, theme]);\r\n\r\n  // Listen for theme changes from window.__FW_DATA__ during SPA navigation\r\n  useEffect(() => {\r\n    const handleDataRefresh = () => {\r\n      if (typeof window !== \"undefined\") {\r\n        const windowData = (window as any).__FW_DATA__;\r\n        if (windowData?.theme) {\r\n          // Use functional update to avoid stale closure\r\n          setTheme((currentTheme) => {\r\n            if (windowData.theme !== currentTheme) {\r\n              return windowData.theme;\r\n            }\r\n            return currentTheme;\r\n          });\r\n        }\r\n      }\r\n    };\r\n\r\n    window.addEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"fw-data-refresh\", handleDataRefresh);\r\n    };\r\n  }, []);\r\n\r\n  // Update theme when initialTheme prop changes (e.g., during SPA navigation)\r\n  // This is the primary way theme updates during SPA navigation when layout re-renders\r\n  useEffect(() => {\r\n    if (initialTheme) {\r\n      // Always update if initialTheme is provided, even if it's the same\r\n      // This ensures theme syncs correctly during SPA navigation\r\n      setTheme(initialTheme);\r\n    }\r\n  }, [initialTheme]);\r\n\r\n  // Update body class when theme changes (skip during initial hydration to avoid mismatch)\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\") return;\r\n\r\n    const body = document.body;\r\n    const currentClasses = body.className.split(\" \").filter(Boolean);\r\n    \r\n    // Remove old theme classes (light, dark, etc.)\r\n    const themeClasses = [\"light\", \"dark\"];\r\n    const filteredClasses = currentClasses.filter(\r\n      (cls) => !themeClasses.includes(cls)\r\n    );\r\n    \r\n    // Add new theme class\r\n    const newClassName = [...filteredClasses, theme].filter(Boolean).join(\" \");\r\n    \r\n    // Only update if different to avoid unnecessary DOM updates\r\n    if (body.className !== newClassName) {\r\n      body.className = newClassName;\r\n    }\r\n\r\n    sendMessage(theme);\r\n  }, [theme, sendMessage]);\r\n\r\n  const handleThemeChange = (newTheme: string) => {\r\n    setTheme(newTheme);\r\n\r\n    // Set theme cookie\r\n    document.cookie = `theme=${newTheme}; path=/; max-age=31536000`; // 1 year expiry\r\n\r\n    // Update window.__FW_DATA__.theme so getCurrentTheme() returns the correct value during navigation\r\n    if (typeof window !== \"undefined\" && (window as any).__FW_DATA__) {\r\n      (window as any).__FW_DATA__ = {\r\n        ...(window as any).__FW_DATA__,\r\n        theme: newTheme,\r\n      };\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, handleThemeChange }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useTheme = () => {\r\n  return useContext(ThemeContext);\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nexport const useBroadcastChannel = (channelName: string) => {\r\n  const [message, setMessage] = useState(null);\r\n  const channel = new BroadcastChannel(channelName);\r\n\r\n  useEffect(() => {\r\n    const handleMessage = (event: MessageEvent) => {\r\n      setMessage(event.data);\r\n    };\r\n\r\n    channel.onmessage = handleMessage;\r\n\r\n    // Clean up the channel when the component unmounts\r\n    return () => {\r\n      channel.close();\r\n    };\r\n  }, [channel]);\r\n\r\n  const sendMessage = (msg: unknown) => {\r\n    channel.postMessage(msg);\r\n  };\r\n\r\n  return { message, sendMessage };\r\n};\r\n"],"mappings":"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","names":["useState","useEffect","useState","useEffect"]}