@zalify/storefront-kit 0.1.11 → 0.1.12

package/dist/editor/frame.js

@@ -161,6 +161,13 @@ export function mountFrameBridge(options) {
                 }
                 options.onDeviceChange?.(message.payload.device);
                 setSelection(message.payload.selectedPath);
+                // The first measurement can run before bridge:init arrives. It is
+                // intentionally not posted until the editor origin is pinned, so
+                // invalidate the cached value and publish it now.
+                queueMicrotask(() => {
+                    lastHeight = 0;
+                    measure();
+                });
                 break;
             }
             case 'block:select':
@@ -285,7 +292,7 @@ export function mountFrameBridge(options) {
             });
         };
     })();
-    const measure = () => {
+    function measure() {
         // documentElement.scrollHeight never drops below the viewport, so a
         // full-height host iframe would ratchet upward forever; the body's
         // border box tracks actual content in both directions.
@@ -296,7 +303,7 @@ export function mountFrameBridge(options) {
         lastHeight = height;
         syncSelectionHighlight();
         post({ type: 'height:changed', payload: { height } });
-    };
+    }
     const resizeObserver = new win.ResizeObserver(measure);
     resizeObserver.observe(doc.documentElement);
     if (doc.body)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zalify/storefront-kit",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "type": "module",
   "description": "The Zalify storefront SDK: framework-agnostic commerce logic (/commerce), the theme contract types and validators (/schemas), the canvas-editor bridge (/editor), and the React theme engine + shared components (/ui, /react/server). Consumed as TypeScript source inside the zalify-storefronts monorepo; published as compiled ESM + d.ts.",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/editor/frame.ts

@@ -233,6 +233,13 @@ export function mountFrameBridge(
         }
         options.onDeviceChange?.(message.payload.device);
         setSelection(message.payload.selectedPath);
+        // The first measurement can run before bridge:init arrives. It is
+        // intentionally not posted until the editor origin is pinned, so
+        // invalidate the cached value and publish it now.
+        queueMicrotask(() => {
+          lastHeight = 0;
+          measure();
+        });
         break;
       }
       case 'block:select':
@@ -358,7 +365,7 @@ export function mountFrameBridge(
     };
   })();
 
-  const measure = (): void => {
+  function measure(): void {
     // documentElement.scrollHeight never drops below the viewport, so a
     // full-height host iframe would ratchet upward forever; the body's
     // border box tracks actual content in both directions.
@@ -370,7 +377,7 @@ export function mountFrameBridge(
     lastHeight = height;
     syncSelectionHighlight();
     post({type: 'height:changed', payload: {height}});
-  };
+  }
   const resizeObserver = new win.ResizeObserver(measure);
   resizeObserver.observe(doc.documentElement);
   if (doc.body) resizeObserver.observe(doc.body);