@lolyjs/core 0.1.0-alpha.9 → 0.2.0-alpha.0

package/dist/react/hooks.cjs

@@ -47,8 +47,8 @@ var useBroadcastChannel = (channelName) => {
 
 // modules/react/hooks/usePageProps/index.ts
 var import_react2 = require("react");
-var usePageProps = () => {
-  const [props, setProps] = (0, import_react2.useState)(() => {
+function usePageProps() {
+  const [state, setState] = (0, import_react2.useState)(() => {
     if (typeof window !== "undefined" && window?.__FW_DATA__) {
       const data = window.__FW_DATA__;
       return {
@@ -65,7 +65,7 @@ var usePageProps = () => {
     const handleDataRefresh = () => {
       if (window?.__FW_DATA__) {
         const data = window.__FW_DATA__;
-        setProps({
+        setState({
           params: data.params || {},
           props: data.props || {}
         });
@@ -76,8 +76,8 @@ var usePageProps = () => {
       window.removeEventListener("fw-data-refresh", handleDataRefresh);
     };
   }, []);
-  return props;
-};
+  return { params: state.params, props: state.props };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useBroadcastChannel,

package/dist/react/hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../modules/react/hooks/index.ts","../../modules/react/hooks/useBroadcastChannel/index.tsx","../../modules/react/hooks/usePageProps/index.ts"],"sourcesContent":["export { useBroadcastChannel } from \"./useBroadcastChannel\";\r\nexport { usePageProps } from \"./usePageProps\";\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","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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2C;AAEpC,IAAM,sBAAsB,CAAC,gBAAwB;AAC1D,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI;AAC3C,QAAM,UAAU,IAAI,iBAAiB,WAAW;AAEhD,8BAAU,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,IAAAA,gBAA2C;AAUpC,IAAM,eAAe,MAAM;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAS,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,+BAAU,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":["import_react"]}
+{"version":3,"sources":["../../modules/react/hooks/index.ts","../../modules/react/hooks/useBroadcastChannel/index.tsx","../../modules/react/hooks/usePageProps/index.ts"],"sourcesContent":["export { useBroadcastChannel } from \"./useBroadcastChannel\";\r\nexport { usePageProps } from \"./usePageProps\";\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","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 * @template P - Type for page props (default: any)\r\n * @template T - Type for route params (default: any)\r\n * @returns Object containing params and props\r\n *\r\n * @example\r\n * // With props type only\r\n * const { props } = usePageProps<{ title: string }>();\r\n *\r\n * @example\r\n * // With both props and params types\r\n * const { props, params } = usePageProps<{ title: string }, { id: string }>();\r\n */\r\nexport function usePageProps<P = any, T = any>(): { params: T, props: P } {\r\n  const [state, setState] = useState<{ params: T, props: P }>(() => {\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 || {} as T,\r\n        props: data.props || {} as P,\r\n      };\r\n    }\r\n    return {\r\n      params: {} as T,\r\n      props: {} as P,\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        setState({\r\n          params: data.params || {} as T,\r\n          props: data.props || {} as P,\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 { params: state.params as T, props: state.props as P };\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2C;AAEpC,IAAM,sBAAsB,CAAC,gBAAwB;AAC1D,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI;AAC3C,QAAM,UAAU,IAAI,iBAAiB,WAAW;AAEhD,8BAAU,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,IAAAA,gBAA2C;AAoBpC,SAAS,eAA0D;AACxE,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAkC,MAAM;AAEhE,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,+BAAU,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,EAAE,QAAQ,MAAM,QAAa,OAAO,MAAM,MAAW;AAC9D;","names":["import_react"]}

package/dist/react/hooks.d.mts

@@ -9,11 +9,21 @@ declare const useBroadcastChannel: (channelName: string) => {
  * Reads initial data from window.__FW_DATA__ set during SSR.
  * Automatically updates when `revalidate()` is called.
  *
+ * @template P - Type for page props (default: any)
+ * @template T - Type for route params (default: any)
  * @returns Object containing params and props
+ *
+ * @example
+ * // With props type only
+ * const { props } = usePageProps<{ title: string }>();
+ *
+ * @example
+ * // With both props and params types
+ * const { props, params } = usePageProps<{ title: string }, { id: string }>();
  */
-declare const usePageProps: () => {
-    params: any;
-    props: any;
+declare function usePageProps<P = any, T = any>(): {
+    params: T;
+    props: P;
 };
 
 export { useBroadcastChannel, usePageProps };

package/dist/react/hooks.d.ts

@@ -9,11 +9,21 @@ declare const useBroadcastChannel: (channelName: string) => {
  * Reads initial data from window.__FW_DATA__ set during SSR.
  * Automatically updates when `revalidate()` is called.
  *
+ * @template P - Type for page props (default: any)
+ * @template T - Type for route params (default: any)
  * @returns Object containing params and props
+ *
+ * @example
+ * // With props type only
+ * const { props } = usePageProps<{ title: string }>();
+ *
+ * @example
+ * // With both props and params types
+ * const { props, params } = usePageProps<{ title: string }, { id: string }>();
  */
-declare const usePageProps: () => {
-    params: any;
-    props: any;
+declare function usePageProps<P = any, T = any>(): {
+    params: T;
+    props: P;
 };
 
 export { useBroadcastChannel, usePageProps };

package/dist/react/hooks.js

@@ -20,8 +20,8 @@ var useBroadcastChannel = (channelName) => {
 
 // modules/react/hooks/usePageProps/index.ts
 import { useEffect as useEffect2, useState as useState2 } from "react";
-var usePageProps = () => {
-  const [props, setProps] = useState2(() => {
+function usePageProps() {
+  const [state, setState] = useState2(() => {
     if (typeof window !== "undefined" && window?.__FW_DATA__) {
       const data = window.__FW_DATA__;
       return {
@@ -38,7 +38,7 @@ var usePageProps = () => {
     const handleDataRefresh = () => {
       if (window?.__FW_DATA__) {
         const data = window.__FW_DATA__;
-        setProps({
+        setState({
           params: data.params || {},
           props: data.props || {}
         });
@@ -49,8 +49,8 @@ var usePageProps = () => {
       window.removeEventListener("fw-data-refresh", handleDataRefresh);
     };
   }, []);
-  return props;
-};
+  return { params: state.params, props: state.props };
+}
 export {
   useBroadcastChannel,
   usePageProps

package/dist/react/hooks.js.map

@@ -1 +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"]}
+{"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 * @template P - Type for page props (default: any)\r\n * @template T - Type for route params (default: any)\r\n * @returns Object containing params and props\r\n *\r\n * @example\r\n * // With props type only\r\n * const { props } = usePageProps<{ title: string }>();\r\n *\r\n * @example\r\n * // With both props and params types\r\n * const { props, params } = usePageProps<{ title: string }, { id: string }>();\r\n */\r\nexport function usePageProps<P = any, T = any>(): { params: T, props: P } {\r\n  const [state, setState] = useState<{ params: T, props: P }>(() => {\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 || {} as T,\r\n        props: data.props || {} as P,\r\n      };\r\n    }\r\n    return {\r\n      params: {} as T,\r\n      props: {} as P,\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        setState({\r\n          params: data.params || {} as T,\r\n          props: data.props || {} as P,\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 { params: state.params as T, props: state.props as P };\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;AAoBpC,SAAS,eAA0D;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAkC,MAAM;AAEhE,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,EAAE,QAAQ,MAAM,QAAa,OAAO,MAAM,MAAW;AAC9D;","names":["useEffect","useState"]}

package/dist/react/sockets.cjs

@@ -25,7 +25,10 @@ __export(sockets_exports, {
 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 baseUrl = process?.env?.PUBLIC_WS_BASE_URL || window.location.origin;
+  if (!process?.env?.PUBLIC_WS_BASE_URL) {
+    console.warn("[loly:socket] PUBLIC_WS_BASE_URL is not set, using window.location.origin.");
+  }
   const normalizedNamespace = namespace.startsWith("/") ? namespace : `/${namespace}`;
   const fullUrl = `${baseUrl}${normalizedNamespace}`;
   const socket = (0, import_socket.io)(fullUrl, {

package/dist/react/sockets.cjs.map

@@ -1 +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":[]}
+{"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  if(!process?.env?.PUBLIC_WS_BASE_URL) {\r\n    console.warn(\"[loly:socket] PUBLIC_WS_BASE_URL is not set, using window.location.origin.\");\r\n  }\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,SAAS,KAAK,sBAAsB,OAAO,SAAS;AAEpE,MAAG,CAAC,SAAS,KAAK,oBAAoB;AACpC,YAAQ,KAAK,4EAA4E;AAAA,EAC3F;AAGA,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.js

@@ -1,7 +1,10 @@
 // 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 baseUrl = process?.env?.PUBLIC_WS_BASE_URL || window.location.origin;
+  if (!process?.env?.PUBLIC_WS_BASE_URL) {
+    console.warn("[loly:socket] PUBLIC_WS_BASE_URL is not set, using window.location.origin.");
+  }
   const normalizedNamespace = namespace.startsWith("/") ? namespace : `/${namespace}`;
   const fullUrl = `${baseUrl}${normalizedNamespace}`;
   const socket = io(fullUrl, {

package/dist/react/sockets.js.map

@@ -1 +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":[]}
+{"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  if(!process?.env?.PUBLIC_WS_BASE_URL) {\r\n    console.warn(\"[loly:socket] PUBLIC_WS_BASE_URL is not set, using window.location.origin.\");\r\n  }\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,SAAS,KAAK,sBAAsB,OAAO,SAAS;AAEpE,MAAG,CAAC,SAAS,KAAK,oBAAoB;AACpC,YAAQ,KAAK,4EAA4E;AAAA,EAC3F;AAGA,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":[]}