@amplifyup/sdk 0.1.5 → 0.1.7

package/dist/react.mjs

@@ -283,6 +283,32 @@ function resolveAmplifyUpUrls(target) {
   };
 }
 
+// src/preview.ts
+function isPreviewRequest(searchParams) {
+  if (searchParams instanceof URLSearchParams) {
+    return searchParams.get("preview") === "true" || searchParams.get("visualEditor") === "true";
+  }
+  const preview = searchParams.preview;
+  const visualEditor = searchParams.visualEditor;
+  return preview === "true" || visualEditor === "true";
+}
+function isComposerPreview() {
+  if (typeof window === "undefined") return false;
+  if (window.__AMPLIFYUP_PREVIEW_MODE__ === true) return true;
+  const params = new URLSearchParams(window.location.search);
+  if (isPreviewRequest(params)) return true;
+  if (window.self !== window.top && document.referrer) {
+    try {
+      const refUrl = new URL(document.referrer);
+      if (refUrl.hostname === "amplifyup.ai" || refUrl.hostname.endsWith(".amplifyup.ai") || refUrl.hostname === "localhost" && refUrl.port === "5001" || refUrl.pathname.includes("/dashboard/composer") || refUrl.pathname.includes("/dashboard/routes/")) {
+        return true;
+      }
+    } catch {
+    }
+  }
+  return false;
+}
+
 // src/index.ts
 function readPreviewQueryOverrides() {
   if (typeof window === "undefined") return {};
@@ -405,6 +431,7 @@ var AmplifyUpSDK = class {
    */
   async init(config) {
     if (this.initialized && this.adapter?.isInitialized()) {
+      this.ensureWindowBridge();
       return;
     }
     if (this.initPromise) {
@@ -417,6 +444,32 @@ var AmplifyUpSDK = class {
       this.initPromise = null;
     }
   }
+  /** Attach console helpers to window (idempotent; survives Fast Refresh). */
+  ensureWindowBridge() {
+    if (typeof window === "undefined") return;
+    window.AmplifyUp = {
+      getInstanceId: () => this.getInstanceId(),
+      getUserId: () => this.getUserId(),
+      getTrackingId: () => this.getTrackingId(),
+      getTarget: () => this.getTarget(),
+      getDiagnostics: () => this.getDiagnostics(),
+      getStatus: () => {
+        console.log(this.getStatus());
+        return this.getDiagnostics();
+      },
+      testTracking: () => this.testTracking(),
+      verifyAWSConnection: () => {
+        const result = this.verifyAWSConnection();
+        console.log("AWS Connection Verification:", result.message);
+        console.log("Full details:", result);
+        return result;
+      },
+      isInitialized: () => this.isInitialized(),
+      page: (url, properties) => this.page(url, properties),
+      track: (eventName, properties) => this.track(eventName, properties),
+      identify: (userId, traits) => this.identify(userId, traits)
+    };
+  }
   async performInit(config) {
     if (!this.adapter) {
       this.adapter = new AWSAdapter();
@@ -455,34 +508,10 @@ var AmplifyUpSDK = class {
       };
       await this.adapter.init(adapterConfig);
       this.initialized = this.adapter.isInitialized();
-      if (typeof window !== "undefined") {
-        window.AmplifyUp = {
-          getInstanceId: () => this.getInstanceId(),
-          getUserId: () => this.getUserId(),
-          getTrackingId: () => this.getTrackingId(),
-          getTarget: () => this.getTarget(),
-          getDiagnostics: () => this.getDiagnostics(),
-          getStatus: () => {
-            console.log(this.getStatus());
-            return this.getDiagnostics();
-          },
-          testTracking: () => this.testTracking(),
-          verifyAWSConnection: () => {
-            const result = this.verifyAWSConnection();
-            console.log("AWS Connection Verification:", result.message);
-            console.log("Full details:", result);
-            return result;
-          },
-          isInitialized: () => this.isInitialized(),
-          // Re-export main tracking methods for convenience
-          page: (url, properties) => this.page(url, properties),
-          track: (eventName, properties) => this.track(eventName, properties),
-          identify: (userId, traits) => this.identify(userId, traits)
-        };
-        if (this.config?.debug) {
-          console.log("AmplifyUp SDK: Diagnostic methods available on window.AmplifyUp");
-          console.log("Try: AmplifyUp.getStatus() or AmplifyUp.testTracking()");
-        }
+      this.ensureWindowBridge();
+      if (this.config?.debug) {
+        console.log("AmplifyUp SDK: Diagnostic methods available on window.AmplifyUp");
+        console.log("Try: AmplifyUp.getStatus() or AmplifyUp.testTracking()");
       }
       this.clearTrackingIntervals();
       if (this.isPreviewMode()) {
@@ -1493,10 +1522,17 @@ Available Console Commands:
   }
 };
 var sdkInstance = null;
+if (typeof window !== "undefined" && window.__AMPLIFYUP_SDK__) {
+  sdkInstance = window.__AMPLIFYUP_SDK__;
+}
 function getSDK(adapter) {
   if (!sdkInstance) {
     sdkInstance = new AmplifyUpSDK(adapter);
+    if (typeof window !== "undefined") {
+      window.__AMPLIFYUP_SDK__ = sdkInstance;
+    }
   }
+  sdkInstance.ensureWindowBridge();
   return sdkInstance;
 }
 var trackContentView = (contentId, contentType, properties) => getSDK().trackContentView(contentId, contentType, properties);
@@ -1799,6 +1835,62 @@ function AmplifyRenderer({
   }
   return /* @__PURE__ */ jsx("main", { children: layoutTree.map((node) => /* @__PURE__ */ jsx("div", { children: renderNode(node) }, node.id)) });
 }
+function defaultPreviewCanvas() {
+  return /* @__PURE__ */ jsx("main", { className: "min-h-[50vh]", "data-amplifyup-composer-canvas": true });
+}
+function hasAmplifyLayout(pageConfig) {
+  return !!(pageConfig && pageConfig.id !== "default" && Array.isArray(pageConfig.layoutTree) && pageConfig.layoutTree.length > 0);
+}
+function AmplifyPageContent({
+  fallback,
+  renderComponent,
+  pageConfig: pageConfigProp,
+  previewLoadingComponent,
+  previewEmptyComponent,
+  loadingComponent,
+  emptyComponent,
+  errorComponent
+}) {
+  const client = useAmplifyUp();
+  const preview = isComposerPreview();
+  const pageConfig = pageConfigProp ?? client.pageConfig;
+  const loading = pageConfigProp ? false : client.loading;
+  const error = pageConfigProp ? null : client.error;
+  const previewCanvas = previewEmptyComponent ?? defaultPreviewCanvas();
+  const previewLoading = previewLoadingComponent ?? previewCanvas;
+  if (preview) {
+    return /* @__PURE__ */ jsx(
+      AmplifyRenderer,
+      {
+        pageConfig: pageConfig ?? void 0,
+        renderComponent,
+        loadingComponent: loadingComponent ?? previewLoading,
+        emptyComponent: emptyComponent ?? previewCanvas,
+        errorComponent: errorComponent ?? (() => previewCanvas)
+      }
+    );
+  }
+  if (loading) {
+    return loadingComponent ? /* @__PURE__ */ jsx(Fragment, { children: loadingComponent }) : null;
+  }
+  if (error) {
+    if (errorComponent) return /* @__PURE__ */ jsx(Fragment, { children: errorComponent(error) });
+    return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
+  }
+  if (!hasAmplifyLayout(pageConfig)) {
+    return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
+  }
+  return /* @__PURE__ */ jsx(
+    AmplifyRenderer,
+    {
+      pageConfig: pageConfig ?? void 0,
+      renderComponent,
+      loadingComponent,
+      emptyComponent,
+      errorComponent
+    }
+  );
+}
 
 // src/server.tsx
 async function fetchPageConfigServer(route, trackingId, preview = false, options) {
@@ -2028,7 +2120,7 @@ function AmplifyUpProvider({ children, config }) {
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [config.trackingId, config.target, config.debug, config.dev]);
   useEffect(() => {
     if (!initialized) return;
     const fetchConfig = async () => {
@@ -2041,24 +2133,7 @@ function AmplifyUpProvider({ children, config }) {
           return;
         }
         const sdk = getSDK();
-        const isPreviewContext = (() => {
-          if (typeof window === "undefined") return false;
-          if (window.__AMPLIFYUP_PREVIEW_MODE__ === true) return true;
-          const params = new URLSearchParams(window.location.search);
-          if (params.get("preview") === "true" || params.get("visualEditor") === "true") return true;
-          if (window.self !== window.top) {
-            if (document.referrer) {
-              try {
-                const refUrl = new URL(document.referrer);
-                if (refUrl.hostname === "localhost" && refUrl.port === "5001" || refUrl.pathname.includes("/dashboard/composer") || refUrl.pathname.includes("/dashboard/routes/")) {
-                  return true;
-                }
-              } catch {
-              }
-            }
-          }
-          return false;
-        })();
+        const isPreviewContext = isComposerPreview();
         const page = await sdk.fetchPageConfig(actualRoute, isPreviewContext);
         if (!page) {
           setPageConfig({
@@ -2090,6 +2165,6 @@ function useAmplifyUp() {
   return context;
 }
 
-export { AmplifyRenderer, AmplifyUpProvider, ComponentContextProvider, Field, Slot, fetchPageConfigServer, useAmplifyUp };
+export { AmplifyPageContent, AmplifyRenderer, AmplifyUpProvider, ComponentContextProvider, Field, Slot, fetchPageConfigServer, isComposerPreview, isPreviewRequest, useAmplifyUp };
 //# sourceMappingURL=react.mjs.map
 //# sourceMappingURL=react.mjs.map