@amplifyup/sdk 0.1.53 → 0.1.55

package/dist/AmplifyRenderer.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { createContext, useState, useEffect, Fragment as Fragment$1, useContext, Component } from 'react';
+import { createContext, memo, useState, useEffect, useContext, Fragment as Fragment$1, Component } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'marked';
 
@@ -556,6 +556,49 @@ function mergeEventContext(properties, attached) {
 function setPageResourceFields(fields) {
 }
 
+// src/debug.ts
+function envFlag(value) {
+  if (!value) return false;
+  const v = value.trim().toLowerCase();
+  return v === "1" || v === "true" || v === "yes";
+}
+function readAmplifyUpDebugEnv() {
+  try {
+    if (typeof process === "undefined") return false;
+    return envFlag(process.env.NEXT_PUBLIC_AMPLIFYUP_DEBUG) || envFlag(process.env.AMPLIFYUP_DEBUG);
+  } catch {
+    return false;
+  }
+}
+var configDebug;
+function setAmplifyUpDebug(enabled) {
+  configDebug = enabled;
+}
+function isAmplifyUpDebug() {
+  if (configDebug === true) return true;
+  if (configDebug === false) return false;
+  return readAmplifyUpDebugEnv();
+}
+var onceKeys = /* @__PURE__ */ new Set();
+var onceRoute = "";
+function resetOnceIfRouteChanged() {
+  const route = typeof window !== "undefined" ? window.location.pathname : "";
+  if (route === onceRoute) return;
+  onceKeys.clear();
+  onceRoute = route;
+}
+function sdkDebug(...args) {
+  if (!isAmplifyUpDebug()) return;
+  console.log(...args);
+}
+function sdkDebugOnce(key, ...args) {
+  if (!isAmplifyUpDebug()) return;
+  resetOnceIfRouteChanged();
+  if (onceKeys.has(key)) return;
+  onceKeys.add(key);
+  console.log(...args);
+}
+
 // src/index.ts
 var DWELL_ACTIVITY_IDLE_MS = 2 * 60 * 1e3;
 var DWELL_POLL_MS = 5e3;
@@ -787,13 +830,13 @@ var AmplifyUpSDK = class {
     }
     this.config = {
       trackingId: previewOverrides.trackingId || config.trackingId,
-      debug: config.debug ?? true,
-      // Enable debug by default
+      debug: config.debug ?? readAmplifyUpDebugEnv(),
       target: this.target,
       dev: config.dev,
       ...config.siteId ? { siteId: config.siteId } : {},
       ...config.pageContext ? { pageContext: config.pageContext } : {}
     };
+    setAmplifyUpDebug(!!this.config.debug);
     if (config.pageContext) {
       this.pendingPageContext = config.pageContext;
       this.recomputeAttachedContext();
@@ -2945,11 +2988,9 @@ var refreshEventTracking = () => getSDK().refreshEventTracking();
 getSDK();
 createContext(null);
 function useLiveComposerProps(layoutNodeId, props) {
-  const [live, setLive] = useState(props);
-  useEffect(() => {
-    setLive(props);
-  }, [props]);
+  const [patch, setPatch] = useState(null);
   useEffect(() => {
+    setPatch(null);
     const matchesNode = (nodeId) => {
       if (nodeId && layoutNodeId && String(nodeId) !== String(layoutNodeId)) {
         return false;
@@ -2959,15 +3000,15 @@ function useLiveComposerProps(layoutNodeId, props) {
     const applyField = (fieldName, value, nodeId) => {
       if (!fieldName || typeof fieldName !== "string") return;
       if (!matchesNode(nodeId)) return;
-      setLive((prev) => ({ ...prev, [fieldName]: value }));
+      setPatch((prev) => ({ ...prev || {}, [fieldName]: value }));
     };
     const applyProps = (nextProps, nodeId) => {
       if (!nextProps || typeof nextProps !== "object" || Array.isArray(nextProps)) {
         return;
       }
       if (!matchesNode(nodeId)) return;
-      setLive((prev) => ({
-        ...prev,
+      setPatch((prev) => ({
+        ...prev || {},
         ...nextProps
       }));
     };
@@ -2996,7 +3037,7 @@ function useLiveComposerProps(layoutNodeId, props) {
       window.removeEventListener("message", onMessage);
     };
   }, [layoutNodeId]);
-  return live;
+  return patch ? { ...props, ...patch } : props;
 }
 var usePathname = null;
 if (typeof window !== "undefined") {
@@ -3081,7 +3122,7 @@ function LiveNodeRender({
     layoutNodeId: nodeId
   }) });
 }
-function AmplifyRenderer({
+function AmplifyRendererInner({
   renderComponent,
   pageConfig: serverPageConfig,
   loadingComponent,
@@ -3223,14 +3264,22 @@ function AmplifyRenderer({
         return `${indent}- ${n.id} (${n.componentId || "?"})${slotsDesc ? "\n" + slotsDesc : ""}`;
       }).join("\n");
     };
-    console.log("[AmplifyRenderer] layoutTree received:\n%s", describeLayoutTree(layoutTree2));
+    sdkDebugOnce(
+      `layoutTree:${pageConfig?.id || ""}:${pageConfig?.route || ""}`,
+      "[AmplifyRenderer] layoutTree received:\n%s",
+      describeLayoutTree(layoutTree2)
+    );
     if (typeof window !== "undefined" && window.parent && window.parent !== window) {
       const message = {
         type: "COMPONENT_TREE",
         tree: componentTree
       };
       window.parent.postMessage(message, "*");
-      console.log("[AmplifyRenderer] Sent component tree from layoutTree:", componentTree.length, "root components");
+      sdkDebug(
+        "[AmplifyRenderer] Sent component tree from layoutTree:",
+        componentTree.length,
+        "root components"
+      );
     }
   }, [pageConfig]);
   useEffect(() => {
@@ -3381,7 +3430,7 @@ function AmplifyRenderer({
       );
     }
     let slotChildren = {};
-    console.log(`[AmplifyRenderer] Rendering node ${node.id} (${node.componentId})`, {
+    sdkDebugOnce(`node:${node.id}`, `[AmplifyRenderer] Rendering node ${node.id} (${node.componentId})`, {
       hasSlots: !!(node.slots && node.slots.length > 0),
       slotCount: node.slots?.length || 0,
       slots: node.slots?.map((s) => ({ slotId: s.slotId, zoneId: s.zoneId, childrenCount: s.children?.length || 0 }))
@@ -3390,30 +3439,13 @@ function AmplifyRenderer({
       for (const slot of node.slots) {
         const slotKey = `${node.id}-${slot.slotId}`;
         let childrenToRender = [];
-        console.log(`[AmplifyRenderer] Processing slot ${slot.slotId} for node ${node.id}`, {
-          slotKey,
-          hasZoneId: !!slot.zoneId,
-          hasVariants: !!slot.variants,
-          hasVariantCache: !!variantCache[slotKey],
-          directChildrenCount: slot.children?.length || 0
-        });
         if (slot.zoneId && slot.variants && variantCache[slotKey]) {
           childrenToRender = variantCache[slotKey].children;
-          console.log(`[AmplifyRenderer] Using cached variant for slot ${slot.slotId}`, {
-            variantId: variantCache[slotKey].variantId,
-            childrenCount: childrenToRender.length
-          });
         } else if (slot.zoneId && slot.variants) {
           const defaultVariant = slot.variants.find((v) => v.isDefault);
           childrenToRender = defaultVariant?.children || [];
-          console.log(`[AmplifyRenderer] Using default variant for slot ${slot.slotId}`, {
-            childrenCount: childrenToRender.length
-          });
         } else {
           childrenToRender = Array.isArray(slot.children) ? slot.children : [];
-          console.log(`[AmplifyRenderer] Using direct children for slot ${slot.slotId}`, {
-            childrenCount: childrenToRender.length
-          });
         }
         const safeChildren = Array.isArray(childrenToRender) ? childrenToRender : [];
         slotChildren[slot.slotId] = /* @__PURE__ */ jsx(
@@ -3428,10 +3460,6 @@ function AmplifyRenderer({
           },
           slot.slotId
         );
-        console.log(`[AmplifyRenderer] Created slot content for ${slot.slotId}`, {
-          slotId: slot.slotId,
-          renderedChildrenCount: childrenToRender.length
-        });
       }
     }
     const slotsToPass = Object.keys(slotChildren).length > 0 ? slotChildren : void 0;
@@ -3469,6 +3497,7 @@ function AmplifyRenderer({
     }
   ) : layoutTree.map((node) => /* @__PURE__ */ jsx("div", { children: renderNode(node) }, node.id)) });
 }
+var AmplifyRenderer = memo(AmplifyRendererInner);
 
 export { AmplifyRenderer };
 //# sourceMappingURL=AmplifyRenderer.mjs.map