@amplifyup/sdk 0.1.77 → 0.1.79

package/dist/AmplifyRenderer.mjs

@@ -166,6 +166,7 @@ var AWSAdapter = class {
       return;
     }
     const trackingId = eventData?.trackingId || this.config?.trackingId;
+    const debug = this.config?.debug;
     const query = trackingId ? `?tid=${encodeURIComponent(trackingId)}` : "";
     const url = `${this.apiGatewayUrl}${endpoint}${query}`;
     try {
@@ -180,15 +181,15 @@ var AWSAdapter = class {
         keepalive: true
       });
       if (!response.ok) {
-        if (this.config.debug) {
+        if (debug) {
           console.warn(`AmplifyUp SDK: Event tracking failed: ${response.status} ${response.statusText}`);
         }
-      } else if (this.config.debug) {
+      } else if (debug) {
         const result = await response.json().catch(() => ({}));
         console.log("AmplifyUp SDK: Event tracked", result);
       }
     } catch (error) {
-      if (this.config.debug) {
+      if (debug) {
         console.error("AmplifyUp SDK: Event tracking error:", error);
       }
     }
@@ -3563,6 +3564,14 @@ function getSDK(adapter) {
 var trackContentView = (contentId, contentType, properties) => getSDK().trackContentView(contentId, contentType, properties);
 var refreshEventTracking = () => getSDK().refreshEventTracking();
 getSDK();
+var PageContentRegistryContext = createContext(null);
+function useRegisterPageContent(enabled = true) {
+  const register = useContext(PageContentRegistryContext);
+  useEffect(() => {
+    if (!enabled || !register) return;
+    return register();
+  }, [enabled, register]);
+}
 function useInComposer(force = false) {
   const [detected, setDetected] = useState(false);
   useEffect(() => {
@@ -3701,7 +3710,89 @@ function MaybeComposerProvider({
 }) {
   return /* @__PURE__ */ jsx(ComposerProvider, { enabled, children: /* @__PURE__ */ jsx(ComposerNodeContext.Provider, { value: enabled ? layoutNodeId : void 0, children }) });
 }
-createContext(null);
+var ComponentContext = createContext(null);
+function ComponentContextProvider({
+  children,
+  slots,
+  props,
+  layoutNodeId,
+  componentId
+}) {
+  const next = hydratePageResourceProps(props || {}, getPageResourceFields());
+  return /* @__PURE__ */ jsx(
+    ComponentContext.Provider,
+    {
+      value: { slots, props: next, layoutNodeId, componentId },
+      children
+    }
+  );
+}
+var REGISTRY_BRAND = Symbol.for("amplifyup.componentRegistry");
+var isComponentRegistry = (value) => !!value && typeof value === "object" && value[REGISTRY_BRAND] === true;
+var warnedMissing = /* @__PURE__ */ new Set();
+var warnMissingOnce = (componentId) => {
+  if (warnedMissing.has(componentId)) return;
+  warnedMissing.add(componentId);
+  console.warn(
+    `[Amplify UP] No component in your component registry matches "${componentId}". Add a file with that name to your components folder.`
+  );
+};
+var MissingComponentHint = ({ componentId }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    "data-amplifyup-missing-component": componentId,
+    style: {
+      margin: "0.5rem 0",
+      padding: "0.75rem 1rem",
+      border: "1.5px dashed currentColor",
+      borderRadius: 8,
+      opacity: 0.7,
+      fontSize: 14,
+      textAlign: "center"
+    },
+    children: [
+      "\u201C",
+      componentId,
+      "\u201D isn\u2019t set up on this site yet."
+    ]
+  }
+);
+var RegistryComponent = ({
+  registry,
+  componentId,
+  props,
+  slots,
+  layoutNodeId,
+  composerPreview
+}) => {
+  const Component2 = registry.resolve(componentId);
+  if (!Component2) {
+    warnMissingOnce(componentId);
+    return composerPreview ? /* @__PURE__ */ jsx(MissingComponentHint, { componentId }) : null;
+  }
+  return /* @__PURE__ */ jsx(
+    ComponentContextProvider,
+    {
+      props,
+      slots,
+      layoutNodeId,
+      componentId,
+      children: /* @__PURE__ */ jsx(Component2, { ...props })
+    }
+  );
+};
+var assertComponentRegistry = (owner, props) => {
+  if ("renderComponent" in props) {
+    throw new Error(
+      `[Amplify UP] ${owner}: renderComponent was removed in @amplifyup/sdk 0.2.0. Components now load automatically \u2014 wrap next.config with withAmplifyUp and render <AmplifyPage /> from the generated component registry. See "Upgrading from 0.1" in the SDK README.`
+    );
+  }
+  if (!isComponentRegistry(props.registry)) {
+    throw new Error(
+      `[Amplify UP] ${owner} needs your component registry. Render <AmplifyPage /> from the generated .amplifyup/component-registry module (created by withAmplifyUp or \`amplifyup registry\`).`
+    );
+  }
+};
 var usePathname = null;
 if (typeof window !== "undefined") {
   try {
@@ -3788,22 +3879,33 @@ function NodeWithFields({
   componentId,
   props,
   slots,
-  renderComponent,
+  registry,
   composerPreview
 }) {
-  return /* @__PURE__ */ jsx(MaybeComposerProvider, { enabled: !!composerPreview, layoutNodeId: nodeId, children: renderComponent(componentId, props, slots, {
-    layoutNodeId: nodeId
-  }) });
+  return /* @__PURE__ */ jsx(MaybeComposerProvider, { enabled: !!composerPreview, layoutNodeId: nodeId, children: /* @__PURE__ */ jsx(
+    RegistryComponent,
+    {
+      registry,
+      componentId,
+      props,
+      slots,
+      layoutNodeId: nodeId,
+      composerPreview: !!composerPreview
+    }
+  ) });
 }
-function AmplifyRendererInner({
-  renderComponent,
-  pageConfig: serverPageConfig,
-  loadingComponent,
-  errorComponent,
-  emptyComponent,
-  composerPreview
-}) {
+function AmplifyRendererInner(rendererProps) {
+  assertComponentRegistry("AmplifyRenderer", rendererProps);
+  const {
+    registry,
+    pageConfig: serverPageConfig,
+    loadingComponent,
+    errorComponent,
+    emptyComponent,
+    composerPreview
+  } = rendererProps;
   const clientHook = useAmplifyUp();
+  useRegisterPageContent(!serverPageConfig);
   const composerPreviewFlag = useComposerPreviewFlag(!!composerPreview);
   const pageConfig = serverPageConfig || clientHook.pageConfig || null;
   const loading = serverPageConfig ? false : clientHook.loading;
@@ -4137,7 +4239,7 @@ function AmplifyRendererInner({
                 componentId: node.componentId,
                 props: nodeRenderProps(node),
                 slots: slotsToPass,
-                renderComponent,
+                registry,
                 composerPreview: composerPreviewFlag
               }
             )