@amplifyup/sdk 0.1.5 → 0.1.6

package/README.md

@@ -28,6 +28,43 @@ NEXT_PUBLIC_AMPLIFYUP_TARGET=local
 
 Check active URLs in the browser: `AmplifyUp.getStatus()`
 
+### Hybrid pages (native content + Composer)
+
+For pages with native content that should only appear for real visitors:
+
+```tsx
+// app/insights/page.tsx (server)
+import { isPreviewRequest } from '@amplifyup/sdk';
+import { AmplifyPageContent } from '@amplifyup/sdk/react';
+
+export default async function InsightsPage({ searchParams }) {
+  const params = await searchParams;
+
+  if (isPreviewRequest(params)) {
+    // Composer: no blog fetch, no native fallback HTML
+    return (
+      <Layout>
+        <AmplifyPageContent renderComponent={renderAmplifyComponent} />
+      </Layout>
+    );
+  }
+
+  const posts = await getPosts();
+  return (
+    <Layout>
+      <PostsProvider value={posts}>
+        <AmplifyPageContent
+          fallback={<InsightsFallback />}
+          renderComponent={renderAmplifyComponent}
+        />
+      </PostsProvider>
+    </Layout>
+  );
+}
+```
+
+In Composer preview, `AmplifyPageContent` shows an empty layout canvas — never `fallback`.
+
 ## Installation
 
 ```bash

package/dist/AmplifyRenderer.js

@@ -407,6 +407,7 @@ var AmplifyUpSDK = class {
    */
   async init(config) {
     if (this.initialized && this.adapter?.isInitialized()) {
+      this.ensureWindowBridge();
       return;
     }
     if (this.initPromise) {
@@ -419,6 +420,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();
@@ -457,34 +484,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()) {
@@ -1495,10 +1498,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);