@juo/blocks 1.13.0-alpha.2 → 1.14.0

package/dist/{bridge-r7Yk8fjY.js → bridge-D838SWmN.js}

@@ -1,8 +1,37 @@
+const BLOCK_WRAPPER_TAG = "juo-editor-block-wrapper";
+const LAYOUT_BLOCK_WRAPPER_TAG = "juo-editor-layout-block-wrapper";
+const WRAPPER_TAG_NAMES = /* @__PURE__ */ new Set([
+  BLOCK_WRAPPER_TAG.toUpperCase(),
+  LAYOUT_BLOCK_WRAPPER_TAG.toUpperCase()
+]);
+const WRAPPER_SELECTOR = `${BLOCK_WRAPPER_TAG}[data-block-id], ${LAYOUT_BLOCK_WRAPPER_TAG}[data-block-id]`;
+function isBlockWrapperTag(tagName) {
+  return WRAPPER_TAG_NAMES.has(tagName.toUpperCase());
+}
+function getBlockLabel(block) {
+  return block.definition.displayName ?? block.definition.name;
+}
+function resolveOutlineTarget(slotted) {
+  const root = slotted.shadowRoot ?? slotted;
+  let el = root.firstElementChild;
+  while (el) {
+    if (el.tagName === "STYLE") {
+      el = el.nextElementSibling;
+      continue;
+    }
+    if (getComputedStyle(el).display === "contents") {
+      el = el.firstElementChild;
+      continue;
+    }
+    return el;
+  }
+  return slotted.shadowRoot ? null : slotted;
+}
 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" || message.type === "SCROLL_SYNC" || message.type === "REQUEST_CONTENT_HEIGHT" || message.type === "ADD_BLOCK_MENU_CLOSED";
+  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" || message.type === "ADD_BLOCK_MENU_CLOSED" || message.type === "PROVIDE_LAYOUT" || message.type === "PROVIDE_LAYOUT_DOCUMENT" || message.type === "SET_LAYOUTING_MODE";
 }
 function isIframeMessage(message) {
-  return message.type === "SELECT_BLOCK" || message.type === "IFRAME_READY" || message.type === "REGISTER_BLOCKS" || message.type === "REGISTER_ROUTES" || message.type === "REGISTER_OVERLAYS" || message.type === "REMOVE_BLOCK" || message.type === "UPDATE_BLOCK_PROPS" || message.type === "REQUEST_THEME_STATE" || message.type === "UPSERT_THEME_STATE" || message.type === "REQUEST_TRANSLATION_OVERRIDES" || message.type === "UPDATE_BLOCK_TRANSLATION" || message.type === "REGISTER_BLOCK_TRANSLATION_KEYS" || message.type === "FOCUS_INLINE_TEXT" || message.type === "REQUEST_GLOBAL_STYLES" || message.type === "PROVIDE_INITIAL_GLOBAL_STYLES" || message.type === "REPORT_CONTENT_HEIGHT" || message.type === "SCROLL_SYNC" || message.type === "OPEN_ADD_BLOCK_MENU";
+  return message.type === "SELECT_BLOCK" || message.type === "IFRAME_READY" || message.type === "REGISTER_BLOCKS" || message.type === "REGISTER_ROUTES" || message.type === "REMOVE_BLOCK" || message.type === "UPDATE_BLOCK_PROPS" || message.type === "REQUEST_THEME_STATE" || message.type === "UPSERT_THEME_STATE" || message.type === "REQUEST_TRANSLATION_OVERRIDES" || message.type === "UPDATE_BLOCK_TRANSLATION" || message.type === "REGISTER_BLOCK_TRANSLATION_KEYS" || message.type === "FOCUS_INLINE_TEXT" || message.type === "REQUEST_GLOBAL_STYLES" || message.type === "PROVIDE_INITIAL_GLOBAL_STYLES" || message.type === "REPORT_CONTENT_HEIGHT" || message.type === "SCROLL_SYNC" || message.type === "OPEN_ADD_BLOCK_MENU" || message.type === "REQUEST_CLOSE_ADD_BLOCK_MENU" || message.type === "LAYOUT_COMMAND" || message.type === "LAYOUTING_MODE_CHANGED" || message.type === "REPORT_BLOCK_CONTENT_SIZE";
 }
 function createProvideThemeStateMessage(payload) {
   return {
@@ -141,13 +170,6 @@ function createRegisterRoutesMessage(payload) {
     timestamp: Date.now()
   };
 }
-function createRegisterOverlaysMessage(payload) {
-  return {
-    type: "REGISTER_OVERLAYS",
-    payload,
-    timestamp: Date.now()
-  };
-}
 function createSetGlobalStylesMessage(payload) {
   return {
     type: "SET_GLOBAL_STYLES",
@@ -204,6 +226,55 @@ function createAddBlockMenuClosedMessage(payload) {
     timestamp: Date.now()
   };
 }
+function createRequestCloseAddBlockMenuMessage() {
+  return {
+    type: "REQUEST_CLOSE_ADD_BLOCK_MENU",
+    payload: {},
+    timestamp: Date.now()
+  };
+}
+function createProvideLayoutMessage(payload) {
+  return {
+    type: "PROVIDE_LAYOUT",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createLayoutCommandMessage(payload) {
+  return {
+    type: "LAYOUT_COMMAND",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createProvideLayoutDocumentMessage(payload) {
+  return {
+    type: "PROVIDE_LAYOUT_DOCUMENT",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createSetLayoutingModeMessage(payload) {
+  return {
+    type: "SET_LAYOUTING_MODE",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createLayoutingModeChangedMessage(payload) {
+  return {
+    type: "LAYOUTING_MODE_CHANGED",
+    payload,
+    timestamp: Date.now()
+  };
+}
+function createReportBlockContentSizeMessage(payload) {
+  return {
+    type: "REPORT_BLOCK_CONTENT_SIZE",
+    payload,
+    timestamp: Date.now()
+  };
+}
 let bridgeInstance = null;
 function getEditorBridge() {
   return bridgeInstance;
@@ -267,11 +338,13 @@ function createEditorBridge() {
     });
     const isAddBlockButton = path.some((node) => {
       if (!(node instanceof HTMLElement)) return false;
-      return node.classList.contains("block-wrapper__add-btn") || node.classList.contains("block-wrapper__add-btn-inner") || node.classList.contains("block-wrapper__add-btn-surface") || node.classList.contains("block-wrapper__add-btn-plus") || node.classList.contains("block-wrapper__add-btn-text");
+      return node.classList.contains("block-wrapper__add-btn") || node.classList.contains("block-wrapper__add-btn-inner") || node.classList.contains("block-wrapper__add-btn-surface") || node.classList.contains("block-wrapper__add-btn-plus") || node.classList.contains("block-wrapper__add-btn-text") || // Grid layout toolbar's "add block below" button.
+      node.classList.contains("layout-block-wrapper__tool-btn--add");
     });
     if (isAddBlockButton) {
       return;
     }
+    sendMessage(createRequestCloseAddBlockMenuMessage());
     const isEditorUI = path.some((node) => {
       if (!(node instanceof HTMLElement)) return false;
       let current = node;
@@ -287,7 +360,7 @@ function createEditorBridge() {
     });
     let blockWrapper = null;
     for (const node of path) {
-      if (node instanceof HTMLElement && node.tagName === "JUO-EDITOR-BLOCK-WRAPPER") {
+      if (node instanceof HTMLElement && isBlockWrapperTag(node.tagName)) {
         blockWrapper = node;
         break;
       }
@@ -399,7 +472,7 @@ function createEditorBridge() {
           clearTimeout(pending.timer);
           pendingRequests.delete(data.payload.requestId);
           pending.resolve(
-            data.payload.blocks != null ? { blocks: data.payload.blocks } : null
+            data.payload.blocks != null ? { blocks: data.payload.blocks, layout: data.payload.layout ?? null } : null
           );
         }
       } else if (data.type === "PROVIDE_TRANSLATION_OVERRIDES" && data.payload.requestId) {
@@ -457,6 +530,7 @@ function createEditorBridge() {
   let ghostScrollStyleEl = null;
   let ghostScrollObserver = null;
   let suppressScrollReport = false;
+  let scrollPreserveActive = false;
   function reportContentHeight() {
     var _a;
     if (!isEditorMode) return;
@@ -467,12 +541,32 @@ function createEditorBridge() {
     sendMessage(createReportContentHeightMessage({ height }));
   }
   function handleScrollEvent() {
+    if (scrollPreserveActive) return;
     if (suppressScrollReport) {
       suppressScrollReport = false;
       return;
     }
     sendMessage(createScrollSyncMessage({ scrollY: window.scrollY }));
   }
+  function preserveScrollAcrossReflow() {
+    if (!isEditorMode) return;
+    const targetY = window.scrollY;
+    scrollPreserveActive = true;
+    const raf = typeof requestAnimationFrame === "function" ? (cb) => {
+      requestAnimationFrame(() => cb());
+    } : (cb) => {
+      setTimeout(cb, 0);
+    };
+    const restore = () => window.scrollTo(0, targetY);
+    raf(() => {
+      restore();
+      raf(() => {
+        restore();
+        scrollPreserveActive = false;
+        sendMessage(createScrollSyncMessage({ scrollY: targetY }));
+      });
+    });
+  }
   if (isEditorMode) {
     ghostScrollStyleEl = document.createElement("style");
     ghostScrollStyleEl.textContent = "html { scrollbar-width: none; } html::-webkit-scrollbar { display: none; }";
@@ -520,45 +614,56 @@ function createEditorBridge() {
     isEditorMode,
     sendMessage,
     onMessage,
-    getSelectedBlockId: () => selectedBlockId.value,
     onBlockPresetChange,
     requestThemeState,
     upsertThemeState,
     requestTranslationOverrides,
     requestGlobalStyles,
+    preserveScrollAcrossReflow,
     destroy
   };
   return bridgeInstance;
 }
 export {
-  createUpsertThemeStateMessage as A,
-  getEditorBridge as B,
-  isEditorMessage as C,
-  isIframeMessage as D,
-  createFocusInlineTextMessage as a,
-  createUpdateBlockTranslationMessage as b,
+  createRequestGlobalStylesMessage as A,
+  createRequestThemeStateMessage as B,
+  createRequestTranslationOverridesMessage as C,
+  createScrollSyncMessage as D,
+  createSetBlockPresetMessage as E,
+  createSetGlobalStylesMessage as F,
+  createSetLayoutingModeMessage as G,
+  createSetLocaleMessage as H,
+  createUpdateBlockPropsMessage as I,
+  createUpsertThemeStateMessage as J,
+  getEditorBridge as K,
+  LAYOUT_BLOCK_WRAPPER_TAG as L,
+  isEditorMessage as M,
+  isIframeMessage as N,
+  WRAPPER_SELECTOR as W,
+  createSelectBlockMessage as a,
+  createRegisterBlockTranslationKeysMessage as b,
   createEditorBridge as c,
-  createOpenAddBlockMenuMessage as d,
-  createRemoveBlockMessage as e,
-  createRegisterBlocksMessage as f,
-  createRegisterOverlaysMessage as g,
-  createRegisterRoutesMessage as h,
-  createAddBlockMenuClosedMessage as i,
-  createAddBlockMessage as j,
-  createMoveBlockMessage as k,
-  createProvideGlobalStylesMessage as l,
-  createProvideInitialGlobalStylesMessage as m,
-  createProvideThemeStateMessage as n,
-  createProvideTranslationOverridesMessage as o,
-  createRegisterBlockTranslationKeysMessage as p,
-  createReportContentHeightMessage as q,
-  createRequestGlobalStylesMessage as r,
-  createRequestThemeStateMessage as s,
-  createRequestTranslationOverridesMessage as t,
-  createScrollSyncMessage as u,
-  createSelectBlockMessage as v,
-  createSetBlockPresetMessage as w,
-  createSetGlobalStylesMessage as x,
-  createSetLocaleMessage as y,
-  createUpdateBlockPropsMessage as z
+  createFocusInlineTextMessage as d,
+  createUpdateBlockTranslationMessage as e,
+  createOpenAddBlockMenuMessage as f,
+  createRemoveBlockMessage as g,
+  getBlockLabel as h,
+  isBlockWrapperTag as i,
+  createLayoutCommandMessage as j,
+  createRegisterBlocksMessage as k,
+  createRegisterRoutesMessage as l,
+  createAddBlockMenuClosedMessage as m,
+  createAddBlockMessage as n,
+  createLayoutingModeChangedMessage as o,
+  createMoveBlockMessage as p,
+  createProvideGlobalStylesMessage as q,
+  resolveOutlineTarget as r,
+  createProvideInitialGlobalStylesMessage as s,
+  createProvideLayoutDocumentMessage as t,
+  createProvideLayoutMessage as u,
+  createProvideThemeStateMessage as v,
+  createProvideTranslationOverridesMessage as w,
+  createReportBlockContentSizeMessage as x,
+  createReportContentHeightMessage as y,
+  createRequestCloseAddBlockMenuMessage as z
 };

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;;;;GAMG;AACH,MAAM,MAAM,OAAO,CAAC,OAAO,EAAE,SAAS,IAAI,OAAO,GAAG;IAAE,WAAW,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,SAAS,OAAO,CACnE,MAAM,CAAC,EACP,MAAM,CAAC,CACR,GACG,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,OAAO,KAC5C,OAAO,CAAC,OAAO,GAAG,EAAE,SAAS,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,SAAS,IAAI,CACvC,KAAK,EAAE,SAAS,EAChB,WAAW,CAAC,EAAE,MAAM,IAAI,KACrB,IAAI,CAAC;AAEV;;;;;;;;;GASG;AACH,qBAAa,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,KAAK;aAEpD,OAAO,EAAE,CAAC;aACV,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACzC,SAAS,CAAC,EAAE,OAAO;gBAFnB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACzC,SAAS,CAAC,EAAE,OAAO,YAAA;CAItC;AAED,qBAAa,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,KAAK;aAEpD,OAAO,EAAE,CAAC;aACV,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;aACrB,SAAS,CAAC,EAAE,OAAO;gBAFnB,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,SAAS,CAAC,EAAE,OAAO,YAAA;CAItC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B;;;WAGG;QACH,iBAAiB,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;QAElE;;;WAGG;QACH,iBAAiB,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;KACnE;CACF;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,EACrD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACnB,IAAI,CAIN;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,GACT,WAAW,CAAC,CAAC,CAAC,CAehB;AAED,MAAM,MAAM,yBAAyB,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAE9E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,cAAc,EACvD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAClD,MAAM,IAAI,CAuBZ;AAED,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,SAAS,CAAsD;IAEvE,iBAAiB;CAyDlB"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,OAAO,CAAC,OAAO,EAAE,SAAS,IAAI,OAAO,GAAG;IAAE,WAAW,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,SAAS,OAAO,CACnE,MAAM,CAAC,EACP,MAAM,CAAC,CACR,GACG,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,OAAO,KAC5C,OAAO,CAAC,OAAO,GAAG,EAAE,SAAS,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,SAAS,IAAI,CACvC,KAAK,EAAE,SAAS,EAChB,WAAW,CAAC,EAAE,MAAM,IAAI,KACrB,IAAI,CAAC;AAEV;;;;;;;;;GASG;AACH,qBAAa,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,KAAK;aAEpD,OAAO,EAAE,CAAC;aACV,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACzC,SAAS,CAAC,EAAE,OAAO;gBAFnB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACzC,SAAS,CAAC,EAAE,OAAO,YAAA;CAItC;AAED,qBAAa,mBAAmB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,KAAK;aAEpD,OAAO,EAAE,CAAC;aACV,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;aACrB,SAAS,CAAC,EAAE,OAAO;gBAFnB,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,SAAS,CAAC,EAAE,OAAO,YAAA;CAItC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B;;;WAGG;QACH,iBAAiB,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;QAElE;;;WAGG;QACH,iBAAiB,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;KACnE;CACF;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,EACrD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACnB,IAAI,CAGN;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,GACT,WAAW,CAAC,CAAC,CAAC,CAchB;AAED,MAAM,MAAM,yBAAyB,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAE9E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,cAAc,EACvD,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAClD,MAAM,IAAI,CAqBZ;AAED,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,SAAS,CAAsD;IAEvE,iBAAiB;CAyDlB"}