@juo/orion-extensions 0.10.1 → 0.10.2

package/dist/extensions.js

@@ -7783,7 +7783,7 @@ function createVueCeRenderer(name, component, { shadowRoot = true } = {}) {
   return createCeRenderer(name);
 }
 function isEditorMessage(message) {
-  return message.type === "PROVIDE_THEME_STATE" || message.type === "PROVIDE_TRANSLATION_OVERRIDES" || message.type === "SELECT_BLOCK" || message.type === "UPDATE_BLOCK_PROPS" || message.type === "ADD_BLOCK" || message.type === "REMOVE_BLOCK" || message.type === "MOVE_BLOCK" || message.type === "SET_BLOCK_PRESET" || message.type === "SET_LOCALE" || message.type === "SET_GLOBAL_STYLES" || message.type === "PROVIDE_GLOBAL_STYLES";
+  return message.type === "PROVIDE_THEME_STATE" || message.type === "PROVIDE_TRANSLATION_OVERRIDES" || message.type === "SELECT_BLOCK" || message.type === "UPDATE_BLOCK_PROPS" || message.type === "ADD_BLOCK" || message.type === "REMOVE_BLOCK" || message.type === "MOVE_BLOCK" || message.type === "SET_BLOCK_PRESET" || message.type === "SET_LOCALE" || message.type === "SET_GLOBAL_STYLES" || message.type === "PROVIDE_GLOBAL_STYLES" || message.type === "SCROLL_SYNC" || message.type === "REQUEST_CONTENT_HEIGHT";
 }
 function createRequestThemeStateMessage(payload) {
   return {
@@ -7814,6 +7814,20 @@ function createRequestGlobalStylesMessage(payload) {
     timestamp: Date.now()
   };
 }
+function createScrollSyncMessage(payload) {
+  return {
+    type: "SCROLL_SYNC",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createReportContentHeightMessage(payload) {
+  return {
+    type: "REPORT_CONTENT_HEIGHT",
+    payload,
+    timestamp: Date.now()
+  };
+}
 let bridgeInstance = null;
 function createEditorBridge() {
   if (bridgeInstance !== null) {
@@ -7996,6 +8010,13 @@ function createEditorBridge() {
         }
       } else if (data.type === "SELECT_BLOCK") {
         updateBlockSelection(data.payload.blockId);
+      } else if (data.type === "SCROLL_SYNC") {
+        suppressScrollReport = true;
+        window.scrollTo(0, data.payload.scrollY);
+        return;
+      } else if (data.type === "REQUEST_CONTENT_HEIGHT") {
+        reportContentHeight();
+        return;
       }
       messageHandlers.forEach((handler) => handler(data));
     }
@@ -8017,6 +8038,35 @@ function createEditorBridge() {
     });
   }
   const isEditorMode = window.parent !== window;
+  let ghostScrollStyleEl = null;
+  let ghostScrollObserver = null;
+  let suppressScrollReport = false;
+  function reportContentHeight() {
+    var _a;
+    if (!isEditorMode)
+      return;
+    const height = Math.max(
+      document.documentElement.scrollHeight,
+      ((_a = document.body) == null ? void 0 : _a.scrollHeight) ?? 0
+    );
+    sendMessage(createReportContentHeightMessage({ height }));
+  }
+  function handleScrollEvent() {
+    if (suppressScrollReport) {
+      suppressScrollReport = false;
+      return;
+    }
+    sendMessage(createScrollSyncMessage({ scrollY: window.scrollY }));
+  }
+  if (isEditorMode) {
+    ghostScrollStyleEl = document.createElement("style");
+    ghostScrollStyleEl.textContent = "html { scrollbar-width: none; } html::-webkit-scrollbar { display: none; }";
+    document.head.appendChild(ghostScrollStyleEl);
+    window.addEventListener("scroll", handleScrollEvent, { passive: true });
+    ghostScrollObserver = new ResizeObserver(reportContentHeight);
+    ghostScrollObserver.observe(document.documentElement);
+    reportContentHeight();
+  }
   function onBlockPresetChange(blockId, callback) {
     return onMessage((message) => {
       if (message.type !== "SET_BLOCK_PRESET")
@@ -8033,6 +8083,11 @@ function createEditorBridge() {
   function destroy() {
     window.removeEventListener("message", handleWindowMessage);
     document.removeEventListener("click", handleGlobalClick, true);
+    window.removeEventListener("scroll", handleScrollEvent);
+    ghostScrollObserver == null ? void 0 : ghostScrollObserver.disconnect();
+    ghostScrollObserver = null;
+    ghostScrollStyleEl == null ? void 0 : ghostScrollStyleEl.remove();
+    ghostScrollStyleEl = null;
     for (const [, { timer }] of pendingRequests) {
       clearTimeout(timer);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/orion-extensions",
   "private": false,
-  "version": "0.10.1",
+  "version": "0.10.2",
   "type": "module",
   "files": [
     "dist"
@@ -44,7 +44,7 @@
     "tailwindcss": "3.3.5",
     "vue": "3.5.13",
     "@juo/customer-ui": "0.2.0",
-    "@juo/orion-core": "0.14.0"
+    "@juo/orion-core": "0.15.0"
   },
   "scripts": {
     "dev": "vite build -w",