@amplifyup/sdk 0.1.31 → 0.1.33

package/dist/index.mjs

@@ -312,12 +312,17 @@ function resolveAmplifyUpUrls(target) {
 
 // src/preview.ts
 function isPreviewRequest(searchParams) {
+  return paramIsTrue(searchParams, "preview") || paramIsTrue(searchParams, "visualEditor");
+}
+function isWorkingContentRequest(searchParams) {
+  return paramIsTrue(searchParams, "working");
+}
+function paramIsTrue(searchParams, key) {
   if (searchParams instanceof URLSearchParams) {
-    return searchParams.get("preview") === "true" || searchParams.get("visualEditor") === "true";
+    return searchParams.get(key) === "true";
   }
-  const preview = searchParams.preview;
-  const visualEditor = searchParams.visualEditor;
-  return preview === "true" || visualEditor === "true";
+  const value = searchParams[key];
+  return value === "true" || Array.isArray(value) && value[0] === "true";
 }
 function isComposerPreview() {
   if (typeof window === "undefined") return false;
@@ -552,6 +557,8 @@ var AmplifyUpSDK = class {
     this.showZonesEnabled = false;
     this.componentRegistry = [];
     this.messageListener = null;
+    this.composerBoundsRaf = 0;
+    this.composerBoundsScrollListener = null;
     this.mutationObserver = null;
     this.composerDragHandlers = null;
     /** Last slot highlighted during Composer drag — avoid clear/re-add flicker. */
@@ -1451,6 +1458,9 @@ Available Console Commands:
     });
     if (preview) {
       params.set("preview", "true");
+      if (typeof window !== "undefined" && isWorkingContentRequest(new URLSearchParams(window.location.search))) {
+        params.set("working", "true");
+      }
     }
     if (isOnOrchestratorOrigin) {
       return `/api/layout/provider?${params.toString()}`;
@@ -2210,6 +2220,7 @@ Available Console Commands:
       this.applyComponentHighlights(highlightComponents, showZones);
       this.setupMutationObserver();
       this.setupComposerDragDrop();
+      this.setupComposerBoundsTracking();
     }
     previouslySelected.forEach((el) => {
       if (document.contains(el)) {
@@ -2364,6 +2375,52 @@ Available Console Commands:
     this.clearComposerSelection();
     element.classList.add("amplifyup-selected");
   }
+  postComposerSelectionBounds() {
+    if (typeof document === "undefined") return;
+    if (!window.parent || window.parent === window) return;
+    const el = document.querySelector(".amplifyup-selected");
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    window.parent.postMessage(
+      {
+        type: "SELECTION_BOUNDS",
+        bounds: {
+          top: rect.top,
+          left: rect.left,
+          width: rect.width,
+          height: rect.height
+        }
+      },
+      "*"
+    );
+  }
+  setupComposerBoundsTracking() {
+    if (typeof document === "undefined") return;
+    this.teardownComposerBoundsTracking();
+    const onScroll = () => {
+      if (this.composerBoundsRaf) return;
+      this.composerBoundsRaf = requestAnimationFrame(() => {
+        this.composerBoundsRaf = 0;
+        this.postComposerSelectionBounds();
+      });
+    };
+    this.composerBoundsScrollListener = onScroll;
+    document.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("resize", onScroll);
+  }
+  teardownComposerBoundsTracking() {
+    const onScroll = this.composerBoundsScrollListener;
+    this.composerBoundsScrollListener = null;
+    if (this.composerBoundsRaf) {
+      cancelAnimationFrame(this.composerBoundsRaf);
+      this.composerBoundsRaf = 0;
+    }
+    if (!onScroll || typeof document === "undefined") return;
+    document.removeEventListener("scroll", onScroll, true);
+    window.removeEventListener("scroll", onScroll, true);
+    window.removeEventListener("resize", onScroll);
+  }
   /** Visual outlines for Composer (direct iframe path — no preview-frame proxy). */
   injectComposerHighlightStyles(highlightComponents, showZones) {
     if (typeof document === "undefined") return;
@@ -2531,6 +2588,7 @@ Available Console Commands:
     if (typeof document === "undefined") return;
     const clearSelection = opts?.clearSelection !== false;
     this.highlightingEnabled = false;
+    this.teardownComposerBoundsTracking();
     this.teardownComposerDragDrop();
     if (opts?.clearSelection !== false && typeof window !== "undefined") {
       window.__AMPLIFYUP_COMPOSER_EDIT__ = false;
@@ -2782,6 +2840,6 @@ var verifyAWSConnection = () => {
 };
 var index_default = getSDK();
 
-export { AmplifyUpSDK, DWELL_ACTIVITY_IDLE_MS, EdgeResolveError, SESSION_IDLE_GAP_MS, buildLayoutProviderUrl, buildPageRenderUrl, cleanupEventTracking, index_default as default, fetchContent, fetchEdgeResolve, fetchPageConfig, getDiagnostics, getInstanceId2 as getInstanceId, getOrchestratorUrl, getSDK, getStatus, getTarget, getTrackingId, getUserId2 as getUserId, identify, init, isAmplifyUpTarget, isComposerPreview, isPreviewRequest, mapResolvedToPageConfig, normalizeAmplifyUpTarget, normalizeRoute, page, refreshEventTracking, reset, resolveAmplifyUpTarget, resolveAmplifyUpUrls, routeChange, setProfileFields, setupComponentViewTracking, setupEventTracking, testTracking, track, trackClick, trackContentEngagement, trackContentView, trackFormFieldInteraction, trackFormSubmit, verifyAWSConnection };
+export { AmplifyUpSDK, DWELL_ACTIVITY_IDLE_MS, EdgeResolveError, SESSION_IDLE_GAP_MS, buildLayoutProviderUrl, buildPageRenderUrl, cleanupEventTracking, index_default as default, fetchContent, fetchEdgeResolve, fetchPageConfig, getDiagnostics, getInstanceId2 as getInstanceId, getOrchestratorUrl, getSDK, getStatus, getTarget, getTrackingId, getUserId2 as getUserId, identify, init, isAmplifyUpTarget, isComposerPreview, isPreviewRequest, isWorkingContentRequest, mapResolvedToPageConfig, normalizeAmplifyUpTarget, normalizeRoute, page, refreshEventTracking, reset, resolveAmplifyUpTarget, resolveAmplifyUpUrls, routeChange, setProfileFields, setupComponentViewTracking, setupEventTracking, testTracking, track, trackClick, trackContentEngagement, trackContentView, trackFormFieldInteraction, trackFormSubmit, verifyAWSConnection };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map