@amplifyup/sdk 0.1.31 → 0.1.33

package/dist/{preview-BMrIgUvp.d.mts → preview-_vHmzRen.d.mts}

@@ -4,10 +4,15 @@
  */
 /** True when `preview=true` (or legacy visualEditor) is in request search params. */
 declare function isPreviewRequest(searchParams: Record<string, string | string[] | undefined> | URLSearchParams): boolean;
+/**
+ * Composer Edit (not Preview toggle): overlay unpublished CMS docs.
+ * Live visitors and Composer Preview omit this.
+ */
+declare function isWorkingContentRequest(searchParams: Record<string, string | string[] | undefined> | URLSearchParams): boolean;
 /**
  * Client-only: true when the page is loaded inside AmplifyUp Composer.
  * Does NOT treat every iframe as preview — only Composer referrers / query flags.
  */
 declare function isComposerPreview(): boolean;
 
-export { isPreviewRequest as a, isComposerPreview as i };
+export { isPreviewRequest as a, isWorkingContentRequest as b, isComposerPreview as i };

package/dist/{preview-BMrIgUvp.d.ts → preview-_vHmzRen.d.ts}

@@ -4,10 +4,15 @@
  */
 /** True when `preview=true` (or legacy visualEditor) is in request search params. */
 declare function isPreviewRequest(searchParams: Record<string, string | string[] | undefined> | URLSearchParams): boolean;
+/**
+ * Composer Edit (not Preview toggle): overlay unpublished CMS docs.
+ * Live visitors and Composer Preview omit this.
+ */
+declare function isWorkingContentRequest(searchParams: Record<string, string | string[] | undefined> | URLSearchParams): boolean;
 /**
  * Client-only: true when the page is loaded inside AmplifyUp Composer.
  * Does NOT treat every iframe as preview — only Composer referrers / query flags.
  */
 declare function isComposerPreview(): boolean;
 
-export { isPreviewRequest as a, isComposerPreview as i };
+export { isPreviewRequest as a, isWorkingContentRequest as b, isComposerPreview as i };

package/dist/react.d.mts

@@ -3,7 +3,7 @@ import React, { ReactNode } from 'react';
 import { P as PageConfig, b as AmplifyUpConfig, C as ContentSource, A as AmplifyContentMeta } from './types-npF_lNoq.mjs';
 export { Z as ZoneConfig } from './types-npF_lNoq.mjs';
 export { AmplifyRenderer } from './AmplifyRenderer.mjs';
-export { i as isComposerPreview, a as isPreviewRequest } from './preview-BMrIgUvp.mjs';
+export { i as isComposerPreview, a as isPreviewRequest, b as isWorkingContentRequest } from './preview-_vHmzRen.mjs';
 export { fetchPageConfigServer } from './server.mjs';
 
 type RenderComponentContext = {

package/dist/react.d.ts

@@ -3,7 +3,7 @@ import React, { ReactNode } from 'react';
 import { P as PageConfig, b as AmplifyUpConfig, C as ContentSource, A as AmplifyContentMeta } from './types-npF_lNoq.js';
 export { Z as ZoneConfig } from './types-npF_lNoq.js';
 export { AmplifyRenderer } from './AmplifyRenderer.js';
-export { i as isComposerPreview, a as isPreviewRequest } from './preview-BMrIgUvp.js';
+export { i as isComposerPreview, a as isPreviewRequest, b as isWorkingContentRequest } from './preview-_vHmzRen.js';
 export { fetchPageConfigServer } from './server.js';
 
 type RenderComponentContext = {

package/dist/react.js

@@ -325,12 +325,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;
@@ -565,6 +570,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. */
@@ -1464,6 +1471,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()}`;
@@ -2223,6 +2233,7 @@ Available Console Commands:
       this.applyComponentHighlights(highlightComponents, showZones);
       this.setupMutationObserver();
       this.setupComposerDragDrop();
+      this.setupComposerBoundsTracking();
     }
     previouslySelected.forEach((el) => {
       if (document.contains(el)) {
@@ -2377,6 +2388,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;
@@ -2544,6 +2601,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;
@@ -3778,12 +3836,14 @@ async function fetchPageConfigServer(route, trackingId, preview = false, options
   });
   const { orchestratorUrl, edgeUrl } = resolveAmplifyUpUrls(target);
   const previewFlag = preview || (options?.searchParams ? isPreviewRequest(options.searchParams) : false);
+  const workingFlag = options?.searchParams ? isWorkingContentRequest(options.searchParams) : false;
   const fetchOrchestratorPage = async (pageRoute, isPreview) => {
     const params = new URLSearchParams({
       route: pageRoute,
       trackingId
     });
     if (isPreview) params.set("preview", "true");
+    if (workingFlag) params.set("working", "true");
     const url = `${orchestratorUrl}/api/layout/provider?${params.toString()}`;
     try {
       const res = await fetch(url, {
@@ -3977,6 +4037,7 @@ exports.Slot = Slot;
 exports.fetchPageConfigServer = fetchPageConfigServer;
 exports.isComposerPreview = isComposerPreview;
 exports.isPreviewRequest = isPreviewRequest;
+exports.isWorkingContentRequest = isWorkingContentRequest;
 exports.useAmplifyUp = useAmplifyUp;
 exports.useComponentProps = useComponentProps;
 exports.useLiveComposerProps = useLiveComposerProps;