@bravostudioai/react 0.1.30 → 0.1.32

package/dist/components/EncoreApp.js

@@ -1,336 +1,203 @@
-import { jsx as a } from "react/jsx-runtime";
-import Z from "../node_modules/swr/dist/index/index.js";
-import z from "../lib/fetcher.js";
-import p from "../stores/useEncoreState.js";
-import le, { useRef as Y, useEffect as i, useState as O, useCallback as m, useMemo as ie, Suspense as pe } from "react";
-import { setLocalModeOverride as P, isLocalMode as U } from "../lib/localMode.js";
-import de from "../contexts/EncoreBindingContext.js";
-import fe from "../contexts/EncoreComponentIdContext.js";
-import ue from "../contexts/EncoreActionContext.js";
-import he from "../contexts/EncoreRepeatingContainerContext.js";
-import me from "./DynamicComponent.js";
-import { useEncoreRouter as ye } from "../contexts/EncoreRouterContext.js";
-import { usePusherUpdates as ge } from "../hooks/usePusherUpdates.js";
-const Ee = ({ to: r, children: l, style: v, ...A }) => {
-  const { navigate: d } = ye();
-  return /* @__PURE__ */ a(
+import { jsx as n } from "react/jsx-runtime";
+import W from "../node_modules/swr/dist/index/index.js";
+import V from "../lib/fetcher.js";
+import c from "../stores/useEncoreState.js";
+import { useRef as C, useEffect as a, useState as X, useCallback as Z, useMemo as _, Suspense as I } from "react";
+import { setLocalModeOverride as D, isLocalMode as S } from "../lib/localMode.js";
+import z from "./DynamicComponent.js";
+import { useEncoreRouter as ee } from "../contexts/EncoreRouterContext.js";
+import { usePusherUpdates as te } from "../hooks/usePusherUpdates.js";
+import { useFontLoader as re } from "../hooks/useFontLoader.js";
+import { useRepeatingContainers as oe } from "../hooks/useRepeatingContainers.js";
+import { EncoreContextProviders as ne } from "./EncoreContextProviders.js";
+import { patchPageData as se } from "../lib/dataPatching.js";
+import { logger as v } from "../lib/logger.js";
+const ae = ({ to: t, children: r, style: b, ...m }) => {
+  const { navigate: l } = ee();
+  return /* @__PURE__ */ n(
     "a",
     {
-      href: r,
-      onClick: (y) => {
-        y.preventDefault(), d(r);
+      href: t,
+      onClick: (d) => {
+        d.preventDefault(), l(t);
       },
-      style: { cursor: "pointer", ...v },
-      ...A,
-      children: l
+      style: { cursor: "pointer", ...b },
+      ...m,
+      children: r
     }
   );
-}, Ae = (r) => r.setApp, $e = (r) => r.setAppId, we = (r) => r.setPageId, Re = (r) => r.assetsById, Me = ({
-  appId: r,
-  pageId: l,
-  componentId: v,
-  fallback: A,
-  onSizeChange: d,
-  onContentSizeChange: y,
-  onAction: q,
-  data: $,
-  source: f,
-  repeatingContainerControls: g,
-  inputGroups: D,
-  baseURL: b,
-  appDefinition: w,
+}, ce = (t) => t.setApp, le = (t) => t.setAppId, ie = (t) => t.setPageId, de = (t) => t.assetsById, De = ({
+  appId: t,
+  pageId: r,
+  componentId: b,
+  fallback: m,
+  onSizeChange: l,
+  onContentSizeChange: d,
+  onAction: K,
+  data: p,
+  source: i,
+  repeatingContainerControls: M,
+  inputGroups: R,
+  baseURL: w,
+  appDefinition: h,
   pageDefinition: x,
-  componentCode: Q
+  componentCode: F
 }) => {
-  console.log("Render: EncoreApp"), console.log("🔥 ENCORE-LIB SOURCE CODE IS ACTIVE 🔥"), console.log("✨ ENCORE-LIB UPDATED - TEST MESSAGE ✨"), console.log(
-    `[AG_DEBUG] [EncoreApp] Render Start. appId: ${r}, pageId: ${l}`
-  ), b && p.getState().baseURL !== b && p.getState().setBaseURL(b), f && P(f === "local" ? "local" : "remote");
-  const X = !1, k = p(Ae), N = p($e), I = p(we), E = p(Re), M = Y(null), F = Y(null);
-  i(() => {
-    if (!y) return;
-    const t = F.current;
-    if (!t) return;
-    const o = () => {
-      y({
-        width: t.scrollWidth,
-        height: t.scrollHeight
+  v.debug("EncoreApp render", { appId: t, pageId: r }), w && c.getState().baseURL !== w && c.getState().setBaseURL(w), i && D(i === "local" ? "local" : "remote");
+  const H = !1, $ = c(ce), L = c(le), A = c(ie), u = c(de), O = C(null), k = C(null);
+  a(() => {
+    if (!d) return;
+    const e = k.current;
+    if (!e) return;
+    const s = () => {
+      d({
+        width: e.scrollWidth,
+        height: e.scrollHeight
       });
-    }, e = new ResizeObserver(() => {
-      o();
+    }, o = new ResizeObserver(() => {
+      s();
     });
-    return o(), e.observe(t), () => e.disconnect();
-  }, [y]);
-  const [ee, te] = O(0), oe = m(() => {
-    te((t) => typeof t == "number" ? t + 1 : Date.now());
+    return s(), o.observe(e), () => o.disconnect();
+  }, [d]);
+  const [T, Y] = X(0), q = Z(() => {
+    Y((e) => typeof e == "number" ? e + 1 : Date.now());
   }, []);
-  ge({
-    appId: r,
-    pageId: l || void 0,
-    enabled: !U() && !w,
-    onUpdate: oe
+  te({
+    appId: t,
+    pageId: r || void 0,
+    enabled: !S() && !h,
+    onUpdate: q
   });
-  const C = f === "local" || U(), L = w ? null : r && `/devices/apps/${r}${C ? "?useLocal=1" : ""}`, ne = Z(L, z, {
-    suspense: !!L
+  const E = i === "local" || S(), U = h ? null : t && `/devices/apps/${t}${E ? "?useLocal=1" : ""}`, G = W(U, V, {
+    suspense: !!U
     // Only use suspense if we are fetching
-  }), u = w ? { data: w } : ne;
-  i(() => {
-    k(u.data);
-  }, [u.data, k]), i(() => {
-    const t = u?.data?.app?.fonts ?? [];
-    console.log(
-      `[AG_DEBUG] [EncoreApp] 🔎 Font check initiated. Found ${t?.length || 0} fonts in app definition.`
-    ), t && t.length > 0 && console.log(
-      "[AG_DEBUG] [EncoreApp] Font list:",
-      t.map(
-        (o) => `${o.fontName?.family} (${o.fontName?.postScriptName}) - Broken: ${o.broken} - URL: ${o.url}`
-      )
-    ), !(!t || t.length === 0) && (typeof window > "u" || !("FontFace" in window) || t.forEach((o) => {
-      try {
-        const e = o?.fontName?.family, n = o?.url, s = o?.fontName?.postScriptName;
-        if (!e || !n) return;
-        if (o.broken) {
-          console.warn(
-            `[EncoreApp] Font "${s || e}" is marked as broken in the database. URL: ${n} - SKIPPING DOWNLOAD`
-          );
-          return;
-        }
-        const c = s || e;
-        new FontFace(c, `url(${n})`, {
-          weight: "100 900",
-          style: "normal"
-        }).load().then((G) => {
-          document.fonts.add(G), console.log(
-            `[AG_DEBUG] [EncoreApp] ✅ Font loaded successfully: "${c}" - Source: ${n}`
-          );
-          const ae = document.fonts.check(
-            `400 12px "${c}"`
-          );
-          console.log(
-            `[AG_DEBUG] [EncoreApp] 🧪 document.fonts.check result for "${c}": ${ae}`
-          );
-        }).catch((G) => {
-          console.warn(
-            `[AG_DEBUG] [EncoreApp] ❌ Failed to load font "${s || e}" from ${n}`,
-            G
-          );
-        });
-      } catch (e) {
-        console.warn("[EncoreApp] Error processing font:", e);
-      }
-    }));
-  }, [u?.data]), i(() => {
-    N(r);
-  }, [r, N]), i(() => {
-    l && I(l);
-  }, [l, I]), i(() => {
-    Object.keys(E).length !== 0 && (async () => await Promise.allSettled(
-      Object.keys(E).map((t) => E[t].url ? new Promise((o) => {
-        const e = new Image();
-        e.onload = o, e.onerror = o, e.src = E[t].url;
+  }), f = h ? { data: h } : G;
+  a(() => {
+    $(f.data);
+  }, [f.data, $]), re(f?.data), a(() => {
+    L(t);
+  }, [t, L]), a(() => {
+    r && A(r);
+  }, [r, A]), a(() => {
+    Object.keys(u).length !== 0 && (async () => await Promise.allSettled(
+      Object.keys(u).map((e) => u[e].url ? new Promise((s) => {
+        const o = new Image();
+        o.onload = s, o.onerror = s, o.src = u[e].url;
       }) : Promise.resolve())
     ))();
-  }, [E]);
-  const B = x ? null : r && l && `/devices/apps/${r}/node/${l}${C ? "?useLocal=1" : ""}`;
-  console.log(`[AG_DEBUG] [EncoreApp] pageUrl: ${B}`);
-  const re = Z(B, z, { suspense: !!B }), h = x ? { data: x } : re;
-  console.log(
-    `[AG_DEBUG] [EncoreApp] pageData.data type: ${typeof h?.data}, hasData: ${!!h?.data}`
-  ), h?.data && console.log(
-    `[AG_DEBUG] [EncoreApp] pageData.data JSON: ${JSON.stringify(
-      h.data
-    ).substring(0, 1e3)}`
-  );
-  const se = ie(() => {
-    let t = h.data?.clientData;
-    console.log(
-      `[AG_DEBUG] [EncoreApp] useMemo: clientData present? ${!!t}, Keys: ${Object.keys(
-        t || {}
-      )}`
-    );
-    const o = (e) => {
-      if (!(!e || typeof e != "object")) {
-        if ((e.componentId || e.type === "component:text") && console.log(
-          `[AG_DEBUG] [EncoreApp] 📦 Node ${e.id} (${e.type}) Style:`,
-          JSON.stringify(e.style)
-        ), e.children && Array.isArray(e.children) && e.children.length > 1) {
-          let n = 0, s = 0;
-          e.children.forEach((S) => {
-            S.style?.width && (n += S.style.width, s++);
-          }), (Math.abs(n - 100) < 1 || Math.abs(n - 375) < 5) && s >= 2 && (e.style || (e.style = {}), e.style.layout || (e.style.layout = {}), e.style.layout.mode || (console.log(
-            `[PATCH] Forcing HORIZONTAL layout for node ${e.id} (${s} children, widths sum: ${n})`
-          ), e.style.layout.mode = "HORIZONTAL", e.style.layout.primaryAxisAlignItems = "flex-start", e.style.layout.counterAxisAlignItems = "flex-start"));
-        }
-        e.children && (Array.isArray(e.children) ? e.children.forEach(o) : o(e.children));
-      }
-    };
-    return t && o(t), {
+  }, [u]);
+  const B = x ? null : t && r && `/devices/apps/${t}/node/${r}${E ? "?useLocal=1" : ""}`;
+  v.debug("Page data fetch", { pageUrl: B });
+  const J = W(B, V, { suspense: !!B }), g = x ? { data: x } : J;
+  v.debug("Page data loaded", {
+    hasData: !!g?.data,
+    dataType: typeof g?.data
+  });
+  const N = _(() => {
+    let e = g.data?.clientData;
+    return v.debug("Building context", {
+      hasClientData: !!e,
+      clientDataKeys: Object.keys(e || {}).length
+    }), e && se(e), {
       nodeData: void 0,
       // Allow overriding specific values by element id.
       // For now, this is used to override TextComponent content when the node has the PROP:TEXT_VAR tag.
-      textOverridesById: $,
+      textOverridesById: p,
       // Support for encore:data:array tags - provide array data by component ID
-      arrayDataById: $,
+      arrayDataById: p,
       // Support for standalone component data binding (encore:data tags at root level)
-      rootData: $
+      rootData: p
     };
-  }, [h.data?.clientData, $]), [_, W] = O(/* @__PURE__ */ new Map()), [R, j] = O(/* @__PURE__ */ new Map());
-  i(() => {
-    g && j((t) => {
-      let o = !1;
-      if (t.size !== Object.keys(g).length)
-        o = !0;
-      else
-        for (const [n, s] of Object.entries(
-          g
-        )) {
-          const c = t.get(n);
-          if (!c) {
-            o = !0;
-            break;
-          }
-          if (c.currentIndex !== s.currentIndex || c.onIndexChange !== s.onIndexChange) {
-            o = !0;
-            break;
-          }
-        }
-      if (!o) return t;
-      const e = /* @__PURE__ */ new Map();
-      return Object.entries(g).forEach(([n, s]) => {
-        e.set(n, s);
-      }), e;
-    });
-  }, [g]), i(() => {
-    if (D) {
-      const t = p.getState().setInputGroupValue;
-      Object.entries(D).forEach(([o, e]) => {
-        t(o, e);
+  }, [g.data?.clientData, p]), Q = oe(
+    M
+  );
+  return a(() => {
+    if (R) {
+      const e = c.getState().setInputGroupValue;
+      Object.entries(R).forEach(([s, o]) => {
+        e(s, o);
       });
     }
-  }, [D]);
-  const T = m(
-    (t, o) => {
-      W((e) => {
-        const n = new Map(e);
-        return n.set(t, o), n;
-      });
-    },
-    []
-  ), V = m((t) => {
-    W((o) => {
-      const e = new Map(o);
-      return e.delete(t), e;
-    });
-  }, []), H = m(
-    (t) => _.get(t),
-    [_]
-  ), K = m(
-    (t, o) => {
-      j((e) => {
-        const n = new Map(e), s = n.get(t) || {}, c = typeof o == "function" ? o(s) : o;
-        return n.set(t, c), n;
-      });
-    },
-    []
-  ), J = m(
-    (t) => R.get(t),
-    [R]
-  ), ce = le.useMemo(
-    () => ({
-      registerContainer: T,
-      unregisterContainer: V,
-      getControl: H,
-      setControlProps: K,
-      getControlProps: J,
-      // Include controlPropsMap size in the value to trigger re-renders when it changes
-      _propsVersion: R.size
-    }),
-    [
-      T,
-      V,
-      H,
-      K,
-      J,
-      R.size
-    ]
-  );
-  return i(() => {
-    if (!d) return;
-    const t = M.current;
-    if (!t) return;
-    const o = (s) => {
-      const c = s.contentRect;
-      d({ width: c.width, height: c.height });
-    }, e = new ResizeObserver((s) => {
-      for (const c of s)
-        o(c);
-    }), n = t.getBoundingClientRect();
-    return d({ width: n.width, height: n.height }), e.observe(t), () => {
-      e.disconnect();
+  }, [R]), a(() => {
+    if (!l) return;
+    const e = O.current;
+    if (!e) return;
+    const s = (P) => {
+      const y = P.contentRect;
+      l({ width: y.width, height: y.height });
+    }, o = new ResizeObserver((P) => {
+      for (const y of P)
+        s(y);
+    }), j = e.getBoundingClientRect();
+    return l({ width: j.width, height: j.height }), o.observe(e), () => {
+      o.disconnect();
     };
-  }, [d]), i(() => {
-    if (f)
-      return P(f === "local" ? "local" : "remote"), () => {
-        P(null);
+  }, [l]), a(() => {
+    if (i)
+      return D(i === "local" ? "local" : "remote"), () => {
+        D(null);
       };
-  }, [f]), l ? /* @__PURE__ */ a(
+  }, [i]), r ? /* @__PURE__ */ n(
     "div",
     {
-      ref: M,
+      ref: O,
       style: {
         width: "100%",
         height: "100%",
         position: "relative",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          ref: F,
+          ref: k,
           style: {
             width: "100%",
             height: "100%",
             display: "flex",
             flexDirection: "column"
           },
-          children: /* @__PURE__ */ a(pe, { fallback: A || /* @__PURE__ */ a("div", {}), children: /* @__PURE__ */ a(fe.Provider, { value: { componentId: v }, children: /* @__PURE__ */ a(ue.Provider, { value: { onAction: q }, children: /* @__PURE__ */ a(
-            he.Provider,
+          children: /* @__PURE__ */ n(I, { fallback: m || /* @__PURE__ */ n("div", {}), children: /* @__PURE__ */ n(
+            ne,
             {
-              value: ce,
-              children: /* @__PURE__ */ a(de.Provider, { value: se, children: /* @__PURE__ */ a(
-                me,
+              componentId: b,
+              onAction: K,
+              repeatingContainerContextValue: Q,
+              bindingContextValue: N,
+              children: /* @__PURE__ */ n(
+                z,
                 {
-                  name: `${r}/draft/components/${l}`,
-                  fallback: A,
-                  reloadKey: ee,
-                  componentCode: Q,
-                  children: " "
+                  name: `${t}/draft/components/${r}`,
+                  fallback: m,
+                  reloadKey: T,
+                  componentCode: F
                 }
-              ) })
+              )
             }
-          ) }) }) })
+          ) })
         }
       )
     }
-  ) : /* @__PURE__ */ a("div", { style: { padding: "30px" }, children: /* @__PURE__ */ a("div", { style: { overflowY: "auto" }, children: (U() ? (
+  ) : /* @__PURE__ */ n("div", { style: { padding: "30px" }, children: /* @__PURE__ */ n("div", { style: { overflowY: "auto" }, children: (S() ? (
     // Local mode: app.json provides pages under app.data.pages
-    (u?.data?.app?.data?.pages || []).map(
-      (t) => t?.id
+    (f?.data?.app?.data?.pages || []).map(
+      (e) => e?.id
     )
-  ) : u?.data?.app.pageIds || []).map((t) => /* @__PURE__ */ a(
-    Ee,
+  ) : f?.data?.app.pageIds || []).map((e) => /* @__PURE__ */ n(
+    ae,
     {
-      to: `/apps/${r}/pages/${t}?noRedirect=${X}`,
+      to: `/apps/${t}/pages/${e}?noRedirect=${H}`,
       style: {
         fontSize: 20,
         display: "block",
         marginBottom: "10px"
       },
-      children: t
+      children: e
     },
-    t
+    e
   )) }) });
 };
 export {
-  Me as default
+  De as default
 };
 //# sourceMappingURL=EncoreApp.js.map

package/dist/components/EncoreApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreApp.js","sources":["../../src/components/EncoreApp.tsx"],"sourcesContent":["\"use client\";\nimport useSWR from \"swr\";\nimport fetcher from \"../lib/fetcher\";\nimport useEncoreState from \"../stores/useEncoreState\";\nimport React, {\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { isLocalMode, setLocalModeOverride } from \"../lib/localMode\";\nimport EncoreBindingContext from \"../contexts/EncoreBindingContext\";\nimport EncoreComponentIdContext from \"../contexts/EncoreComponentIdContext\";\nimport EncoreActionContext, {\n  type EncoreActionPayload,\n} from \"../contexts/EncoreActionContext\";\nimport EncoreRepeatingContainerContext, {\n  type RepeatingContainerControl,\n} from \"../contexts/EncoreRepeatingContainerContext\";\nimport DynamicComponent from \"./DynamicComponent\";\n// import { Link } from \"react-router-dom\"; // Removed dependency\nimport { useEncoreRouter } from \"../contexts/EncoreRouterContext\";\nimport { usePusherUpdates } from \"../hooks/usePusherUpdates\";\n\n// Simple internal Link component that uses our router context\nconst Link = ({ to, children, style, ...props }: any) => {\n  const { navigate } = useEncoreRouter();\n  return (\n    <a\n      href={to}\n      onClick={(e) => {\n        e.preventDefault();\n        navigate(to);\n      }}\n      style={{ cursor: \"pointer\", ...style }}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\ntype Props = {\n  appId: string;\n  pageId?: string;\n  componentId?: string;\n  fallback?: React.ReactNode;\n  onSizeChange?: (size: { width: number; height: number }) => void;\n  onContentSizeChange?: (size: { width: number; height: number }) => void;\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n  data?: Record<string, string | number | any[]>;\n  // When provided, force the runtime to load from either remote or local sources\n  source?: \"remote\" | \"local\";\n  // Control repeating containers (sliders, lists, etc.) by container ID\n  repeatingContainerControls?: Record<\n    string,\n    { currentIndex?: number; onIndexChange?: (index: number) => void }\n  >;\n  // Control input groups - maps group name to active element name\n  inputGroups?: Record<string, string>;\n  // Base URL for the Encore service API (e.g., \"https://api.example.com\")\n  baseURL?: string;\n  appDefinition?: any;\n  pageDefinition?: any;\n  componentCode?: string;\n};\n\ntype EncoreAssetsById = Record<string, { url?: string }>;\ntype EncoreState = {\n  setApp: (app: unknown) => void;\n  setAppId: (id: string) => void;\n  setPageId: (id: string) => void;\n  assetsById: EncoreAssetsById;\n};\n\nconst setAppSelector = (state: EncoreState) => state.setApp;\nconst setAppIdSelector = (state: EncoreState) => state.setAppId;\nconst setPageIdSelector = (state: EncoreState) => state.setPageId;\nconst assetsByIdSelector = (state: EncoreState) => state.assetsById;\n\nconst EncoreApp = ({\n  appId,\n  pageId,\n  componentId,\n  fallback,\n  onSizeChange,\n  onContentSizeChange,\n  onAction,\n  data,\n  source,\n  repeatingContainerControls,\n  inputGroups,\n  baseURL,\n  appDefinition,\n  pageDefinition,\n  componentCode,\n}: Props) => {\n  console.log(\"Render: EncoreApp\");\n  console.log(\"🔥 ENCORE-LIB SOURCE CODE IS ACTIVE 🔥\");\n  console.log(\"✨ ENCORE-LIB UPDATED - TEST MESSAGE ✨\");\n  console.log(\n    `[AG_DEBUG] [EncoreApp] Render Start. appId: ${appId}, pageId: ${pageId}`\n  );\n\n  // CRITICAL: Set baseURL BEFORE any hooks that might trigger fetches\n  // This must happen synchronously, not in useEffect, because useSWR will fetch immediately\n  if (baseURL) {\n    const currentBaseURL = useEncoreState.getState().baseURL;\n    if (currentBaseURL !== baseURL) {\n      useEncoreState.getState().setBaseURL(baseURL);\n    }\n  }\n\n  // Apply source override immediately so hooks below observe correct mode\n  if (source) {\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n  }\n  // const [searchParams] = useSearchParams();\n  // const noRedirect = searchParams.get(\"noRedirect\");\n  const noRedirect = false;\n\n  const setApp = useEncoreState(setAppSelector);\n  const setAppId = useEncoreState(setAppIdSelector);\n  const setPageId = useEncoreState(setPageIdSelector);\n  const assetsById = useEncoreState(assetsByIdSelector);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  // Monitor content size changes\n  useEffect(() => {\n    if (!onContentSizeChange) return;\n    const element = contentWrapperRef.current;\n    if (!element) return;\n\n    const notify = () => {\n      // Use scroll dimensions to get full size including overflow\n      onContentSizeChange({\n        width: element.scrollWidth,\n        height: element.scrollHeight,\n      });\n    };\n\n    const observer = new ResizeObserver(() => {\n      notify();\n    });\n\n    // Emit initial size\n    notify();\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [onContentSizeChange]);\n\n  // State to force DynamicComponent reload when updates are received\n  const [reloadKey, setReloadKey] = useState<string | number>(0);\n  // Set up Pusher to listen for component updates\n  const handleUpdate = useCallback(() => {\n    // Increment reloadKey to force DynamicComponent to reload\n    setReloadKey((prev) => (typeof prev === \"number\" ? prev + 1 : Date.now()));\n  }, []);\n\n  // Only enable Pusher in remote mode - it doesn't make sense in local mode\n  usePusherUpdates({\n    appId,\n    pageId: pageId || undefined,\n    enabled: !isLocalMode() && !appDefinition,\n    onUpdate: handleUpdate,\n  });\n\n  // usePusherUpdates({\n  //   appId,\n  //   pageId: pageId || undefined,\n  //   enabled: false, // DISABLED FOR DEBUGGING\n  //   onUpdate: handleUpdate,\n  // });\n\n  const useLocalFlag = source === \"local\" || isLocalMode();\n  // If appDefinition is provided, disable SWR fetch by setting url to null\n  const appUrl = appDefinition\n    ? null\n    : appId && `/devices/apps/${appId}${useLocalFlag ? \"?useLocal=1\" : \"\"}`;\n\n  const appSWR = useSWR(appUrl, fetcher, {\n    suspense: !!appUrl, // Only use suspense if we are fetching\n  });\n\n  const app = appDefinition ? { data: appDefinition } : appSWR;\n\n  useEffect(() => {\n    setApp(app.data);\n  }, [app.data, setApp]);\n\n  // Load fonts declared in app.json using the FontFace API\n  useEffect(() => {\n    type EncoreFont = {\n      id?: string;\n      url?: string;\n      broken?: boolean;\n      fontName?: { family?: string; postScriptName?: string };\n    };\n    type AppDataWithFonts = { app?: { fonts?: EncoreFont[] } };\n    const fonts: EncoreFont[] =\n      (app?.data as AppDataWithFonts | undefined)?.app?.fonts ?? [];\n\n    console.log(\n      `[AG_DEBUG] [EncoreApp] 🔎 Font check initiated. Found ${\n        fonts?.length || 0\n      } fonts in app definition.`\n    );\n    if (fonts && fonts.length > 0) {\n      console.log(\n        \"[AG_DEBUG] [EncoreApp] Font list:\",\n        fonts.map(\n          (f) =>\n            `${f.fontName?.family} (${f.fontName?.postScriptName}) - Broken: ${f.broken} - URL: ${f.url}`\n        )\n      );\n    }\n\n    if (!fonts || fonts.length === 0) return;\n    if (typeof window === \"undefined\" || !(\"FontFace\" in window)) return;\n    fonts.forEach((f) => {\n      try {\n        const family = f?.fontName?.family;\n        const url = f?.url;\n        const postScriptName = f?.fontName?.postScriptName;\n        if (!family || !url) return;\n\n        if (f.broken) {\n          console.warn(\n            `[EncoreApp] Font \"${\n              postScriptName || family\n            }\" is marked as broken in the database. URL: ${url} - SKIPPING DOWNLOAD`\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            console.log(\n              `[AG_DEBUG] [EncoreApp] ✅ Font loaded successfully: \"${familyName}\" - Source: ${url}`\n            );\n            // Check if it's usable - check for any weight since we registered 100-900\n            const isCheckPassed = document.fonts.check(\n              `400 12px \"${familyName}\"`\n            );\n            console.log(\n              `[AG_DEBUG] [EncoreApp] 🧪 document.fonts.check result for \"${familyName}\": ${isCheckPassed}`\n            );\n          })\n          .catch((err) => {\n            console.warn(\n              `[AG_DEBUG] [EncoreApp] ❌ Failed to load font \"${\n                postScriptName || family\n              }\" from ${url}`,\n              err\n            );\n          });\n      } catch (err) {\n        console.warn(`[EncoreApp] Error processing font:`, err);\n      }\n    });\n  }, [app?.data]);\n\n  useEffect(() => {\n    setAppId(appId);\n  }, [appId, setAppId]);\n\n  useEffect(() => {\n    if (!pageId) return;\n    setPageId(pageId);\n  }, [pageId, setPageId]);\n\n  // FIXME: Asset data should be embedded into & preloaded by component, not looked up like this\n  useEffect(() => {\n    if (Object.keys(assetsById).length === 0) return;\n    (async () => {\n      // Preload images in the browser\n      await Promise.allSettled(\n        Object.keys(assetsById).map((id) => {\n          if (assetsById[id].url) {\n            return new Promise((resolve) => {\n              const img = new Image();\n              img.onload = resolve;\n              img.onerror = resolve; // tolerate failures to avoid unhandled rejections\n              img.src = assetsById[id].url!;\n            });\n          }\n          return Promise.resolve();\n        })\n      );\n    })();\n  }, [assetsById]);\n\n  const pageUrl = pageDefinition\n    ? null\n    : appId &&\n      pageId &&\n      `/devices/apps/${appId}/node/${pageId}${\n        useLocalFlag ? \"?useLocal=1\" : \"\"\n      }`;\n\n  console.log(`[AG_DEBUG] [EncoreApp] pageUrl: ${pageUrl}`);\n\n  const pageSWR = useSWR(pageUrl, fetcher, { suspense: !!pageUrl });\n  const pageData = pageDefinition ? { data: pageDefinition } : pageSWR;\n\n  console.log(\n    `[AG_DEBUG] [EncoreApp] pageData.data type: ${typeof pageData?.data}, hasData: ${!!pageData?.data}`\n  );\n  if (pageData?.data) {\n    console.log(\n      `[AG_DEBUG] [EncoreApp] pageData.data JSON: ${JSON.stringify(\n        pageData.data\n      ).substring(0, 1000)}`\n    );\n  }\n\n  // Debug logging commented out to prevent console flooding\n  /*\n  useEffect(() => {\n    if (pageData.data) {\n      console.log(\"=== PAGE DATA STRUCTURE ===\");\n      console.log(\"Full pageData.data:\", pageData.data);\n      console.log(\"pageData.data keys:\", Object.keys(pageData.data));\n      console.log(\"Client data:\", pageData.data.clientData);\n      console.log(\"Client data type:\", typeof pageData.data.clientData);\n      console.log(\n        \"Client data keys:\",\n        pageData.data.clientData ? Object.keys(pageData.data.clientData) : \"N/A\"\n      );\n\n      // Try to find the actual node data structure\n      const allKeys = Object.keys(pageData.data);\n      console.log(\"All top-level keys in pageData.data:\", allKeys);\n\n      // Log the full structure more deeply\n      console.log(\n        \"Full pageData.data structure:\",\n        JSON.stringify(pageData.data, null, 2)\n      );\n\n      const clientData = pageData.data.clientData || pageData.data;\n\n      // Helper to recursively search for sliders in tree structure\n      const findSlidersInTree = (nodeData: any, path = \"\"): any[] => {\n        const sliders: any[] = [];\n        if (!nodeData || typeof nodeData !== \"object\") return sliders;\n\n        // Check if this node is a slider\n        const isSlider =\n          nodeData.type === \"container:slider\" ||\n          nodeData.type === \"component:slider\" ||\n          nodeData.name?.toLowerCase().includes(\"slider\") ||\n          (Array.isArray(nodeData.tags) &&\n            nodeData.tags.some((tag: string) =>\n              tag.toLowerCase().includes(\"slider\")\n            ));\n\n        if (isSlider) {\n          sliders.push({\n            path,\n            id: nodeData.id,\n            name: nodeData.name,\n            type: nodeData.type,\n            tags: nodeData.tags,\n            data: nodeData.data,\n            style: nodeData.style,\n            fullNodeData: nodeData,\n          });\n        }\n\n        // Recursively search children\n        if (nodeData.children) {\n          const children = Array.isArray(nodeData.children)\n            ? nodeData.children\n            : [nodeData.children];\n          children.forEach((child: any, index: number) => {\n            if (child && typeof child === \"object\") {\n              sliders.push(...findSlidersInTree(child, `${path}/${index}`));\n            }\n          });\n        }\n\n        return sliders;\n      };\n\n      // Check if clientData is a flat object keyed by ID (most likely)\n      let sliders: any[] = [];\n      if (\n        clientData &&\n        typeof clientData === \"object\" &&\n        !Array.isArray(clientData)\n      ) {\n        // Check if it's a flat structure (keyed by IDs)\n        const entries = Object.entries(clientData);\n        console.log(`Client data has ${entries.length} entries`);\n\n        // Search all entries for sliders\n        entries.forEach(([key, value]: [string, any]) => {\n          if (value && typeof value === \"object\") {\n            // Check if this entry itself is a slider\n            const isSlider =\n              value.type === \"container:slider\" ||\n              value.type === \"component:slider\" ||\n              value.name?.toLowerCase().includes(\"slider\") ||\n              (Array.isArray(value.tags) &&\n                value.tags.some((tag: string) =>\n                  tag.toLowerCase().includes(\"slider\")\n                ));\n\n            if (isSlider) {\n              sliders.push({\n                id: key,\n                name: value.name,\n                type: value.type,\n                tags: value.tags,\n                data: value.data,\n                style: value.style,\n                fullNodeData: value,\n              });\n            }\n\n            // Also search recursively in case it's nested\n            sliders.push(...findSlidersInTree(value, key));\n          }\n        });\n\n        // If no sliders found in flat structure, try treating it as a tree\n        if (sliders.length === 0) {\n          sliders = findSlidersInTree(clientData, \"root\");\n        }\n      } else {\n        // Treat as tree structure\n        sliders = findSlidersInTree(clientData, \"root\");\n      }\n\n      console.log(\"=== SLIDER COMPONENTS FOUND ===\");\n      console.log(`Found ${sliders.length} slider(s):`, sliders);\n\n      sliders.forEach((slider, index) => {\n        console.log(`\\n--- Slider ${index + 1} ---`);\n        console.log(\"ID:\", slider.id);\n        console.log(\"Name:\", slider.name);\n        console.log(\"Type:\", slider.type);\n        console.log(\"Tags:\", slider.tags);\n        console.log(\"Data:\", slider.data);\n        console.log(\"Full node data:\", slider.fullNodeData);\n\n        // Look for data binding tags\n        if (Array.isArray(slider.tags)) {\n          const bindingTags = slider.tags.filter(\n            (tag: string) =>\n              tag.includes(\"PROP:\") ||\n              tag.includes(\"LIST:\") ||\n              tag.includes(\"DATA:\")\n          );\n          if (bindingTags.length > 0) {\n            console.log(\"🔍 Data binding tags found:\", bindingTags);\n          }\n        }\n      });\n\n      // Also log all unique tags found across all components for reference\n      const allTags = new Set<string>();\n      const allEntries = Object.entries(clientData);\n      allEntries.forEach(([_, value]: [string, any]) => {\n        if (value?.tags && Array.isArray(value.tags)) {\n          value.tags.forEach((tag: string) => allTags.add(tag));\n        }\n      });\n      console.log(\"\\n=== ALL UNIQUE TAGS IN PAGE ===\");\n      console.log(Array.from(allTags).sort());\n    }\n  }, [pageData.data]);\n  */\n\n  // Memoize the context object to prevent infinite re-renders\n  // Only recreate when the actual data changes, not on every render\n  const context = useMemo(() => {\n    let clientData = pageData.data?.clientData;\n    console.log(\n      `[AG_DEBUG] [EncoreApp] useMemo: clientData present? ${!!clientData}, Keys: ${Object.keys(\n        clientData || {}\n      )}`\n    );\n\n    // --- GENERIC DATA PATCHING START ---\n    // Recursively patch the data to fix layout and slider issues based on heuristics\n    const patchPageData = (node: any) => {\n      if (!node || typeof node !== \"object\") return;\n\n      // Log font usage\n      if (node.componentId || node.type === \"component:text\") {\n        console.log(\n          `[AG_DEBUG] [EncoreApp] 📦 Node ${node.id} (${node.type}) Style:`,\n          JSON.stringify(node.style)\n        );\n      }\n\n      // 1. Layout Heuristic: If children widths sum to ~100% or ~375px, force HORIZONTAL layout\n      // RELAXED: No longer requires layoutSizingHorizontal: \"FIXED\" - width data alone is sufficient\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 a percentage or pixel value.\n            // Based on logs, we saw \"width: 52\" and \"width: 48\" which sum to 100.\n            // If it's percentage, we check if it sums to 100.\n            // If it's pixels, we check if it sums to ~375.\n            totalWidth += child.style.width;\n            childrenWithWidth++;\n          }\n        });\n\n        // Check for percentage sum ~100 or pixel sum ~375\n        // Only apply if we have at least 2 children with width data\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            console.log(\n              `[PATCH] Forcing HORIZONTAL layout for node ${node.id} (${childrenWithWidth} children, widths sum: ${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      // 2. Slider Heuristic: If slider is taller than wide, force VERTICAL animation\n      // DISABLED: This is too aggressive and breaks horizontal sliders that happen to be tall (e.g. 50% width columns)\n      /*\n      const isSlider =\n        node.type === \"container:slider\" ||\n        node.type === \"component:slider\" ||\n        (node.tags &&\n          Array.isArray(node.tags) &&\n          node.tags.some((t: string) => t.toLowerCase().includes(\"slider\")));\n\n      if (isSlider) {\n        const width = node.style?.width || 0;\n        const height = node.style?.height || 0;\n        // Check aspect ratio. If height > width, it's likely vertical.\n        // Note: width/height might be percentages or pixels.\n        // If both are numbers, we can compare.\n        // From logs: width: 52, height: 85.27. This is clearly vertical shape.\n        if (height > width) {\n          if (!node.data) node.data = {};\n          if (!node.data.params) node.data.params = {};\n\n          // Only apply if animation is default or missing\n          if (\n            !node.data.params.animation ||\n            node.data.params.animation === \"default\" ||\n            node.data.params.animation === \"horizontal\"\n          ) {\n            console.log(\n              `[PATCH] Forcing VERTICAL animation for slider ${node.id} (W:${width}, H:${height})`\n            );\n            node.data.params.animation = \"vertical\";\n          }\n        }\n      }\n      */\n\n      // Recurse\n      if (node.children) {\n        if (Array.isArray(node.children)) {\n          node.children.forEach(patchPageData);\n        } else {\n          patchPageData(node.children);\n        }\n      }\n    };\n\n    if (clientData) {\n      // Clone to avoid mutating SWR cache directly if possible, though deep clone might be expensive.\n      // For now, patching in place as it's a fix.\n      patchPageData(clientData);\n    }\n    // --- GENERIC DATA PATCHING END ---\n\n    return {\n      nodeData: undefined,\n      // Allow overriding specific values by element id.\n      // For now, this is used to override TextComponent content when the node has the PROP:TEXT_VAR tag.\n      textOverridesById: data,\n      // Support for encore:data:array tags - provide array data by component ID\n      arrayDataById: data,\n      // Support for standalone component data binding (encore:data tags at root level)\n      rootData: data,\n    };\n  }, [pageData.data?.clientData, data]);\n\n  // Manage repeating container controls\n  const [containerControls, setContainerControls] = useState<\n    Map<string, RepeatingContainerControl>\n  >(new Map());\n  const [controlPropsMap, setControlPropsMap] = useState<\n    Map<\n      string,\n      { currentIndex?: number; onIndexChange?: (index: number) => void }\n    >\n  >(new Map());\n\n  // Update control props from prop\n  useEffect(() => {\n    if (repeatingContainerControls) {\n      setControlPropsMap((prev) => {\n        // Check if content actually changed to avoid unnecessary updates\n        let changed = false;\n        if (prev.size !== Object.keys(repeatingContainerControls).length) {\n          changed = true;\n        } else {\n          for (const [id, props] of Object.entries(\n            repeatingContainerControls\n          )) {\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(repeatingContainerControls).forEach(([id, props]) => {\n          newMap.set(id, props);\n        });\n        return newMap;\n      });\n    }\n  }, [repeatingContainerControls]);\n\n  // Sync input groups from props to store\n  useEffect(() => {\n    if (inputGroups) {\n      const setInputGroupValue = useEncoreState.getState().setInputGroupValue;\n      Object.entries(inputGroups).forEach(([groupName, elementName]) => {\n        setInputGroupValue(groupName, elementName);\n      });\n    }\n  }, [inputGroups]);\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    // Do NOT delete from controlPropsMap here.\n    // controlPropsMap contains props passed from the parent (repeatingContainerControls).\n    // If we delete them, we lose the configuration passed down to us.\n    // The props should persist even if the component temporarily unregisters.\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        | { currentIndex?: number; onIndexChange?: (index: number) => void }\n        | ((prev: {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          }) => {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          })\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  // Control props are automatically passed to registered containers via context\n  // Components read props via getControlProps() and update when props change\n\n  // Create context value - this object changes when controlPropsMap changes,\n  // causing all consumers to re-render and get updated props\n  const repeatingContainerContextValue = React.useMemo(\n    () => ({\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      // Include controlPropsMap size in the value 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  // Observe size changes of the dynamic content container and notify consumer\n  useEffect(() => {\n    if (!onSizeChange) return;\n    const element = containerRef.current;\n    if (!element) return;\n    const notify = (entry: ResizeObserverEntry) => {\n      const cr = entry.contentRect;\n      onSizeChange({ width: cr.width, height: cr.height });\n    };\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        notify(entry);\n      }\n    });\n    // Emit initial size as soon as possible\n    const rect = element.getBoundingClientRect();\n    onSizeChange({ width: rect.width, height: rect.height });\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  // Per-instance source override\n  useEffect(() => {\n    if (!source) return;\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n    return () => {\n      // Clear override when this instance unmounts\n      setLocalModeOverride(null);\n    };\n  }, [source]);\n\n  if (!pageId) {\n    return (\n      <div style={{ padding: \"30px\" }}>\n        <div style={{ overflowY: \"auto\" }}>\n          {(isLocalMode()\n            ? // Local mode: app.json provides pages under app.data.pages\n              ((app?.data as any)?.app?.data?.pages || []).map(\n                (pg: any) => pg?.id\n              )\n            : app?.data?.app.pageIds || []\n          ).map((p: string) => (\n            <Link\n              key={p}\n              to={`/apps/${appId}/pages/${p}?noRedirect=${noRedirect}`}\n              style={{\n                fontSize: 20,\n                display: \"block\",\n                marginBottom: \"10px\",\n              }}\n            >\n              {p}\n            </Link>\n          ))}\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div\n        ref={contentWrapperRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Suspense fallback={fallback || <div />}>\n          <EncoreComponentIdContext.Provider value={{ componentId }}>\n            <EncoreActionContext.Provider value={{ onAction }}>\n              <EncoreRepeatingContainerContext.Provider\n                value={repeatingContainerContextValue}\n              >\n                <EncoreBindingContext.Provider value={context}>\n                  <DynamicComponent\n                    name={`${appId}/draft/components/${pageId}`}\n                    fallback={fallback}\n                    reloadKey={reloadKey}\n                    componentCode={componentCode}\n                  >\n                    {\" \"}\n                  </DynamicComponent>\n                </EncoreBindingContext.Provider>\n              </EncoreRepeatingContainerContext.Provider>\n            </EncoreActionContext.Provider>\n          </EncoreComponentIdContext.Provider>\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n\nexport default EncoreApp;\n"],"names":["Link","to","children","style","props","navigate","useEncoreRouter","jsx","e","setAppSelector","state","setAppIdSelector","setPageIdSelector","assetsByIdSelector","EncoreApp","appId","pageId","componentId","fallback","onSizeChange","onContentSizeChange","onAction","data","source","repeatingContainerControls","inputGroups","baseURL","appDefinition","pageDefinition","componentCode","useEncoreState","setLocalModeOverride","noRedirect","setApp","setAppId","setPageId","assetsById","containerRef","useRef","contentWrapperRef","useEffect","element","notify","observer","reloadKey","setReloadKey","useState","handleUpdate","useCallback","prev","usePusherUpdates","isLocalMode","useLocalFlag","appUrl","appSWR","useSWR","fetcher","app","fonts","f","family","url","postScriptName","familyName","ff","isCheckPassed","err","id","resolve","img","pageUrl","pageSWR","pageData","context","useMemo","clientData","patchPageData","node","totalWidth","childrenWithWidth","child","containerControls","setContainerControls","controlPropsMap","setControlPropsMap","changed","prevProps","newMap","setInputGroupValue","groupName","elementName","registerContainer","control","next","unregisterContainer","getControl","setControlProps","current","newProps","getControlProps","repeatingContainerContextValue","React","entry","cr","entries","rect","Suspense","EncoreComponentIdContext","EncoreActionContext","EncoreRepeatingContainerContext","EncoreBindingContext","DynamicComponent","pg","p"],"mappings":"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"}
+{"version":3,"file":"EncoreApp.js","sources":["../../src/components/EncoreApp.tsx"],"sourcesContent":["\"use client\";\nimport useSWR from \"swr\";\nimport fetcher from \"../lib/fetcher\";\nimport useEncoreState from \"../stores/useEncoreState\";\nimport React, {\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { isLocalMode, setLocalModeOverride } from \"../lib/localMode\";\nimport type { EncoreActionPayload } from \"../contexts/EncoreActionContext\";\nimport DynamicComponent from \"./DynamicComponent\";\nimport { useEncoreRouter } from \"../contexts/EncoreRouterContext\";\nimport { usePusherUpdates } from \"../hooks/usePusherUpdates\";\nimport { useFontLoader } from \"../hooks/useFontLoader\";\nimport { useRepeatingContainers } from \"../hooks/useRepeatingContainers\";\nimport { EncoreContextProviders } from \"./EncoreContextProviders\";\nimport { patchPageData } from \"../lib/dataPatching\";\nimport logger from \"../lib/logger\";\n\n// Simple internal Link component that uses our router context\nconst Link = ({ to, children, style, ...props }: any) => {\n  const { navigate } = useEncoreRouter();\n  return (\n    <a\n      href={to}\n      onClick={(e) => {\n        e.preventDefault();\n        navigate(to);\n      }}\n      style={{ cursor: \"pointer\", ...style }}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Props for the EncoreApp component\n */\nexport type EncoreAppProps = {\n  /** Unique identifier for the Encore app */\n  appId: string;\n  /** Unique identifier for the page to render. If not provided, shows page selector UI */\n  pageId?: string;\n  /** Optional component identifier for context tracking */\n  componentId?: string;\n  /** Fallback UI to show during component loading */\n  fallback?: React.ReactNode;\n  /** Callback fired when the container size changes */\n  onSizeChange?: (size: { width: number; height: number }) => void;\n  /** Callback fired when the content size changes (including overflow) */\n  onContentSizeChange?: (size: { width: number; height: number }) => void;\n  /** Callback fired when user interactions trigger actions (button clicks, form submissions, etc.) */\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n  /** Data bindings for components with encore:data tags. Maps component IDs to display values */\n  data?: Record<string, string | number | any[]>;\n  /** Force component loading from \"remote\" CDN or \"local\" filesystem */\n  source?: \"remote\" | \"local\";\n  /** Control repeating containers (sliders, lists) programmatically by container ID */\n  repeatingContainerControls?: Record<\n    string,\n    { currentIndex?: number; onIndexChange?: (index: number) => void }\n  >;\n  /** Control input groups (radio button-like behavior). Maps group name to active element */\n  inputGroups?: Record<string, string>;\n  /** Base URL for the Encore service API */\n  baseURL?: string;\n  /** Provide app definition directly instead of fetching (for offline/bundled deployments) */\n  appDefinition?: any;\n  /** Provide page definition directly instead of fetching (for offline/bundled deployments) */\n  pageDefinition?: any;\n  /** Provide component code directly instead of fetching (for offline/bundled deployments) */\n  componentCode?: string;\n};\n\ntype Props = EncoreAppProps;\n\ntype EncoreAssetsById = Record<string, { url?: string }>;\ntype EncoreState = {\n  setApp: (app: unknown) => void;\n  setAppId: (id: string) => void;\n  setPageId: (id: string) => void;\n  assetsById: EncoreAssetsById;\n};\n\nconst setAppSelector = (state: EncoreState) => state.setApp;\nconst setAppIdSelector = (state: EncoreState) => state.setAppId;\nconst setPageIdSelector = (state: EncoreState) => state.setPageId;\nconst assetsByIdSelector = (state: EncoreState) => state.assetsById;\n\n/**\n * Main Encore runtime component\n *\n * Loads and renders Encore Studio apps dynamically from the Encore service.\n * Handles data fetching, font loading, real-time updates, and component rendering.\n *\n * @example\n * // Basic usage\n * <EncoreApp appId=\"01ABC123\" pageId=\"01DEF456\" />\n *\n * @example\n * // With data binding\n * <EncoreApp\n *   appId=\"01ABC123\"\n *   pageId=\"01DEF456\"\n *   data={{\n *     \"title-component\": { text: \"Hello World\" }\n *   }}\n * />\n *\n * @example\n * // Controlling a slider\n * const [slideIndex, setSlideIndex] = useState(0);\n * <EncoreApp\n *   appId=\"01ABC123\"\n *   pageId=\"01DEF456\"\n *   repeatingContainerControls={{\n *     \"slider-123\": {\n *       currentIndex: slideIndex,\n *       onIndexChange: setSlideIndex\n *     }\n *   }}\n * />\n */\nconst EncoreApp = ({\n  appId,\n  pageId,\n  componentId,\n  fallback,\n  onSizeChange,\n  onContentSizeChange,\n  onAction,\n  data,\n  source,\n  repeatingContainerControls,\n  inputGroups,\n  baseURL,\n  appDefinition,\n  pageDefinition,\n  componentCode,\n}: Props) => {\n  logger.debug('EncoreApp render', { appId, pageId });\n\n  // CRITICAL: Set baseURL BEFORE any hooks that might trigger fetches\n  // This must happen synchronously, not in useEffect, because useSWR will fetch immediately\n  if (baseURL) {\n    const currentBaseURL = useEncoreState.getState().baseURL;\n    if (currentBaseURL !== baseURL) {\n      useEncoreState.getState().setBaseURL(baseURL);\n    }\n  }\n\n  // Apply source override immediately so hooks below observe correct mode\n  if (source) {\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n  }\n\n  const noRedirect = false;\n\n  const setApp = useEncoreState(setAppSelector);\n  const setAppId = useEncoreState(setAppIdSelector);\n  const setPageId = useEncoreState(setPageIdSelector);\n  const assetsById = useEncoreState(assetsByIdSelector);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  // Monitor content size changes\n  useEffect(() => {\n    if (!onContentSizeChange) return;\n    const element = contentWrapperRef.current;\n    if (!element) return;\n\n    const notify = () => {\n      // Use scroll dimensions to get full size including overflow\n      onContentSizeChange({\n        width: element.scrollWidth,\n        height: element.scrollHeight,\n      });\n    };\n\n    const observer = new ResizeObserver(() => {\n      notify();\n    });\n\n    // Emit initial size\n    notify();\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [onContentSizeChange]);\n\n  // State to force DynamicComponent reload when updates are received\n  const [reloadKey, setReloadKey] = useState<string | number>(0);\n  // Set up Pusher to listen for component updates\n  const handleUpdate = useCallback(() => {\n    // Increment reloadKey to force DynamicComponent to reload\n    setReloadKey((prev) => (typeof prev === \"number\" ? prev + 1 : Date.now()));\n  }, []);\n\n  // Only enable Pusher in remote mode - it doesn't make sense in local mode\n  usePusherUpdates({\n    appId,\n    pageId: pageId || undefined,\n    enabled: !isLocalMode() && !appDefinition,\n    onUpdate: handleUpdate,\n  });\n\n  const useLocalFlag = source === \"local\" || isLocalMode();\n  // If appDefinition is provided, disable SWR fetch by setting url to null\n  const appUrl = appDefinition\n    ? null\n    : appId && `/devices/apps/${appId}${useLocalFlag ? \"?useLocal=1\" : \"\"}`;\n\n  const appSWR = useSWR(appUrl, fetcher, {\n    suspense: !!appUrl, // Only use suspense if we are fetching\n  });\n\n  const app = appDefinition ? { data: appDefinition } : appSWR;\n\n  useEffect(() => {\n    setApp(app.data);\n  }, [app.data, setApp]);\n\n  // Load fonts declared in app.json\n  useFontLoader(app?.data);\n\n  useEffect(() => {\n    setAppId(appId);\n  }, [appId, setAppId]);\n\n  useEffect(() => {\n    if (!pageId) return;\n    setPageId(pageId);\n  }, [pageId, setPageId]);\n\n  // FIXME: Asset data should be embedded into & preloaded by component, not looked up like this\n  useEffect(() => {\n    if (Object.keys(assetsById).length === 0) return;\n    (async () => {\n      // Preload images in the browser\n      await Promise.allSettled(\n        Object.keys(assetsById).map((id) => {\n          if (assetsById[id].url) {\n            return new Promise((resolve) => {\n              const img = new Image();\n              img.onload = resolve;\n              img.onerror = resolve; // tolerate failures to avoid unhandled rejections\n              img.src = assetsById[id].url!;\n            });\n          }\n          return Promise.resolve();\n        })\n      );\n    })();\n  }, [assetsById]);\n\n  const pageUrl = pageDefinition\n    ? null\n    : appId &&\n      pageId &&\n      `/devices/apps/${appId}/node/${pageId}${\n        useLocalFlag ? \"?useLocal=1\" : \"\"\n      }`;\n\n  logger.debug('Page data fetch', { pageUrl });\n\n  const pageSWR = useSWR(pageUrl, fetcher, { suspense: !!pageUrl });\n  const pageData = pageDefinition ? { data: pageDefinition } : pageSWR;\n\n  logger.debug('Page data loaded', {\n    hasData: !!pageData?.data,\n    dataType: typeof pageData?.data\n  });\n\n  // Memoize the context object to prevent infinite re-renders\n  // Only recreate when the actual data changes, not on every render\n  const context = useMemo(() => {\n    let clientData = pageData.data?.clientData;\n    logger.debug('Building context', {\n      hasClientData: !!clientData,\n      clientDataKeys: Object.keys(clientData || {}).length\n    });\n\n    // Apply layout heuristics to fix common issues\n    if (clientData) {\n      patchPageData(clientData);\n    }\n\n    return {\n      nodeData: undefined,\n      // Allow overriding specific values by element id.\n      // For now, this is used to override TextComponent content when the node has the PROP:TEXT_VAR tag.\n      textOverridesById: data,\n      // Support for encore:data:array tags - provide array data by component ID\n      arrayDataById: data,\n      // Support for standalone component data binding (encore:data tags at root level)\n      rootData: data,\n    };\n  }, [pageData.data?.clientData, data]);\n\n  // Manage repeating container controls (sliders, lists)\n  const repeatingContainerContextValue = useRepeatingContainers(\n    repeatingContainerControls\n  );\n\n  // Sync input groups from props to store\n  useEffect(() => {\n    if (inputGroups) {\n      const setInputGroupValue = useEncoreState.getState().setInputGroupValue;\n      Object.entries(inputGroups).forEach(([groupName, elementName]) => {\n        setInputGroupValue(groupName, elementName);\n      });\n    }\n  }, [inputGroups]);\n\n  // Observe size changes of the dynamic content container and notify consumer\n  useEffect(() => {\n    if (!onSizeChange) return;\n    const element = containerRef.current;\n    if (!element) return;\n    const notify = (entry: ResizeObserverEntry) => {\n      const cr = entry.contentRect;\n      onSizeChange({ width: cr.width, height: cr.height });\n    };\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        notify(entry);\n      }\n    });\n    // Emit initial size as soon as possible\n    const rect = element.getBoundingClientRect();\n    onSizeChange({ width: rect.width, height: rect.height });\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  // Per-instance source override\n  useEffect(() => {\n    if (!source) return;\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n    return () => {\n      // Clear override when this instance unmounts\n      setLocalModeOverride(null);\n    };\n  }, [source]);\n\n  if (!pageId) {\n    return (\n      <div style={{ padding: \"30px\" }}>\n        <div style={{ overflowY: \"auto\" }}>\n          {(isLocalMode()\n            ? // Local mode: app.json provides pages under app.data.pages\n              ((app?.data as any)?.app?.data?.pages || []).map(\n                (pg: any) => pg?.id\n              )\n            : app?.data?.app.pageIds || []\n          ).map((p: string) => (\n            <Link\n              key={p}\n              to={`/apps/${appId}/pages/${p}?noRedirect=${noRedirect}`}\n              style={{\n                fontSize: 20,\n                display: \"block\",\n                marginBottom: \"10px\",\n              }}\n            >\n              {p}\n            </Link>\n          ))}\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div\n        ref={contentWrapperRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Suspense fallback={fallback || <div />}>\n          <EncoreContextProviders\n            componentId={componentId}\n            onAction={onAction}\n            repeatingContainerContextValue={repeatingContainerContextValue}\n            bindingContextValue={context}\n          >\n            <DynamicComponent\n              name={`${appId}/draft/components/${pageId}`}\n              fallback={fallback}\n              reloadKey={reloadKey}\n              componentCode={componentCode}\n            />\n          </EncoreContextProviders>\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n\nexport default EncoreApp;\n"],"names":["Link","to","children","style","props","navigate","useEncoreRouter","jsx","e","setAppSelector","state","setAppIdSelector","setPageIdSelector","assetsByIdSelector","EncoreApp","appId","pageId","componentId","fallback","onSizeChange","onContentSizeChange","onAction","data","source","repeatingContainerControls","inputGroups","baseURL","appDefinition","pageDefinition","componentCode","logger","useEncoreState","setLocalModeOverride","noRedirect","setApp","setAppId","setPageId","assetsById","containerRef","useRef","contentWrapperRef","useEffect","element","notify","observer","reloadKey","setReloadKey","useState","handleUpdate","useCallback","prev","usePusherUpdates","isLocalMode","useLocalFlag","appUrl","appSWR","useSWR","fetcher","app","useFontLoader","id","resolve","img","pageUrl","pageSWR","pageData","context","useMemo","clientData","patchPageData","repeatingContainerContextValue","useRepeatingContainers","setInputGroupValue","groupName","elementName","entry","cr","entries","rect","Suspense","EncoreContextProviders","DynamicComponent","pg","p"],"mappings":"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"}