@amplifyup/sdk 0.1.0 → 0.1.2

package/dist/react.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { createContext, useState, useEffect, useContext } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
@@ -176,6 +177,16 @@ var AWSAdapter = class {
 // src/storage.ts
 var INSTANCE_ID_KEY = "amplifyup_instance_id";
 var USER_ID_KEY = "amplifyup_user_id";
+function generateGuid() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
 function getInstanceId() {
   if (typeof window === "undefined") {
     return "";
@@ -184,7 +195,7 @@ function getInstanceId() {
   if (stored) {
     return stored;
   }
-  const instanceId = `anon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  const instanceId = `browser_${generateGuid()}`;
   localStorage.setItem(INSTANCE_ID_KEY, instanceId);
   return instanceId;
 }
@@ -208,9 +219,69 @@ function clearIds() {
   localStorage.removeItem(USER_ID_KEY);
 }
 
+// src/targets.ts
+var AWS_DEV_API = "https://api-dev.amplifyup.ai";
+var AWS_PROD_API = "https://api.amplifyup.ai";
+var PROD_ORCHESTRATOR = "https://amplifyup.ai";
+function isAmplifyUpTarget(value) {
+  return value === "local" || value === "dev" || value === "production";
+}
+function normalizeAmplifyUpTarget(value) {
+  return value === "dev" ? "local" : value;
+}
+function resolveAmplifyUpTarget(options) {
+  if (options?.configTarget && isAmplifyUpTarget(options.configTarget)) {
+    return normalizeAmplifyUpTarget(options.configTarget);
+  }
+  if (options?.configDev === true) {
+    return "local";
+  }
+  const envTarget = typeof process !== "undefined" ? process.env.NEXT_PUBLIC_AMPLIFYUP_TARGET : void 0;
+  if (isAmplifyUpTarget(envTarget)) {
+    return normalizeAmplifyUpTarget(envTarget);
+  }
+  if (typeof window !== "undefined") {
+    const host = window.location.hostname;
+    if (host === "localhost" || host === "127.0.0.1") {
+      return "local";
+    }
+  }
+  return "production";
+}
+function localOrchestratorUrl() {
+  const fromEnv = typeof process !== "undefined" ? process.env.NEXT_PUBLIC_ORCHESTRATOR_URL : void 0;
+  return (fromEnv || "http://localhost:5001").replace(/\/$/, "");
+}
+function localAwsApiUrl() {
+  const fromEnv = typeof process !== "undefined" ? process.env.NEXT_PUBLIC_AMPLIFYUP_API_URL : void 0;
+  return (fromEnv || AWS_DEV_API).replace(/\/$/, "");
+}
+function resolveAmplifyUpUrls(target) {
+  if (target === "local") {
+    const orchestratorUrl2 = localOrchestratorUrl();
+    const apiGatewayUrl = localAwsApiUrl();
+    return {
+      target: "local",
+      // Layouts / site config / composer APIs → local orchestrator + Neon
+      orchestratorUrl: orchestratorUrl2,
+      // Events + personalize → AWS development stack
+      apiGatewayUrl,
+      decisionApiUrl: `${apiGatewayUrl}/v1/personalize`
+    };
+  }
+  const resolvedApi = typeof process !== "undefined" && process.env.NEXT_PUBLIC_AMPLIFYUP_API_URL?.replace(/\/$/, "") || AWS_PROD_API;
+  const orchestratorFromEnv = typeof process !== "undefined" ? process.env.NEXT_PUBLIC_ORCHESTRATOR_URL : void 0;
+  const isLocalOrchestrator = !!orchestratorFromEnv && (orchestratorFromEnv.includes("localhost") || orchestratorFromEnv.includes("127.0.0.1"));
+  const orchestratorUrl = isLocalOrchestrator || !orchestratorFromEnv ? PROD_ORCHESTRATOR : orchestratorFromEnv.replace(/\/$/, "");
+  return {
+    target: "production",
+    apiGatewayUrl: resolvedApi,
+    orchestratorUrl,
+    decisionApiUrl: `${resolvedApi}/v1/personalize`
+  };
+}
+
 // src/index.ts
-var PROD_API_URL = "https://api.amplifyup.ai" ;
-var PROD_ORCHESTRATOR_URL = "https://amplifyup.ai" ;
 var AmplifyUpSDK = class {
   constructor(adapter) {
     this.config = null;
@@ -218,7 +289,12 @@ var AmplifyUpSDK = class {
     this.apiGatewayUrl = "";
     this.orchestratorUrl = "";
     this.decisionApiUrl = "";
+    this.target = "local";
     this.initialized = false;
+    /** Prevents overlapping init() from React Strict Mode double-mount */
+    this.initPromise = null;
+    /** Ensures auto page() on init fires once per page load */
+    this.initialPageSent = false;
     this.highlightingEnabled = false;
     this.componentRegistry = [];
     this.messageListener = null;
@@ -301,46 +377,41 @@ var AmplifyUpSDK = class {
     }
     return false;
   }
-  /**
-   * Get production URLs
-   * 
-   * URLs are baked in at build time via tsup.config.ts
-   * 
-   * API Gateway endpoints:
-   * - /v1/track - Event tracking (ingestion)
-   * - /v1/page - Page view tracking (ingestion)  
-   * - /v1/personalize - Decision engine (personalization)
-   */
-  getProductionUrls() {
-    return {
-      apiGatewayUrl: PROD_API_URL,
-      orchestratorUrl: PROD_ORCHESTRATOR_URL,
-      decisionApiUrl: `${PROD_API_URL}/v1/personalize`
-    };
-  }
   /**
    * Initialize the SDK
-   * Automatically reads env vars and sets up tracking
+   * Resolves local | dev | production targets for ingestion + personalization URLs.
    */
   async init(config) {
+    if (this.initialized && this.adapter?.isInitialized()) {
+      return;
+    }
+    if (this.initPromise) {
+      return this.initPromise;
+    }
+    this.initPromise = this.performInit(config);
+    try {
+      await this.initPromise;
+    } finally {
+      this.initPromise = null;
+    }
+  }
+  async performInit(config) {
     if (!this.adapter) {
       this.adapter = new AWSAdapter();
     }
-    const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
-    if (isLocalhost || config.dev === true) {
-      this.apiGatewayUrl = "http://localhost:5001/api";
-      this.orchestratorUrl = "http://localhost:5001";
-      this.decisionApiUrl = "http://localhost:5001/api/v1/personalize";
-    } else {
-      const urls = this.getProductionUrls();
-      this.apiGatewayUrl = urls.apiGatewayUrl;
-      this.orchestratorUrl = urls.orchestratorUrl;
-      this.decisionApiUrl = urls.decisionApiUrl;
-    }
+    this.target = resolveAmplifyUpTarget({
+      configTarget: config.target,
+      configDev: config.dev
+    });
+    const urls = resolveAmplifyUpUrls(this.target);
+    this.apiGatewayUrl = urls.apiGatewayUrl;
+    this.orchestratorUrl = urls.orchestratorUrl;
+    this.decisionApiUrl = urls.decisionApiUrl;
     this.config = {
       trackingId: config.trackingId,
       debug: config.debug ?? true,
       // Enable debug by default
+      target: this.target,
       dev: config.dev
     };
     try {
@@ -357,6 +428,7 @@ var AmplifyUpSDK = class {
           getInstanceId: () => this.getInstanceId(),
           getUserId: () => this.getUserId(),
           getTrackingId: () => this.getTrackingId(),
+          getTarget: () => this.getTarget(),
           getDiagnostics: () => this.getDiagnostics(),
           getStatus: () => {
             console.log(this.getStatus());
@@ -377,7 +449,7 @@ var AmplifyUpSDK = class {
         };
         if (this.config?.debug) {
           console.log("AmplifyUp SDK: Diagnostic methods available on window.AmplifyUp");
-          console.log("Try: AmplifyUp.getStatus() or AmplifyUp.verifyAWSConnection()");
+          console.log("Try: AmplifyUp.getStatus() or AmplifyUp.testTracking()");
         }
       }
       this.clearTrackingIntervals();
@@ -389,11 +461,20 @@ var AmplifyUpSDK = class {
         if (this.isPreviewMode()) {
           return;
         }
-        const url = window.location.pathname;
-        this.page(url);
+        if (!this.initialPageSent) {
+          this.initialPageSent = true;
+          const url = window.location.pathname;
+          this.page(url);
+        }
       }
       if (this.config?.debug && this.initialized) {
-        console.log("AmplifyUp SDK: Initialized successfully", { trackingId: config.trackingId });
+        console.log("AmplifyUp SDK: Initialized successfully", {
+          trackingId: config.trackingId,
+          target: this.target,
+          apiGatewayUrl: this.apiGatewayUrl,
+          orchestratorUrl: this.orchestratorUrl,
+          decisionApiUrl: this.decisionApiUrl || "(orchestrator fallback)"
+        });
       }
     } catch (error) {
       console.error("AmplifyUp SDK: Initialization failed", error);
@@ -594,6 +675,7 @@ var AmplifyUpSDK = class {
       instanceId,
       userId,
       trackingId: this.config?.trackingId,
+      target: this.target,
       config: {
         apiGatewayUrl: this.apiGatewayUrl,
         decisionApiUrl: this.decisionApiUrl,
@@ -602,6 +684,9 @@ var AmplifyUpSDK = class {
       }
     };
   }
+  getTarget() {
+    return this.target;
+  }
   /**
    * Test tracking by sending a test event
    */
@@ -659,6 +744,7 @@ var AmplifyUpSDK = class {
 AmplifyUp SDK Status:
 \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
 Initialized: ${diag.initialized ? "\u2705 Yes" : "\u274C No"}
+Target: ${diag.target}
 Instance ID: ${diag.instanceId}
 User ID: ${diag.userId || "Not identified"}
 Tracking ID: ${diag.trackingId || "Not set"}
@@ -670,11 +756,11 @@ Config:
   API Gateway: ${this.apiGatewayUrl || "Not set (required)"}
   Decision API: ${this.decisionApiUrl || "Not set (using Orchestrator fallback)"}
   Orchestrator: ${this.orchestratorUrl || "Not set"}
-  Debug: ${diag.config.debug ? "Enabled" : "Disabled"}
 
 Available Console Commands:
   AmplifyUp.getStatus()        - Show this status
   AmplifyUp.getDiagnostics()   - Get full diagnostic object
+  AmplifyUp.getTarget()        - Current environment target
   AmplifyUp.getInstanceId()    - Get instance ID (browser/session ID)
   AmplifyUp.getUserId()        - Get user ID if identified
   AmplifyUp.testTracking()     - Send a test event
@@ -1683,19 +1769,31 @@ function AmplifyRenderer({
 }
 
 // src/server.tsx
-async function fetchPageConfigServer(route, trackingId, preview = false) {
-  const sdk = getSDK();
-  const orchestratorUrl = typeof process !== "undefined" && process.env.NEXT_PUBLIC_ORCHESTRATOR_URL || "http://localhost:5001";
-  const originalConfig = sdk.config;
-  sdk.config = {
-    trackingId,
-    orchestratorUrl
-  };
+async function fetchPageConfigServer(route, trackingId, preview = false, options) {
+  const target = resolveAmplifyUpTarget({
+    configTarget: options?.target
+  });
+  const { orchestratorUrl } = resolveAmplifyUpUrls(target);
+  const params = new URLSearchParams({
+    route,
+    trackingId
+  });
+  if (preview) {
+    params.set("preview", "true");
+  }
+  const url = `${orchestratorUrl}/api/layout/provider?${params.toString()}`;
   try {
-    const page = await sdk.fetchPageConfig(route, preview);
-    return page;
-  } finally {
-    sdk.config = originalConfig;
+    const res = await fetch(url, {
+      cache: "no-store",
+      headers: { Accept: "application/json" }
+    });
+    if (!res.ok) {
+      return null;
+    }
+    const data = await res.json();
+    return data.page || null;
+  } catch {
+    return null;
   }
 }
 var ComponentContext = createContext(null);
@@ -1883,14 +1981,21 @@ function AmplifyUpProvider({ children, config }) {
     }
   }, [nextPathname]);
   useEffect(() => {
+    let cancelled = false;
     const sdk = getSDK();
     sdk.init(config).then(() => {
-      setInitialized(true);
+      if (!cancelled) {
+        setInitialized(true);
+      }
     }).catch((err) => {
+      if (cancelled) return;
       console.error("Failed to initialize AmplifyUp SDK:", err);
       setError("Failed to initialize tracking");
       setLoading(false);
     });
+    return () => {
+      cancelled = true;
+    };
   }, []);
   useEffect(() => {
     if (!initialized) return;