@bravostudioai/react 0.1.30 → 0.1.32

package/dist/hooks/useFontLoader.js

@@ -0,0 +1,41 @@
+import { useEffect as d } from "react";
+import { logger as n } from "../lib/logger.js";
+function g(s) {
+  d(() => {
+    const e = s?.app?.fonts ?? [];
+    n.debug("Font loading check", { fontCount: e?.length || 0 }), !(!e || e.length === 0) && (typeof window > "u" || !("FontFace" in window) || e.forEach((r) => {
+      try {
+        const o = r?.fontName?.family, t = r?.url, a = r?.fontName?.postScriptName;
+        if (!o || !t) return;
+        if (r.broken) {
+          n.warn("Skipping broken font", {
+            font: a || o,
+            url: t
+          });
+          return;
+        }
+        const c = a || o;
+        new FontFace(c, `url(${t})`, {
+          weight: "100 900",
+          style: "normal"
+        }).load().then((f) => {
+          document.fonts.add(f), n.debug("Font loaded", { familyName: c, url: t });
+          const i = document.fonts.check(`400 12px "${c}"`);
+          n.debug("Font check result", { familyName: c, isCheckPassed: i });
+        }).catch((f) => {
+          n.warn("Failed to load font", {
+            font: a || o,
+            url: t,
+            error: f.message
+          });
+        });
+      } catch (o) {
+        n.warn("Error processing font", o);
+      }
+    }));
+  }, [s]);
+}
+export {
+  g as useFontLoader
+};
+//# sourceMappingURL=useFontLoader.js.map

package/dist/hooks/useFontLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFontLoader.js","sources":["../../src/hooks/useFontLoader.ts"],"sourcesContent":["/**\n * Custom hook for loading fonts from app definition\n *\n * Handles FontFace API loading of custom fonts declared in the app JSON.\n * Skips fonts marked as broken and provides debug logging in development.\n */\n\nimport { useEffect } from \"react\";\nimport logger from \"../lib/logger\";\n\ninterface EncoreFont {\n  id?: string;\n  url?: string;\n  broken?: boolean;\n  fontName?: { family?: string; postScriptName?: string };\n}\n\ninterface AppDataWithFonts {\n  app?: { fonts?: EncoreFont[] };\n}\n\n/**\n * Loads fonts declared in app definition using the FontFace API\n *\n * @param appData - App definition containing fonts array\n *\n * @example\n * const { data: appData } = useSWR(appUrl, fetcher);\n * useFontLoader(appData);\n */\nexport function useFontLoader(appData: unknown) {\n  useEffect(() => {\n    const fonts: EncoreFont[] =\n      (appData as AppDataWithFonts | undefined)?.app?.fonts ?? [];\n\n    logger.debug('Font loading check', { fontCount: fonts?.length || 0 });\n\n    if (!fonts || fonts.length === 0) return;\n    if (typeof window === \"undefined\" || !(\"FontFace\" in window)) return;\n\n    fonts.forEach((f) => {\n      try {\n        const family = f?.fontName?.family;\n        const url = f?.url;\n        const postScriptName = f?.fontName?.postScriptName;\n\n        if (!family || !url) return;\n\n        if (f.broken) {\n          logger.warn('Skipping broken font', {\n            font: postScriptName || family,\n            url\n          });\n          return;\n        }\n\n        const familyName = postScriptName || family;\n        const fontFace = new FontFace(familyName, `url(${url})`, {\n          weight: \"100 900\",\n          style: \"normal\",\n        });\n\n        fontFace\n          .load()\n          .then((ff) => {\n            document.fonts.add(ff);\n            logger.debug('Font loaded', { familyName, url });\n\n            const isCheckPassed = document.fonts.check(`400 12px \"${familyName}\"`);\n            logger.debug('Font check result', { familyName, isCheckPassed });\n          })\n          .catch((err) => {\n            logger.warn('Failed to load font', {\n              font: postScriptName || family,\n              url,\n              error: err.message\n            });\n          });\n      } catch (err) {\n        logger.warn('Error processing font', err);\n      }\n    });\n  }, [appData]);\n}\n"],"names":["useFontLoader","appData","useEffect","fonts","logger","f","family","url","postScriptName","familyName","ff","isCheckPassed","err"],"mappings":";;AA8BO,SAASA,EAAcC,GAAkB;AAC9C,EAAAC,EAAU,MAAM;AACd,UAAMC,IACHF,GAA0C,KAAK,SAAS,CAAA;AAI3D,IAFAG,EAAO,MAAM,sBAAsB,EAAE,WAAWD,GAAO,UAAU,GAAG,GAEhE,GAACA,KAASA,EAAM,WAAW,OAC3B,OAAO,SAAW,OAAe,EAAE,cAAc,WAErDA,EAAM,QAAQ,CAACE,MAAM;AACnB,UAAI;AACF,cAAMC,IAASD,GAAG,UAAU,QACtBE,IAAMF,GAAG,KACTG,IAAiBH,GAAG,UAAU;AAEpC,YAAI,CAACC,KAAU,CAACC,EAAK;AAErB,YAAIF,EAAE,QAAQ;AACZ,UAAAD,EAAO,KAAK,wBAAwB;AAAA,YAClC,MAAMI,KAAkBF;AAAA,YACxB,KAAAC;AAAA,UAAA,CACD;AACD;AAAA,QACF;AAEA,cAAME,IAAaD,KAAkBF;AAMrC,QALiB,IAAI,SAASG,GAAY,OAAOF,CAAG,KAAK;AAAA,UACvD,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA,CACR,EAGE,KAAA,EACA,KAAK,CAACG,MAAO;AACZ,mBAAS,MAAM,IAAIA,CAAE,GACrBN,EAAO,MAAM,eAAe,EAAE,YAAAK,GAAY,KAAAF,GAAK;AAE/C,gBAAMI,IAAgB,SAAS,MAAM,MAAM,aAAaF,CAAU,GAAG;AACrE,UAAAL,EAAO,MAAM,qBAAqB,EAAE,YAAAK,GAAY,eAAAE,GAAe;AAAA,QACjE,CAAC,EACA,MAAM,CAACC,MAAQ;AACd,UAAAR,EAAO,KAAK,uBAAuB;AAAA,YACjC,MAAMI,KAAkBF;AAAA,YACxB,KAAAC;AAAA,YACA,OAAOK,EAAI;AAAA,UAAA,CACZ;AAAA,QACH,CAAC;AAAA,MACL,SAASA,GAAK;AACZ,QAAAR,EAAO,KAAK,yBAAyBQ,CAAG;AAAA,MAC1C;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAACX,CAAO,CAAC;AACd;"}

package/dist/hooks/usePusherUpdates.js

@@ -1,62 +1,58 @@
-import { useRef as m, useEffect as g } from "react";
-import P from "pusher-js";
-import { clearModuleCache as v } from "../lib/moduleRegistry.js";
-import { j as t } from "../node_modules/swr/dist/_internal/config-context-12s-Dh3trQsc.js";
-const y = () => ({
+import { useRef as g, useEffect as $ } from "react";
+import v from "pusher-js";
+import { clearModuleCache as y } from "../lib/moduleRegistry.js";
+import { logger as n } from "../lib/logger.js";
+import { j as o } from "../node_modules/swr/dist/_internal/config-context-12s-Dh3trQsc.js";
+const U = () => ({
   key: "7b0611d0051677eed996",
   cluster: "us2",
   encrypted: !0
 });
-function R({
-  appId: n,
+function C({
+  appId: c,
   pageId: s,
-  enabled: h = !0,
-  onUpdate: f
+  enabled: d = !0,
+  onUpdate: p
 }) {
-  const e = m(null), c = m(null);
-  return g(() => {
-    if (!h || !n || !s)
+  const e = g(null), u = g(null);
+  return $(() => {
+    if (!d || !c || !s)
       return;
-    const u = y(), p = new P(u.key, {
-      cluster: u.cluster,
-      forceTLS: u.encrypted
+    const i = U(), b = new v(i.key, {
+      cluster: i.cluster,
+      forceTLS: i.encrypted
     });
-    e.current = p;
-    const r = `${n}`;
-    console.log(`[Pusher] Subscribing to channel: ${r}`);
-    const o = p.subscribe(r);
-    c.current = o, o.bind("pusher:subscription_succeeded", () => {
-      console.log(
-        `[Pusher] Successfully subscribed to channel: ${r}`
-      );
-    }), o.bind("pusher:subscription_error", (i) => {
-      console.error(
-        `[Pusher] Subscription error for channel ${r}:`,
-        i
-      );
+    e.current = b;
+    const r = `${c}`;
+    n.debug("Subscribing to Pusher channel", { channelName: r });
+    const t = b.subscribe(r);
+    u.current = t, t.bind("pusher:subscription_succeeded", () => {
+      n.debug("Pusher subscription succeeded", { channelName: r });
+    }), t.bind("pusher:subscription_error", (l) => {
+      n.error("Pusher subscription error", { channelName: r, status: l });
     });
-    const l = (i) => {
-      console.log(`[Pusher] Update received for ${r}:`, i);
-      const $ = `${n}/draft/components/${s}`;
-      v($);
-      const d = `/devices/apps/${n}`, b = `/devices/apps/${n}/node/${s}`;
-      t(d).catch((a) => {
-        console.error("[Pusher] Error invalidating app cache:", a);
-      }), t(b).catch((a) => {
-        console.error("[Pusher] Error invalidating page cache:", a);
-      }), t(`${d}?useLocal=1`).catch(() => {
-      }), t(`${b}?useLocal=1`).catch(() => {
-      }), f?.();
+    const a = (l) => {
+      n.debug("Pusher update received", { channelName: r, data: l });
+      const P = `${c}/draft/components/${s}`;
+      y(P);
+      const f = `/devices/apps/${c}`, m = `/devices/apps/${c}/node/${s}`;
+      o(f).catch((h) => {
+        n.error("Error invalidating app cache", h);
+      }), o(m).catch((h) => {
+        n.error("Error invalidating page cache", h);
+      }), o(`${f}?useLocal=1`).catch(() => {
+      }), o(`${m}?useLocal=1`).catch(() => {
+      }), p?.();
     };
-    return o.bind("update", l), o.bind("component-updated", l), o.bind("app-updated", l), () => {
-      console.log(`[Pusher] Unsubscribing from channel: ${r}`), c.current && c.current.unbind_all(), c.current && e.current && e.current.unsubscribe(r), e.current && (e.current.disconnect(), e.current = null), c.current = null;
+    return t.bind("update", a), t.bind("component-updated", a), t.bind("app-updated", a), () => {
+      n.debug("Unsubscribing from Pusher channel", { channelName: r }), u.current && u.current.unbind_all(), u.current && e.current && e.current.unsubscribe(r), e.current && (e.current.disconnect(), e.current = null), u.current = null;
     };
-  }, [n, s, h, f]), {
-    channel: c.current,
+  }, [c, s, d, p]), {
+    channel: u.current,
     pusher: e.current
   };
 }
 export {
-  R as usePusherUpdates
+  C as usePusherUpdates
 };
 //# sourceMappingURL=usePusherUpdates.js.map

package/dist/hooks/usePusherUpdates.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePusherUpdates.js","sources":["../../src/hooks/usePusherUpdates.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\n\nimport Pusher from \"pusher-js\";\nimport { mutate } from \"swr\";\nimport { clearModuleCache } from \"../lib/moduleRegistry\";\n\ntype PusherConfig = {\n  key?: string;\n  cluster?: string;\n  encrypted?: boolean;\n};\n\ntype UsePusherUpdatesOptions = {\n  appId: string;\n  pageId?: string;\n  enabled?: boolean;\n  onUpdate?: () => void;\n};\n\n// Get Pusher config from environment variables\nconst getPusherConfig = (): PusherConfig => {\n  return {\n    key: \"7b0611d0051677eed996\",\n    cluster: \"us2\",\n    encrypted: true,\n  };\n};\n\n/**\n * Hook to listen for EncoreApp component updates via Pusher\n * Channel name format: `${appId}-${pageId}`\n * When an update event is received, it invalidates SWR cache and triggers a reload\n */\nexport function usePusherUpdates({\n  appId,\n  pageId,\n  enabled = true,\n  onUpdate,\n}: UsePusherUpdatesOptions) {\n  const pusherRef = useRef<Pusher | null>(null);\n  const channelRef = useRef<ReturnType<Pusher[\"subscribe\"]> | null>(null);\n\n  useEffect(() => {\n    // Only connect if enabled and we have both appId and pageId\n    if (!enabled || !appId || !pageId) {\n      return;\n    }\n\n    const config = getPusherConfig();\n\n    // Skip if Pusher key is not configured\n    if (!config.key) {\n      console.warn(\"[Pusher] not configured. Pusher updates disabled.\");\n      return;\n    }\n\n    // Initialize Pusher\n    const pusher = new Pusher(config.key, {\n      cluster: config.cluster || \"us2\",\n      forceTLS: config.encrypted,\n    });\n\n    pusherRef.current = pusher;\n\n    // Channel name format: appId-pageId (e.g., \"01KA23JMNBQ2V9NR7K0VXKT5TF-01KA23JMPBZSG2YRJ6M5X87SKJ\")\n    const channelName = `${appId}`;\n    console.log(`[Pusher] Subscribing to channel: ${channelName}`);\n\n    // Subscribe to the channel\n    const channel = pusher.subscribe(channelName);\n    channelRef.current = channel;\n\n    // Handle subscription success\n    channel.bind(\"pusher:subscription_succeeded\", () => {\n      console.log(\n        `[Pusher] Successfully subscribed to channel: ${channelName}`\n      );\n    });\n\n    // Handle subscription error\n    channel.bind(\"pusher:subscription_error\", (status: number) => {\n      console.error(\n        `[Pusher] Subscription error for channel ${channelName}:`,\n        status\n      );\n    });\n\n    // Listen for update events\n    // You can customize the event name based on your backend's Pusher event names\n    // Common event names: 'update', 'component-updated', 'app-updated', etc.\n    const handleUpdate = (data: unknown) => {\n      console.log(`[Pusher] Update received for ${channelName}:`, data);\n\n      // Clear the module cache for the component to force reload\n      const componentName = `${appId}/draft/components/${pageId}`;\n      clearModuleCache(componentName);\n\n      // Invalidate SWR cache for both app and page data\n      const appUrl = `/devices/apps/${appId}`;\n      const pageUrl = `/devices/apps/${appId}/node/${pageId}`;\n\n      // Mutate both URLs to trigger refetch\n      mutate(appUrl).catch((err) => {\n        console.error(\"[Pusher] Error invalidating app cache:\", err);\n      });\n      mutate(pageUrl).catch((err) => {\n        console.error(\"[Pusher] Error invalidating page cache:\", err);\n      });\n\n      // Also invalidate URLs with useLocal query param if they exist\n      mutate(`${appUrl}?useLocal=1`).catch(() => {\n        // Ignore errors for optional URLs\n      });\n      mutate(`${pageUrl}?useLocal=1`).catch(() => {\n        // Ignore errors for optional URLs\n      });\n\n      // Call the onUpdate callback if provided\n      onUpdate?.();\n    };\n\n    // Bind to update events\n    // Adjust the event name(s) based on what your backend sends\n    channel.bind(\"update\", handleUpdate);\n    channel.bind(\"component-updated\", handleUpdate);\n    channel.bind(\"app-updated\", handleUpdate);\n\n    // Cleanup function\n    return () => {\n      console.log(`[Pusher] Unsubscribing from channel: ${channelName}`);\n\n      // Unbind all event handlers\n      if (channelRef.current) {\n        channelRef.current.unbind_all();\n      }\n\n      // Unsubscribe from channel\n      if (channelRef.current && pusherRef.current) {\n        pusherRef.current.unsubscribe(channelName);\n      }\n\n      // Disconnect Pusher if no other channels are subscribed\n      if (pusherRef.current) {\n        pusherRef.current.disconnect();\n        pusherRef.current = null;\n      }\n\n      channelRef.current = null;\n    };\n  }, [appId, pageId, enabled, onUpdate]);\n\n  // Return channel ref for advanced usage\n  return {\n    channel: channelRef.current,\n    pusher: pusherRef.current,\n  };\n}\n"],"names":["getPusherConfig","usePusherUpdates","appId","pageId","enabled","onUpdate","pusherRef","useRef","channelRef","useEffect","config","pusher","Pusher","channelName","channel","status","handleUpdate","data","componentName","clearModuleCache","appUrl","pageUrl","mutate","err"],"mappings":";;;;AAqBA,MAAMA,IAAkB,OACf;AAAA,EACL,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AAAA;AASR,SAASC,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAYC,EAAsB,IAAI,GACtCC,IAAaD,EAA+C,IAAI;AAEtE,SAAAE,EAAU,MAAM;AAEd,QAAI,CAACL,KAAW,CAACF,KAAS,CAACC;AACzB;AAGF,UAAMO,IAASV,EAAA,GASTW,IAAS,IAAIC,EAAOF,EAAO,KAAK;AAAA,MACpC,SAASA,EAAO;AAAA,MAChB,UAAUA,EAAO;AAAA,IAAA,CAClB;AAED,IAAAJ,EAAU,UAAUK;AAGpB,UAAME,IAAc,GAAGX,CAAK;AAC5B,YAAQ,IAAI,oCAAoCW,CAAW,EAAE;AAG7D,UAAMC,IAAUH,EAAO,UAAUE,CAAW;AAC5C,IAAAL,EAAW,UAAUM,GAGrBA,EAAQ,KAAK,iCAAiC,MAAM;AAClD,cAAQ;AAAA,QACN,gDAAgDD,CAAW;AAAA,MAAA;AAAA,IAE/D,CAAC,GAGDC,EAAQ,KAAK,6BAA6B,CAACC,MAAmB;AAC5D,cAAQ;AAAA,QACN,2CAA2CF,CAAW;AAAA,QACtDE;AAAA,MAAA;AAAA,IAEJ,CAAC;AAKD,UAAMC,IAAe,CAACC,MAAkB;AACtC,cAAQ,IAAI,gCAAgCJ,CAAW,KAAKI,CAAI;AAGhE,YAAMC,IAAgB,GAAGhB,CAAK,qBAAqBC,CAAM;AACzD,MAAAgB,EAAiBD,CAAa;AAG9B,YAAME,IAAS,iBAAiBlB,CAAK,IAC/BmB,IAAU,iBAAiBnB,CAAK,SAASC,CAAM;AAGrD,MAAAmB,EAAOF,CAAM,EAAE,MAAM,CAACG,MAAQ;AAC5B,gBAAQ,MAAM,0CAA0CA,CAAG;AAAA,MAC7D,CAAC,GACDD,EAAOD,CAAO,EAAE,MAAM,CAACE,MAAQ;AAC7B,gBAAQ,MAAM,2CAA2CA,CAAG;AAAA,MAC9D,CAAC,GAGDD,EAAO,GAAGF,CAAM,aAAa,EAAE,MAAM,MAAM;AAAA,MAE3C,CAAC,GACDE,EAAO,GAAGD,CAAO,aAAa,EAAE,MAAM,MAAM;AAAA,MAE5C,CAAC,GAGDhB,IAAA;AAAA,IACF;AAIA,WAAAS,EAAQ,KAAK,UAAUE,CAAY,GACnCF,EAAQ,KAAK,qBAAqBE,CAAY,GAC9CF,EAAQ,KAAK,eAAeE,CAAY,GAGjC,MAAM;AACX,cAAQ,IAAI,wCAAwCH,CAAW,EAAE,GAG7DL,EAAW,WACbA,EAAW,QAAQ,WAAA,GAIjBA,EAAW,WAAWF,EAAU,WAClCA,EAAU,QAAQ,YAAYO,CAAW,GAIvCP,EAAU,YACZA,EAAU,QAAQ,WAAA,GAClBA,EAAU,UAAU,OAGtBE,EAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAACN,GAAOC,GAAQC,GAASC,CAAQ,CAAC,GAG9B;AAAA,IACL,SAASG,EAAW;AAAA,IACpB,QAAQF,EAAU;AAAA,EAAA;AAEtB;"}
+{"version":3,"file":"usePusherUpdates.js","sources":["../../src/hooks/usePusherUpdates.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\n\nimport Pusher from \"pusher-js\";\nimport { mutate } from \"swr\";\nimport { clearModuleCache } from \"../lib/moduleRegistry\";\nimport logger from \"../lib/logger\";\n\ntype PusherConfig = {\n  key?: string;\n  cluster?: string;\n  encrypted?: boolean;\n};\n\ntype UsePusherUpdatesOptions = {\n  appId: string;\n  pageId?: string;\n  enabled?: boolean;\n  onUpdate?: () => void;\n};\n\n// Get Pusher config from environment variables\nconst getPusherConfig = (): PusherConfig => {\n  return {\n    key: \"7b0611d0051677eed996\",\n    cluster: \"us2\",\n    encrypted: true,\n  };\n};\n\n/**\n * Hook to listen for EncoreApp component updates via Pusher\n * Channel name format: `${appId}-${pageId}`\n * When an update event is received, it invalidates SWR cache and triggers a reload\n */\nexport function usePusherUpdates({\n  appId,\n  pageId,\n  enabled = true,\n  onUpdate,\n}: UsePusherUpdatesOptions) {\n  const pusherRef = useRef<Pusher | null>(null);\n  const channelRef = useRef<ReturnType<Pusher[\"subscribe\"]> | null>(null);\n\n  useEffect(() => {\n    // Only connect if enabled and we have both appId and pageId\n    if (!enabled || !appId || !pageId) {\n      return;\n    }\n\n    const config = getPusherConfig();\n\n    // Skip if Pusher key is not configured\n    if (!config.key) {\n      logger.warn('Pusher not configured - real-time updates disabled');\n      return;\n    }\n\n    // Initialize Pusher\n    const pusher = new Pusher(config.key, {\n      cluster: config.cluster || \"us2\",\n      forceTLS: config.encrypted,\n    });\n\n    pusherRef.current = pusher;\n\n    // Channel name format: appId (e.g., \"01KA23JMNBQ2V9NR7K0VXKT5TF\")\n    const channelName = `${appId}`;\n    logger.debug('Subscribing to Pusher channel', { channelName });\n\n    // Subscribe to the channel\n    const channel = pusher.subscribe(channelName);\n    channelRef.current = channel;\n\n    // Handle subscription success\n    channel.bind(\"pusher:subscription_succeeded\", () => {\n      logger.debug('Pusher subscription succeeded', { channelName });\n    });\n\n    // Handle subscription error\n    channel.bind(\"pusher:subscription_error\", (status: number) => {\n      logger.error('Pusher subscription error', { channelName, status });\n    });\n\n    // Listen for update events\n    // Common event names: 'update', 'component-updated', 'app-updated'\n    const handleUpdate = (data: unknown) => {\n      logger.debug('Pusher update received', { channelName, data });\n\n      // Clear the module cache for the component to force reload\n      const componentName = `${appId}/draft/components/${pageId}`;\n      clearModuleCache(componentName);\n\n      // Invalidate SWR cache for both app and page data\n      const appUrl = `/devices/apps/${appId}`;\n      const pageUrl = `/devices/apps/${appId}/node/${pageId}`;\n\n      // Mutate both URLs to trigger refetch\n      mutate(appUrl).catch((err) => {\n        logger.error('Error invalidating app cache', err);\n      });\n      mutate(pageUrl).catch((err) => {\n        logger.error('Error invalidating page cache', err);\n      });\n\n      // Also invalidate URLs with useLocal query param\n      mutate(`${appUrl}?useLocal=1`).catch(() => {});\n      mutate(`${pageUrl}?useLocal=1`).catch(() => {});\n\n      // Call the onUpdate callback if provided\n      onUpdate?.();\n    };\n\n    // Bind to update events\n    // Adjust the event name(s) based on what your backend sends\n    channel.bind(\"update\", handleUpdate);\n    channel.bind(\"component-updated\", handleUpdate);\n    channel.bind(\"app-updated\", handleUpdate);\n\n    // Cleanup function\n    return () => {\n      logger.debug('Unsubscribing from Pusher channel', { channelName });\n\n      // Unbind all event handlers\n      if (channelRef.current) {\n        channelRef.current.unbind_all();\n      }\n\n      // Unsubscribe from channel\n      if (channelRef.current && pusherRef.current) {\n        pusherRef.current.unsubscribe(channelName);\n      }\n\n      // Disconnect Pusher if no other channels are subscribed\n      if (pusherRef.current) {\n        pusherRef.current.disconnect();\n        pusherRef.current = null;\n      }\n\n      channelRef.current = null;\n    };\n  }, [appId, pageId, enabled, onUpdate]);\n\n  // Return channel ref for advanced usage\n  return {\n    channel: channelRef.current,\n    pusher: pusherRef.current,\n  };\n}\n"],"names":["getPusherConfig","usePusherUpdates","appId","pageId","enabled","onUpdate","pusherRef","useRef","channelRef","useEffect","config","pusher","Pusher","channelName","logger","channel","status","handleUpdate","data","componentName","clearModuleCache","appUrl","pageUrl","mutate","err"],"mappings":";;;;;AAsBA,MAAMA,IAAkB,OACf;AAAA,EACL,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AAAA;AASR,SAASC,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAYC,EAAsB,IAAI,GACtCC,IAAaD,EAA+C,IAAI;AAEtE,SAAAE,EAAU,MAAM;AAEd,QAAI,CAACL,KAAW,CAACF,KAAS,CAACC;AACzB;AAGF,UAAMO,IAASV,EAAA,GASTW,IAAS,IAAIC,EAAOF,EAAO,KAAK;AAAA,MACpC,SAASA,EAAO;AAAA,MAChB,UAAUA,EAAO;AAAA,IAAA,CAClB;AAED,IAAAJ,EAAU,UAAUK;AAGpB,UAAME,IAAc,GAAGX,CAAK;AAC5B,IAAAY,EAAO,MAAM,iCAAiC,EAAE,aAAAD,EAAA,CAAa;AAG7D,UAAME,IAAUJ,EAAO,UAAUE,CAAW;AAC5C,IAAAL,EAAW,UAAUO,GAGrBA,EAAQ,KAAK,iCAAiC,MAAM;AAClD,MAAAD,EAAO,MAAM,iCAAiC,EAAE,aAAAD,EAAA,CAAa;AAAA,IAC/D,CAAC,GAGDE,EAAQ,KAAK,6BAA6B,CAACC,MAAmB;AAC5D,MAAAF,EAAO,MAAM,6BAA6B,EAAE,aAAAD,GAAa,QAAAG,GAAQ;AAAA,IACnE,CAAC;AAID,UAAMC,IAAe,CAACC,MAAkB;AACtC,MAAAJ,EAAO,MAAM,0BAA0B,EAAE,aAAAD,GAAa,MAAAK,GAAM;AAG5D,YAAMC,IAAgB,GAAGjB,CAAK,qBAAqBC,CAAM;AACzD,MAAAiB,EAAiBD,CAAa;AAG9B,YAAME,IAAS,iBAAiBnB,CAAK,IAC/BoB,IAAU,iBAAiBpB,CAAK,SAASC,CAAM;AAGrD,MAAAoB,EAAOF,CAAM,EAAE,MAAM,CAACG,MAAQ;AAC5B,QAAAV,EAAO,MAAM,gCAAgCU,CAAG;AAAA,MAClD,CAAC,GACDD,EAAOD,CAAO,EAAE,MAAM,CAACE,MAAQ;AAC7B,QAAAV,EAAO,MAAM,iCAAiCU,CAAG;AAAA,MACnD,CAAC,GAGDD,EAAO,GAAGF,CAAM,aAAa,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC,GAC7CE,EAAO,GAAGD,CAAO,aAAa,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC,GAG9CjB,IAAA;AAAA,IACF;AAIA,WAAAU,EAAQ,KAAK,UAAUE,CAAY,GACnCF,EAAQ,KAAK,qBAAqBE,CAAY,GAC9CF,EAAQ,KAAK,eAAeE,CAAY,GAGjC,MAAM;AACX,MAAAH,EAAO,MAAM,qCAAqC,EAAE,aAAAD,EAAA,CAAa,GAG7DL,EAAW,WACbA,EAAW,QAAQ,WAAA,GAIjBA,EAAW,WAAWF,EAAU,WAClCA,EAAU,QAAQ,YAAYO,CAAW,GAIvCP,EAAU,YACZA,EAAU,QAAQ,WAAA,GAClBA,EAAU,UAAU,OAGtBE,EAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAACN,GAAOC,GAAQC,GAASC,CAAQ,CAAC,GAG9B;AAAA,IACL,SAASG,EAAW;AAAA,IACpB,QAAQF,EAAU;AAAA,EAAA;AAEtB;"}

package/dist/hooks/useRepeatingContainers.js

@@ -0,0 +1,79 @@
+import { useState as b, useEffect as d, useCallback as u, useMemo as x } from "react";
+function k(s) {
+  const [i, p] = b(/* @__PURE__ */ new Map()), [a, f] = b(/* @__PURE__ */ new Map());
+  d(() => {
+    s && f((e) => {
+      let t = !1;
+      if (e.size !== Object.keys(s).length)
+        t = !0;
+      else
+        for (const [n, r] of Object.entries(s)) {
+          const c = e.get(n);
+          if (!c) {
+            t = !0;
+            break;
+          }
+          if (c.currentIndex !== r.currentIndex || c.onIndexChange !== r.onIndexChange) {
+            t = !0;
+            break;
+          }
+        }
+      if (!t) return e;
+      const o = /* @__PURE__ */ new Map();
+      return Object.entries(s).forEach(([n, r]) => {
+        o.set(n, r);
+      }), o;
+    });
+  }, [s]);
+  const g = u(
+    (e, t) => {
+      p((o) => {
+        const n = new Map(o);
+        return n.set(e, t), n;
+      });
+    },
+    []
+  ), M = u((e) => {
+    p((t) => {
+      const o = new Map(t);
+      return o.delete(e), o;
+    });
+  }, []), C = u(
+    (e) => i.get(e),
+    [i]
+  ), l = u(
+    (e, t) => {
+      f((o) => {
+        const n = new Map(o), r = n.get(e) || {}, c = typeof t == "function" ? t(r) : t;
+        return n.set(e, c), n;
+      });
+    },
+    []
+  ), w = u(
+    (e) => a.get(e),
+    [a]
+  );
+  return x(
+    () => ({
+      registerContainer: g,
+      unregisterContainer: M,
+      getControl: C,
+      setControlProps: l,
+      getControlProps: w,
+      // Include size to trigger re-renders when it changes
+      _propsVersion: a.size
+    }),
+    [
+      g,
+      M,
+      C,
+      l,
+      w,
+      a.size
+    ]
+  );
+}
+export {
+  k as useRepeatingContainers
+};
+//# sourceMappingURL=useRepeatingContainers.js.map

package/dist/hooks/useRepeatingContainers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeatingContainers.js","sources":["../../src/hooks/useRepeatingContainers.ts"],"sourcesContent":["/**\n * Custom hook for managing repeating container controls\n *\n * Handles slider/list index management and synchronization between\n * parent-provided controls and internal component state.\n */\n\nimport { useState, useCallback, useMemo, useEffect } from \"react\";\n\nimport type { RepeatingContainerControl } from \"../contexts/EncoreRepeatingContainerContext\";\n\ninterface ContainerControlProps {\n  currentIndex?: number;\n  onIndexChange?: (index: number) => void;\n}\n\n/**\n * Manages repeating container (slider/list) controls\n *\n * @param externalControls - Optional controls passed from parent component\n * @returns Context value for EncoreRepeatingContainerContext\n *\n * @example\n * const containerContextValue = useRepeatingContainers(repeatingContainerControls);\n * <EncoreRepeatingContainerContext.Provider value={containerContextValue}>\n */\nexport function useRepeatingContainers(\n  externalControls?: Record<string, ContainerControlProps>\n) {\n  const [containerControls, setContainerControls] = useState<\n    Map<string, RepeatingContainerControl>\n  >(new Map());\n\n  const [controlPropsMap, setControlPropsMap] = useState<\n    Map<string, ContainerControlProps>\n  >(new Map());\n\n  // Update control props from external prop\n  useEffect(() => {\n    if (externalControls) {\n      setControlPropsMap((prev) => {\n        // Check if content actually changed to avoid unnecessary updates\n        let changed = false;\n        if (prev.size !== Object.keys(externalControls).length) {\n          changed = true;\n        } else {\n          for (const [id, props] of Object.entries(externalControls)) {\n            const prevProps = prev.get(id);\n            if (!prevProps) {\n              changed = true;\n              break;\n            }\n            if (\n              prevProps.currentIndex !== props.currentIndex ||\n              prevProps.onIndexChange !== props.onIndexChange\n            ) {\n              changed = true;\n              break;\n            }\n          }\n        }\n\n        if (!changed) return prev;\n\n        const newMap = new Map();\n        Object.entries(externalControls).forEach(([id, props]) => {\n          newMap.set(id, props);\n        });\n        return newMap;\n      });\n    }\n  }, [externalControls]);\n\n  const registerContainer = useCallback(\n    (id: string, control: RepeatingContainerControl) => {\n      setContainerControls((prev) => {\n        const next = new Map(prev);\n        next.set(id, control);\n        return next;\n      });\n    },\n    []\n  );\n\n  const unregisterContainer = useCallback((id: string) => {\n    setContainerControls((prev) => {\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const getControl = useCallback(\n    (id: string) => {\n      return containerControls.get(id);\n    },\n    [containerControls]\n  );\n\n  const setControlProps = useCallback(\n    (\n      id: string,\n      props:\n        | ContainerControlProps\n        | ((prev: ContainerControlProps) => ContainerControlProps)\n    ) => {\n      setControlPropsMap((prev) => {\n        const next = new Map(prev);\n        const current = next.get(id) || {};\n        const newProps = typeof props === \"function\" ? props(current) : props;\n        next.set(id, newProps);\n        return next;\n      });\n    },\n    []\n  );\n\n  const getControlProps = useCallback(\n    (id: string) => {\n      return controlPropsMap.get(id);\n    },\n    [controlPropsMap]\n  );\n\n  // Create context value - changes when controlPropsMap changes\n  const contextValue = useMemo(\n    () => ({\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      // Include size to trigger re-renders when it changes\n      _propsVersion: controlPropsMap.size,\n    }),\n    [\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      controlPropsMap.size,\n    ]\n  );\n\n  return contextValue;\n}\n"],"names":["useRepeatingContainers","externalControls","containerControls","setContainerControls","useState","controlPropsMap","setControlPropsMap","useEffect","prev","changed","id","props","prevProps","newMap","registerContainer","useCallback","control","next","unregisterContainer","getControl","setControlProps","current","newProps","getControlProps","useMemo"],"mappings":";AA0BO,SAASA,EACdC,GACA;AACA,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAEhD,oBAAI,KAAK,GAEL,CAACC,GAAiBC,CAAkB,IAAIF,EAE5C,oBAAI,KAAK;AAGX,EAAAG,EAAU,MAAM;AACd,IAAIN,KACFK,EAAmB,CAACE,MAAS;AAE3B,UAAIC,IAAU;AACd,UAAID,EAAK,SAAS,OAAO,KAAKP,CAAgB,EAAE;AAC9C,QAAAQ,IAAU;AAAA;AAEV,mBAAW,CAACC,GAAIC,CAAK,KAAK,OAAO,QAAQV,CAAgB,GAAG;AAC1D,gBAAMW,IAAYJ,EAAK,IAAIE,CAAE;AAC7B,cAAI,CAACE,GAAW;AACd,YAAAH,IAAU;AACV;AAAA,UACF;AACA,cACEG,EAAU,iBAAiBD,EAAM,gBACjCC,EAAU,kBAAkBD,EAAM,eAClC;AACA,YAAAF,IAAU;AACV;AAAA,UACF;AAAA,QACF;AAGF,UAAI,CAACA,EAAS,QAAOD;AAErB,YAAMK,wBAAa,IAAA;AACnB,oBAAO,QAAQZ,CAAgB,EAAE,QAAQ,CAAC,CAACS,GAAIC,CAAK,MAAM;AACxD,QAAAE,EAAO,IAAIH,GAAIC,CAAK;AAAA,MACtB,CAAC,GACME;AAAA,IACT,CAAC;AAAA,EAEL,GAAG,CAACZ,CAAgB,CAAC;AAErB,QAAMa,IAAoBC;AAAA,IACxB,CAACL,GAAYM,MAAuC;AAClD,MAAAb,EAAqB,CAACK,MAAS;AAC7B,cAAMS,IAAO,IAAI,IAAIT,CAAI;AACzB,eAAAS,EAAK,IAAIP,GAAIM,CAAO,GACbC;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAsBH,EAAY,CAACL,MAAe;AACtD,IAAAP,EAAqB,CAACK,MAAS;AAC7B,YAAMS,IAAO,IAAI,IAAIT,CAAI;AACzB,aAAAS,EAAK,OAAOP,CAAE,GACPO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECE,IAAaJ;AAAA,IACjB,CAACL,MACQR,EAAkB,IAAIQ,CAAE;AAAA,IAEjC,CAACR,CAAiB;AAAA,EAAA,GAGdkB,IAAkBL;AAAA,IACtB,CACEL,GACAC,MAGG;AACH,MAAAL,EAAmB,CAACE,MAAS;AAC3B,cAAMS,IAAO,IAAI,IAAIT,CAAI,GACnBa,IAAUJ,EAAK,IAAIP,CAAE,KAAK,CAAA,GAC1BY,IAAW,OAAOX,KAAU,aAAaA,EAAMU,CAAO,IAAIV;AAChE,eAAAM,EAAK,IAAIP,GAAIY,CAAQ,GACdL;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAA;AAAA,EAAC,GAGGM,IAAkBR;AAAA,IACtB,CAACL,MACQL,EAAgB,IAAIK,CAAE;AAAA,IAE/B,CAACL,CAAe;AAAA,EAAA;AAwBlB,SApBqBmB;AAAA,IACnB,OAAO;AAAA,MACL,mBAAAV;AAAA,MACA,qBAAAI;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,iBAAAG;AAAA;AAAA,MAEA,eAAelB,EAAgB;AAAA,IAAA;AAAA,IAEjC;AAAA,MACES;AAAA,MACAI;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAlB,EAAgB;AAAA,IAAA;AAAA,EAClB;AAIJ;"}

package/dist/index.js

@@ -1,36 +1,35 @@
 import { default as n } from "./components/EncoreApp.js";
 import { default as a } from "./components/EncoreErrorBoundary.js";
-import { default as d } from "./components/EncoreLoadingFallback.js";
+import { default as p } from "./components/EncoreLoadingFallback.js";
 import { default as i } from "./contexts/EncoreAppContext.js";
 import { default as m } from "./contexts/EncoreBindingContext.js";
-import { default as l } from "./stores/useEncoreState.js";
+import { default as u } from "./stores/useEncoreState.js";
 import { PACKAGE_VERSION as g } from "./version.js";
-import { arraysEqual as x, findActionButtons as E, findForms as C, findInputGroups as A, findMinimalDistinguishingPath as P, findSlidersAndDataBindings as S, findStandaloneComponents as y, findStandaloneSelectInputs as B, generateQualifiedPropName as I, getComponentPropName as N, getComponentPropType as F, qualifyFormInputs as L, sanitizePropName as b } from "./codegen/parser.js";
-import { generateComponentCode as q, generateComponentMetadata as D, generateReadme as G } from "./codegen/generator.js";
-console.log("Encore Lib Loaded");
+import { arraysEqual as E, findActionButtons as c, findForms as C, findInputGroups as A, findMinimalDistinguishingPath as P, findSlidersAndDataBindings as S, findStandaloneComponents as y, findStandaloneSelectInputs as B, generateQualifiedPropName as I, getComponentPropName as N, getComponentPropType as F, qualifyFormInputs as h, sanitizePropName as q } from "./codegen/parser.js";
+import { generateComponentCode as G, generateComponentMetadata as M, generateReadme as R } from "./codegen/generator.js";
 export {
   n as EncoreApp,
   i as EncoreAppContext,
   m as EncoreBindingContext,
   a as EncoreErrorBoundary,
-  d as EncoreLoadingFallback,
+  p as EncoreLoadingFallback,
   g as PACKAGE_VERSION,
-  x as arraysEqual,
-  E as findActionButtons,
+  E as arraysEqual,
+  c as findActionButtons,
   C as findForms,
   A as findInputGroups,
   P as findMinimalDistinguishingPath,
   S as findSlidersAndDataBindings,
   y as findStandaloneComponents,
   B as findStandaloneSelectInputs,
-  q as generateComponentCode,
-  D as generateComponentMetadata,
+  G as generateComponentCode,
+  M as generateComponentMetadata,
   I as generateQualifiedPropName,
-  G as generateReadme,
+  R as generateReadme,
   N as getComponentPropName,
   F as getComponentPropType,
-  L as qualifyFormInputs,
-  b as sanitizePropName,
-  l as useEncoreState
+  h as qualifyFormInputs,
+  q as sanitizePropName,
+  u as useEncoreState
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["console.log(\"Encore Lib Loaded\");\nimport EncoreApp from \"./components/EncoreApp\";\nimport EncoreErrorBoundary from \"./components/EncoreErrorBoundary\";\nimport EncoreLoadingFallback from \"./components/EncoreLoadingFallback\";\nimport EncoreAppContext from \"./contexts/EncoreAppContext\";\nimport EncoreBindingContext from \"./contexts/EncoreBindingContext\";\nimport useEncoreState from \"./stores/useEncoreState\";\nimport { PACKAGE_VERSION } from \"./version\";\n\nexport {\n  EncoreApp,\n  EncoreErrorBoundary,\n  EncoreLoadingFallback,\n  EncoreAppContext,\n  EncoreBindingContext,\n  useEncoreState,\n  PACKAGE_VERSION,\n};\n\nexport * from \"./codegen\";\n"],"names":[],"mappings":";;;;;;;;;AAAA,QAAQ,IAAI,mBAAmB;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/lib/dataPatching.js

@@ -0,0 +1,24 @@
+import { logger as e } from "./logger.js";
+function f(l) {
+  if (!l) return l;
+  const r = (t) => {
+    if (!(!t || typeof t != "object")) {
+      if (t.children && Array.isArray(t.children) && t.children.length > 1) {
+        let i = 0, s = 0;
+        t.children.forEach((h) => {
+          h.style?.width && (i += h.style.width, s++);
+        }), (Math.abs(i - 100) < 1 || Math.abs(i - 375) < 5) && s >= 2 && (t.style || (t.style = {}), t.style.layout || (t.style.layout = {}), t.style.layout.mode || (e.debug("Layout patch applied", {
+          nodeId: t.id,
+          childrenCount: s,
+          totalWidth: i
+        }), t.style.layout.mode = "HORIZONTAL", t.style.layout.primaryAxisAlignItems = "flex-start", t.style.layout.counterAxisAlignItems = "flex-start"));
+      }
+      t.children && (Array.isArray(t.children) ? t.children.forEach(r) : r(t.children));
+    }
+  };
+  return r(l), l;
+}
+export {
+  f as patchPageData
+};
+//# sourceMappingURL=dataPatching.js.map

package/dist/lib/dataPatching.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPatching.js","sources":["../../src/lib/dataPatching.ts"],"sourcesContent":["/**\n * Data patching utilities for fixing layout and component issues\n *\n * Applies heuristic-based fixes to page data to correct common layout problems\n * that occur during the Figma-to-Encore conversion process.\n */\n\nimport logger from \"./logger\";\n\n/**\n * Recursively patches page data to fix layout issues\n *\n * Current heuristics:\n * 1. Horizontal layout detection - If children widths sum to ~100% or ~375px,\n *    force HORIZONTAL layout mode to prevent vertical stacking\n *\n * @param clientData - The client data object from page definition\n * @returns Patched client data (mutates in place)\n */\nexport function patchPageData(clientData: any): any {\n  if (!clientData) return clientData;\n\n  const patchNode = (node: any) => {\n    if (!node || typeof node !== \"object\") return;\n\n    // Heuristic: If children widths sum to ~100% or ~375px, force HORIZONTAL layout\n    if (\n      node.children &&\n      Array.isArray(node.children) &&\n      node.children.length > 1\n    ) {\n      let totalWidth = 0;\n      let childrenWithWidth = 0;\n\n      node.children.forEach((child: any) => {\n        if (child.style?.width) {\n          // Width might be percentage (sums to 100) or pixels (sums to 375)\n          totalWidth += child.style.width;\n          childrenWithWidth++;\n        }\n      });\n\n      // Check if widths sum to full width (100% or 375px)\n      const isFullWidthRow =\n        (Math.abs(totalWidth - 100) < 1 || Math.abs(totalWidth - 375) < 5) &&\n        childrenWithWidth >= 2;\n\n      if (isFullWidthRow) {\n        if (!node.style) node.style = {};\n        if (!node.style.layout) node.style.layout = {};\n\n        // Only apply if mode is missing or undefined\n        if (!node.style.layout.mode) {\n          logger.debug('Layout patch applied', {\n            nodeId: node.id,\n            childrenCount: childrenWithWidth,\n            totalWidth\n          });\n          node.style.layout.mode = \"HORIZONTAL\";\n          node.style.layout.primaryAxisAlignItems = \"flex-start\";\n          node.style.layout.counterAxisAlignItems = \"flex-start\";\n        }\n      }\n    }\n\n    // Recurse through children\n    if (node.children) {\n      if (Array.isArray(node.children)) {\n        node.children.forEach(patchNode);\n      } else {\n        patchNode(node.children);\n      }\n    }\n  };\n\n  patchNode(clientData);\n  return clientData;\n}\n"],"names":["patchPageData","clientData","patchNode","node","totalWidth","childrenWithWidth","child","logger"],"mappings":";AAmBO,SAASA,EAAcC,GAAsB;AAClD,MAAI,CAACA,EAAY,QAAOA;AAExB,QAAMC,IAAY,CAACC,MAAc;AAC/B,QAAI,GAACA,KAAQ,OAAOA,KAAS,WAG7B;AAAA,UACEA,EAAK,YACL,MAAM,QAAQA,EAAK,QAAQ,KAC3BA,EAAK,SAAS,SAAS,GACvB;AACA,YAAIC,IAAa,GACbC,IAAoB;AAExB,QAAAF,EAAK,SAAS,QAAQ,CAACG,MAAe;AACpC,UAAIA,EAAM,OAAO,UAEfF,KAAcE,EAAM,MAAM,OAC1BD;AAAA,QAEJ,CAAC,IAIE,KAAK,IAAID,IAAa,GAAG,IAAI,KAAK,KAAK,IAAIA,IAAa,GAAG,IAAI,MAChEC,KAAqB,MAGhBF,EAAK,UAAOA,EAAK,QAAQ,CAAA,IACzBA,EAAK,MAAM,WAAQA,EAAK,MAAM,SAAS,CAAA,IAGvCA,EAAK,MAAM,OAAO,SACrBI,EAAO,MAAM,wBAAwB;AAAA,UACnC,QAAQJ,EAAK;AAAA,UACb,eAAeE;AAAA,UACf,YAAAD;AAAA,QAAA,CACD,GACDD,EAAK,MAAM,OAAO,OAAO,cACzBA,EAAK,MAAM,OAAO,wBAAwB,cAC1CA,EAAK,MAAM,OAAO,wBAAwB;AAAA,MAGhD;AAGA,MAAIA,EAAK,aACH,MAAM,QAAQA,EAAK,QAAQ,IAC7BA,EAAK,SAAS,QAAQD,CAAS,IAE/BA,EAAUC,EAAK,QAAQ;AAAA;AAAA,EAG7B;AAEA,SAAAD,EAAUD,CAAU,GACbA;AACT;"}

package/dist/lib/dynamicModules.js

@@ -1,25 +1,26 @@
-import f from "./packages.js";
-import { isLocalMode as p } from "./localMode.js";
-import { CONST_COMPONENTS_CDN_URL as E } from "../packages/encore-lib/constants.js";
-import { haveModule as $, getModuleExports as h, registerModule as y } from "./moduleRegistry.js";
-import { clearModuleCache as b } from "./moduleRegistry.js";
+import p from "./packages.js";
+import { isLocalMode as h } from "./localMode.js";
+import { CONST_COMPONENTS_CDN_URL as _ } from "../packages/encore-lib/constants.js";
+import { haveModule as $, getModuleExports as g, registerModule as w } from "./moduleRegistry.js";
+import { clearModuleCache as v } from "./moduleRegistry.js";
+import { logger as i } from "./logger.js";
 const M = {};
-Object.keys(f).forEach((t) => {
-  y(t, f[t]);
+Object.keys(p).forEach((t) => {
+  w(t, p[t]);
 });
-function g(t, s) {
-  return new Promise((i, m) => {
+function y(t, s) {
+  return new Promise((m, d) => {
     const r = (e, a) => {
       typeof e == "function" && (a = e, e = []), Promise.all(
         e.map(async (n) => n === "require" ? ((o) => {
           if (!$(o))
             throw new Error(`Module ${o} not found`);
-          return h(o);
-        }) : n === "exports" ? {} : ($(n) || await L(n), h(n)))
+          return g(o);
+        }) : n === "exports" ? {} : ($(n) || await x(n), g(n)))
       ).then((n) => {
-        const o = {}, l = a.apply(null, n) || o;
-        i({ default: l });
-      }).catch(m);
+        const o = {}, u = a.apply(null, n) || o;
+        m({ default: u });
+      }).catch(d);
     };
     r.amd = !0;
     try {
@@ -29,9 +30,9 @@ function g(t, s) {
         (n, o) => `t.createElement(e.SliderComponent,${o}`
       ), e = e.replace(
         /t\.createElement\("undefined",(\{[^}]*nodeData:\{([^}]*type:"([^"]+)")?[^}]*\}[^}]*\})/g,
-        (n, o, u, l) => {
-          const c = o.match(/type:"([^"]+)"/), d = c ? c[1] : null;
-          return `t.createElement(${d ? `(e["${d}"] || e.DefaultLayerComponent)` : "e.DefaultLayerComponent"},${o}`;
+        (n, o, l, u) => {
+          const c = o.match(/type:"([^"]+)"/), f = c ? c[1] : null;
+          return `t.createElement(${f ? `(e["${f}"] || e.DefaultLayerComponent)` : "e.DefaultLayerComponent"},${o}`;
         }
       ), e = e.replace(
         /t\.createElement\("undefined"/g,
@@ -44,7 +45,7 @@ function g(t, s) {
           ${e}
 //# sourceURL=dynamic-module://${t}.js
         } catch (error) {
-          console.error('[Module Evaluation Error]', {
+          console.error('[encore-lib] Module evaluation error', {
             moduleName: '${t}',
             error: error.message,
             stack: error.stack,
@@ -55,68 +56,66 @@ function g(t, s) {
         }
       `
       );
-      console.debug(`[Module Loading] Attempting to load module: ${t}`), a(r), console.debug(`[Module Loading] Successfully loaded module: ${t}`);
+      i.debug("Loading AMD module", { name: t }), a(r), i.debug("Module loaded successfully", { name: t });
     } catch (e) {
-      console.error("[Module Loading Failed]", {
+      i.error("Module loading failed", {
         moduleName: t,
-        error: e,
         errorType: e.constructor.name,
         message: e.message,
         stack: e.stack,
-        code: s.slice(0, 500) + (s.length > 500 ? "..." : "")
-        // Show first 500 chars of code
-      }), m(e);
+        codePreview: s.slice(0, 200) + (s.length > 200 ? "..." : "")
+      }), d(e);
     }
   });
 }
-async function _(t) {
-  if (console.log(`🔍 fetchDep called for ${t}. isLocalMode: ${p()}`), p()) {
+async function L(t) {
+  if (i.debug("Fetching dependency", { name: t, isLocal: h() }), h()) {
     const r = t.match(/^([^/]+)\/draft\/components\/([^/]+)$/);
     if (r) {
       const e = r[1], a = r[2], n = M?.VITE_FLEX_LAYOUT_ABS || null, o = [
         `/flex-layout/${e}/${a}.js`,
         n ? `/@fs/${n}/${e}/${a}.js` : null
-      ].filter(Boolean), u = [];
-      for (const l of o)
+      ].filter(Boolean), l = [];
+      for (const u of o)
         try {
-          const c = await fetch(l);
+          const c = await fetch(u);
           if (!c.ok) {
-            u.push(`${l}: ${c.status} ${c.statusText}`);
+            l.push(`${u}: ${c.status} ${c.statusText}`);
             continue;
           }
-          const d = await c.text();
-          return await g(
+          const f = await c.text();
+          return await y(
             `${e}/draft/components/${a}`,
-            d
+            f
           );
         } catch (c) {
-          u.push(`${l}: ${c.message || String(c)}`);
+          l.push(`${u}: ${c.message || String(c)}`);
         }
       throw new Error(
         `Local component not found for ${t}. Tried: ${o.join(
           ", "
-        )}. Errors: ${u.join("; ")}`
+        )}. Errors: ${l.join("; ")}`
       );
     }
   }
-  const s = Math.round(Date.now() / 1e3), i = `${E}/${t}.js?cacheBuster=${s}`;
-  console.log(`[Module Loading] Fetching remote component from: ${i}`);
-  const m = await fetch(i).then(async (r) => {
+  const s = Math.round(Date.now() / 1e3), m = `${_}/${t}.js?cacheBuster=${s}`;
+  i.debug("Fetching remote component", { url: m });
+  const d = await fetch(m).then(async (r) => {
     if (!r.ok)
       throw r.status === 403 ? new Error(
         `Error: Could not fetch component '${t}'. Try regenerating components.`
       ) : new Error(`Network error (${r.status}): ${await r.text()}`);
     return r.text();
   });
-  return await g(t, m);
+  return await y(t, d);
 }
-async function L(t) {
-  const s = await _(t);
-  y(t, () => ({ exports: s.default }));
+async function x(t) {
+  const s = await L(t);
+  w(t, () => ({ exports: s.default }));
 }
 export {
-  b as clearModuleCache,
-  _ as fetchDep,
-  g as loadAMDModule
+  v as clearModuleCache,
+  L as fetchDep,
+  y as loadAMDModule
 };
 //# sourceMappingURL=dynamicModules.js.map

package/dist/lib/dynamicModules.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamicModules.js","sources":["../../src/lib/dynamicModules.ts"],"sourcesContent":["import packages from \"./packages\";\nimport { isLocalMode } from \"./localMode\";\nimport { CONST_COMPONENTS_CDN_URL } from \"../../constants\";\nimport { registerModule, getModuleExports, haveModule } from \"./moduleRegistry\";\n\n// Initialize registry with default packages\nObject.keys(packages).forEach((p) => {\n  registerModule(p, packages[p]);\n});\n\nexport function loadAMDModule(name: string, code: string) {\n  return new Promise<any>((resolve, reject) => {\n    const define = (deps: string[], factory: (...va: unknown[]) => unknown) => {\n      if (typeof deps === \"function\") {\n        factory = deps;\n        deps = [];\n      }\n\n      Promise.all(\n        deps.map(async (dep) => {\n          if (dep === \"require\") {\n            // Return a mock require function for AMD modules\n            return ((id: string) => {\n              if (!haveModule(id)) {\n                throw new Error(`Module ${id} not found`);\n              }\n              return getModuleExports(id);\n            }) as typeof require;\n          }\n          if (dep === \"exports\") return {};\n          if (!haveModule(dep)) await fetchAndRegister(dep);\n          return getModuleExports(dep);\n        })\n      )\n        .then((resolvedDeps: unknown[]) => {\n          const exports = {};\n          const module = factory.apply(null, resolvedDeps);\n          const result = module || exports;\n          resolve({ default: result });\n        })\n        .catch(reject);\n    };\n\n    define.amd = true;\n\n    try {\n      // Patch code to replace hardcoded \"undefined\" component references\n      // This fixes remote component files that were generated before certain components existed\n      let patchedCode = code;\n\n      // Replace t.createElement(\"undefined\", props) for container:slider with e.SliderComponent\n      // Note: Components are passed as the second parameter 'e' in AMD modules: define([\"react\",\"@/bravo/components\"],(function(t,e){...}))\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\",(\\{[^}]*nodeData:\\{[^}]*type:\"container:slider\"[^}]*\\}[^}]*\\})/g,\n        (_match, propsStr) => {\n          return `t.createElement(e.SliderComponent,${propsStr}`;\n        }\n      );\n\n      // Fallback for any other undefined components - use the type-based lookup\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\",(\\{[^}]*nodeData:\\{([^}]*type:\"([^\"]+)\")?[^}]*\\}[^}]*\\})/g,\n        (_match, propsStr, _typeStr, _type) => {\n          const typeMatch = propsStr.match(/type:\"([^\"]+)\"/);\n          const componentType = typeMatch ? typeMatch[1] : null;\n          const componentLookup = componentType\n            ? `(e[\"${componentType}\"] || e.DefaultLayerComponent)`\n            : \"e.DefaultLayerComponent\";\n          return `t.createElement(${componentLookup},${propsStr}`;\n        }\n      );\n\n      // Final fallback for any remaining \"undefined\"\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\"/g,\n        \"t.createElement(e.DefaultLayerComponent\"\n      );\n\n      // Wrap with error boundary\n      // Note: Components are already passed as the second parameter 'e' via AMD dependencies,\n      // so we don't need to inject them separately\n      const wrapper = Function(\n        \"define\",\n        `\n        try {\n          ${patchedCode}\\n//# sourceURL=dynamic-module://${name}.js\n        } catch (error) {\n          console.error('[Module Evaluation Error]', {\n            moduleName: '${name}',\n            error: error.message,\n            stack: error.stack,\n            lineNumber: error.lineNumber,\n            columnNumber: error.columnNumber\n          });\n          throw error;\n        }\n      `\n      );\n\n      console.debug(`[Module Loading] Attempting to load module: ${name}`);\n      wrapper(define);\n      console.debug(`[Module Loading] Successfully loaded module: ${name}`);\n    } catch (e: any) {\n      // Enhanced error logging\n      console.error(\"[Module Loading Failed]\", {\n        moduleName: name,\n        error: e,\n        errorType: e.constructor.name,\n        message: e.message,\n        stack: e.stack,\n        code: code.slice(0, 500) + (code.length > 500 ? \"...\" : \"\"), // Show first 500 chars of code\n      });\n      reject(e);\n    }\n  });\n}\n\nexport async function fetchDep(name: string) {\n  // Local mode: map Encore component name to local JSX/JS under /flex-layout\n  console.log(`🔍 fetchDep called for ${name}. isLocalMode: ${isLocalMode()}`);\n  if (isLocalMode()) {\n    // Expecting `${appId}/draft/components/${pageId}`\n    const m = name.match(/^([^/]+)\\/draft\\/components\\/([^/]+)$/);\n    if (m) {\n      const appId = m[1];\n      const pageId = m[2];\n      // Load from public as AMD (do not import() public files; Vite forbids importing from /public)\n      const absBase = (import.meta as any)?.env?.VITE_FLEX_LAYOUT_ABS || null;\n      const candidates = [\n        `/flex-layout/${appId}/${pageId}.js`,\n        absBase ? `/@fs/${absBase}/${appId}/${pageId}.js` : null,\n      ].filter(Boolean) as string[];\n\n      // Fetch as text and evaluate via AMD define shim\n      const errors: string[] = [];\n      for (const url of candidates) {\n        try {\n          const response = await fetch(url);\n          if (!response.ok) {\n            errors.push(`${url}: ${response.status} ${response.statusText}`);\n            continue;\n          }\n          const code = await response.text();\n          const amd = await loadAMDModule(\n            `${appId}/draft/components/${pageId}`,\n            code\n          );\n          return amd;\n        } catch (e: any) {\n          errors.push(`${url}: ${e.message || String(e)}`);\n        }\n      }\n      throw new Error(\n        `Local component not found for ${name}. Tried: ${candidates.join(\n          \", \"\n        )}. Errors: ${errors.join(\"; \")}`\n      );\n    }\n  }\n  // Remote mode: use AMD loader\n  const cacheBuster = Math.round(Date.now() / 1000);\n  const url = `${CONST_COMPONENTS_CDN_URL}/${name}.js?cacheBuster=${cacheBuster}`;\n  console.log(`[Module Loading] Fetching remote component from: ${url}`);\n  const text = await fetch(url).then(async (a) => {\n    if (!a.ok) {\n      if (a.status === 403) {\n        throw new Error(\n          `Error: Could not fetch component '${name}'. Try regenerating components.`\n        );\n      } else {\n        throw new Error(`Network error (${a.status}): ${await a.text()}`);\n      }\n    }\n    return a.text();\n  });\n\n  return await loadAMDModule(name, text);\n  // } catch (error) {\n  //   return {\n  //     default() {\n  //       console.log(error);\n  //       throw new Error(\"Failed to render\");\n  //     },\n  //   };\n  // }\n}\n\nasync function fetchAndRegister(dep: string) {\n  const result = await fetchDep(dep);\n  registerModule(dep, () => ({ exports: result.default }));\n}\n\nexport { clearModuleCache } from \"./moduleRegistry\";\n"],"names":["packages","p","registerModule","loadAMDModule","name","code","resolve","reject","define","deps","factory","dep","id","haveModule","getModuleExports","fetchAndRegister","resolvedDeps","exports","result","patchedCode","_match","propsStr","_typeStr","_type","typeMatch","componentType","wrapper","fetchDep","isLocalMode","m","appId","pageId","absBase","__vite_import_meta_env__","candidates","errors","url","response","e","cacheBuster","CONST_COMPONENTS_CDN_URL","text","a"],"mappings":"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"}
+{"version":3,"file":"dynamicModules.js","sources":["../../src/lib/dynamicModules.ts"],"sourcesContent":["import packages from \"./packages\";\nimport { isLocalMode } from \"./localMode\";\nimport { CONST_COMPONENTS_CDN_URL } from \"../../constants\";\nimport { registerModule, getModuleExports, haveModule } from \"./moduleRegistry\";\nimport logger from \"./logger\";\n\n// Initialize registry with default packages\nObject.keys(packages).forEach((p) => {\n  registerModule(p, packages[p]);\n});\n\nexport function loadAMDModule(name: string, code: string) {\n  return new Promise<any>((resolve, reject) => {\n    const define = (deps: string[], factory: (...va: unknown[]) => unknown) => {\n      if (typeof deps === \"function\") {\n        factory = deps;\n        deps = [];\n      }\n\n      Promise.all(\n        deps.map(async (dep) => {\n          if (dep === \"require\") {\n            // Return a mock require function for AMD modules\n            return ((id: string) => {\n              if (!haveModule(id)) {\n                throw new Error(`Module ${id} not found`);\n              }\n              return getModuleExports(id);\n            }) as typeof require;\n          }\n          if (dep === \"exports\") return {};\n          if (!haveModule(dep)) await fetchAndRegister(dep);\n          return getModuleExports(dep);\n        })\n      )\n        .then((resolvedDeps: unknown[]) => {\n          const exports = {};\n          const module = factory.apply(null, resolvedDeps);\n          const result = module || exports;\n          resolve({ default: result });\n        })\n        .catch(reject);\n    };\n\n    define.amd = true;\n\n    try {\n      // Patch code to replace hardcoded \"undefined\" component references\n      // This fixes remote component files that were generated before certain components existed\n      let patchedCode = code;\n\n      // Replace t.createElement(\"undefined\", props) for container:slider with e.SliderComponent\n      // Note: Components are passed as the second parameter 'e' in AMD modules: define([\"react\",\"@/bravo/components\"],(function(t,e){...}))\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\",(\\{[^}]*nodeData:\\{[^}]*type:\"container:slider\"[^}]*\\}[^}]*\\})/g,\n        (_match, propsStr) => {\n          return `t.createElement(e.SliderComponent,${propsStr}`;\n        }\n      );\n\n      // Fallback for any other undefined components - use the type-based lookup\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\",(\\{[^}]*nodeData:\\{([^}]*type:\"([^\"]+)\")?[^}]*\\}[^}]*\\})/g,\n        (_match, propsStr, _typeStr, _type) => {\n          const typeMatch = propsStr.match(/type:\"([^\"]+)\"/);\n          const componentType = typeMatch ? typeMatch[1] : null;\n          const componentLookup = componentType\n            ? `(e[\"${componentType}\"] || e.DefaultLayerComponent)`\n            : \"e.DefaultLayerComponent\";\n          return `t.createElement(${componentLookup},${propsStr}`;\n        }\n      );\n\n      // Final fallback for any remaining \"undefined\"\n      patchedCode = patchedCode.replace(\n        /t\\.createElement\\(\"undefined\"/g,\n        \"t.createElement(e.DefaultLayerComponent\"\n      );\n\n      // Wrap with error boundary\n      // Note: Components are already passed as the second parameter 'e' via AMD dependencies,\n      // so we don't need to inject them separately\n      const wrapper = Function(\n        \"define\",\n        `\n        try {\n          ${patchedCode}\\n//# sourceURL=dynamic-module://${name}.js\n        } catch (error) {\n          console.error('[encore-lib] Module evaluation error', {\n            moduleName: '${name}',\n            error: error.message,\n            stack: error.stack,\n            lineNumber: error.lineNumber,\n            columnNumber: error.columnNumber\n          });\n          throw error;\n        }\n      `\n      );\n\n      logger.debug('Loading AMD module', { name });\n      wrapper(define);\n      logger.debug('Module loaded successfully', { name });\n    } catch (e: any) {\n      logger.error('Module loading failed', {\n        moduleName: name,\n        errorType: e.constructor.name,\n        message: e.message,\n        stack: e.stack,\n        codePreview: code.slice(0, 200) + (code.length > 200 ? \"...\" : \"\")\n      });\n      reject(e);\n    }\n  });\n}\n\nexport async function fetchDep(name: string) {\n  // Local mode: map Encore component name to local JSX/JS under /flex-layout\n  logger.debug('Fetching dependency', { name, isLocal: isLocalMode() });\n  if (isLocalMode()) {\n    // Expecting `${appId}/draft/components/${pageId}`\n    const m = name.match(/^([^/]+)\\/draft\\/components\\/([^/]+)$/);\n    if (m) {\n      const appId = m[1];\n      const pageId = m[2];\n      // Load from public as AMD (do not import() public files; Vite forbids importing from /public)\n      const absBase = (import.meta as any)?.env?.VITE_FLEX_LAYOUT_ABS || null;\n      const candidates = [\n        `/flex-layout/${appId}/${pageId}.js`,\n        absBase ? `/@fs/${absBase}/${appId}/${pageId}.js` : null,\n      ].filter(Boolean) as string[];\n\n      // Fetch as text and evaluate via AMD define shim\n      const errors: string[] = [];\n      for (const url of candidates) {\n        try {\n          const response = await fetch(url);\n          if (!response.ok) {\n            errors.push(`${url}: ${response.status} ${response.statusText}`);\n            continue;\n          }\n          const code = await response.text();\n          const amd = await loadAMDModule(\n            `${appId}/draft/components/${pageId}`,\n            code\n          );\n          return amd;\n        } catch (e: any) {\n          errors.push(`${url}: ${e.message || String(e)}`);\n        }\n      }\n      throw new Error(\n        `Local component not found for ${name}. Tried: ${candidates.join(\n          \", \"\n        )}. Errors: ${errors.join(\"; \")}`\n      );\n    }\n  }\n  // Remote mode: use AMD loader\n  const cacheBuster = Math.round(Date.now() / 1000);\n  const url = `${CONST_COMPONENTS_CDN_URL}/${name}.js?cacheBuster=${cacheBuster}`;\n  logger.debug('Fetching remote component', { url });\n  const text = await fetch(url).then(async (a) => {\n    if (!a.ok) {\n      if (a.status === 403) {\n        throw new Error(\n          `Error: Could not fetch component '${name}'. Try regenerating components.`\n        );\n      } else {\n        throw new Error(`Network error (${a.status}): ${await a.text()}`);\n      }\n    }\n    return a.text();\n  });\n\n  return await loadAMDModule(name, text);\n  // } catch (error) {\n  //   return {\n  //     default() {\n  //       console.log(error);\n  //       throw new Error(\"Failed to render\");\n  //     },\n  //   };\n  // }\n}\n\nasync function fetchAndRegister(dep: string) {\n  const result = await fetchDep(dep);\n  registerModule(dep, () => ({ exports: result.default }));\n}\n\nexport { clearModuleCache } from \"./moduleRegistry\";\n"],"names":["packages","p","registerModule","loadAMDModule","name","code","resolve","reject","define","deps","factory","dep","id","haveModule","getModuleExports","fetchAndRegister","resolvedDeps","exports","result","patchedCode","_match","propsStr","_typeStr","_type","typeMatch","componentType","wrapper","logger","fetchDep","isLocalMode","m","appId","pageId","absBase","__vite_import_meta_env__","candidates","errors","url","response","e","cacheBuster","CONST_COMPONENTS_CDN_URL","text","a"],"mappings":"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"}