@bagelink/blox 1.13.4 → 1.14.0

package/dist/CmsPageView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AAoXA,wBAMG"}
+{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AA0XA,wBAMG"}

package/dist/PreviewApp-BrthGx2F.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-BkGWMbsE.js";
+export {
+  _sfc_main as default
+};

package/dist/PreviewApp-CV_Uh9-d.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CFS05Itn.cjs");
+exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/PreviewApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AAyQA,wBAMG"}
+{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AAyNA,wBAMG"}

package/dist/PreviewApp.vue_vue_type_style_index_0_lang-BkGWMbsE.js

@@ -0,0 +1,185 @@
+import { defineComponent, inject, ref, h, provide, onMounted, onUnmounted, createElementBlock, openBlock, createVNode, unref, nextTick } from "vue";
+import { e as BLOX_REGISTRY_KEY, u as useLocale } from "./core-CPXNfJ-Z.js";
+function sendToEditor(msg) {
+  window.parent.postMessage(msg, "*");
+}
+function sendToPreview(iframe, msg) {
+  var _a;
+  (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(msg, "*");
+}
+const PreviewRenderer = defineComponent({
+  name: "PreviewRenderer",
+  props: {
+    blocks: {
+      type: Array,
+      default: () => []
+    },
+    selectedIndex: {
+      type: Number,
+      default: null
+    },
+    hoveredIndex: {
+      type: Number,
+      default: null
+    }
+  },
+  setup(props) {
+    const registry = inject(BLOX_REGISTRY_KEY, {});
+    const localHovered = ref(null);
+    function onBlockClick(index) {
+      sendToEditor({ type: "BLOX_BLOCK_CLICK", index });
+    }
+    function onBlockEnter(index) {
+      localHovered.value = index;
+      sendToEditor({ type: "BLOX_BLOCK_HOVER", index });
+    }
+    function onBlockLeave() {
+      localHovered.value = null;
+      sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
+    }
+    const wrapperStyle = { position: "relative", cursor: "pointer" };
+    const overlayBase = {
+      position: "absolute",
+      inset: "0",
+      zIndex: "10",
+      pointerEvents: "auto",
+      transition: "box-shadow 0.12s, background 0.12s"
+    };
+    const overlayHovered = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
+      background: "rgba(99, 102, 241, 0.04)"
+    };
+    const overlaySelected = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 3px #6366f1",
+      background: "rgba(99, 102, 241, 0.06)"
+    };
+    const labelBase = {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      zIndex: "20",
+      padding: "2px 8px",
+      fontSize: "11px",
+      fontFamily: "system-ui, sans-serif",
+      fontWeight: "600",
+      lineHeight: "20px",
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      pointerEvents: "none",
+      whiteSpace: "nowrap",
+      color: "#6366f1",
+      background: "rgba(99, 102, 241, 0.1)",
+      borderBottomRightRadius: "4px"
+    };
+    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
+    return () => h(
+      "div",
+      { class: "blox-preview-canvas" },
+      props.blocks.flatMap((block, i) => {
+        const definition = registry[block.type];
+        if (!definition) return [];
+        const isSelected = props.selectedIndex === i;
+        const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
+        const { label } = definition.schema;
+        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
+        return [
+          h(
+            "div",
+            {
+              "key": i,
+              "data-blox-index": i,
+              "style": wrapperStyle,
+              "onClick": () => {
+                onBlockClick(i);
+              },
+              "onMouseenter": () => {
+                onBlockEnter(i);
+              },
+              "onMouseleave": onBlockLeave
+            },
+            [
+              h(definition.component, { ...definition.schema.defaults, ...block.props }),
+              h("div", { style: overlayStyle }),
+              (isSelected || isHovered) && h("div", { style: isSelected ? labelSelected : labelBase }, label)
+            ]
+          )
+        ];
+      })
+    );
+  }
+});
+const _hoisted_1 = { class: "blox-preview-root" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PreviewApp",
+  setup(__props) {
+    const registry = inject(BLOX_REGISTRY_KEY, {});
+    const { setLocale } = useLocale();
+    const blocks = ref([]);
+    const contexts = ref({});
+    const selectedIndex = ref(null);
+    const hoveredIndex = ref(null);
+    provide("contexts", contexts);
+    let heightObserver = null;
+    function onMessage(event) {
+      var _a;
+      const msg = event.data;
+      switch (msg.type) {
+        case "BLOX_INIT":
+          blocks.value = ((_a = msg.page.page.content) == null ? void 0 : _a.blocks) ?? [];
+          contexts.value = msg.page.contexts ?? {};
+          setLocale(msg.locale);
+          break;
+        case "BLOX_SET_LOCALE":
+          setLocale(msg.locale);
+          break;
+        case "BLOX_SET_BLOCKS":
+          blocks.value = msg.blocks;
+          break;
+        case "BLOX_SELECT_BLOCK":
+          selectedIndex.value = msg.index;
+          if (msg.index !== null) {
+            nextTick(() => {
+              const el = document.querySelector(`[data-blox-index="${msg.index}"]`);
+              el == null ? void 0 : el.scrollIntoView({ behavior: "smooth", block: "center" });
+            });
+          }
+          break;
+        case "BLOX_HOVER_BLOCK":
+          hoveredIndex.value = msg.index;
+          break;
+      }
+    }
+    onMounted(() => {
+      window.addEventListener("message", onMessage);
+      heightObserver = new ResizeObserver(() => {
+        sendToEditor({ type: "BLOX_HEIGHT", height: document.body.scrollHeight });
+      });
+      heightObserver.observe(document.body);
+      sendToEditor({
+        type: "BLOX_READY",
+        registry: Object.fromEntries(Object.entries(registry).map(([key, def]) => [key, def.schema]))
+      });
+    });
+    onUnmounted(() => {
+      window.removeEventListener("message", onMessage);
+      heightObserver == null ? void 0 : heightObserver.disconnect();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(PreviewRenderer), {
+          blocks: blocks.value,
+          "selected-index": selectedIndex.value,
+          "hovered-index": hoveredIndex.value
+        }, null, 8, ["blocks", "selected-index", "hovered-index"])
+      ]);
+    };
+  }
+});
+export {
+  PreviewRenderer as P,
+  _sfc_main as _,
+  sendToPreview as a,
+  sendToEditor as s
+};

package/dist/PreviewApp.vue_vue_type_style_index_0_lang-CFS05Itn.cjs

@@ -0,0 +1,184 @@
+"use strict";
+const vue = require("vue");
+const core = require("./core-D1FiZJtz.cjs");
+function sendToEditor(msg) {
+  window.parent.postMessage(msg, "*");
+}
+function sendToPreview(iframe, msg) {
+  var _a;
+  (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(msg, "*");
+}
+const PreviewRenderer = vue.defineComponent({
+  name: "PreviewRenderer",
+  props: {
+    blocks: {
+      type: Array,
+      default: () => []
+    },
+    selectedIndex: {
+      type: Number,
+      default: null
+    },
+    hoveredIndex: {
+      type: Number,
+      default: null
+    }
+  },
+  setup(props) {
+    const registry = vue.inject(core.BLOX_REGISTRY_KEY, {});
+    const localHovered = vue.ref(null);
+    function onBlockClick(index) {
+      sendToEditor({ type: "BLOX_BLOCK_CLICK", index });
+    }
+    function onBlockEnter(index) {
+      localHovered.value = index;
+      sendToEditor({ type: "BLOX_BLOCK_HOVER", index });
+    }
+    function onBlockLeave() {
+      localHovered.value = null;
+      sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
+    }
+    const wrapperStyle = { position: "relative", cursor: "pointer" };
+    const overlayBase = {
+      position: "absolute",
+      inset: "0",
+      zIndex: "10",
+      pointerEvents: "auto",
+      transition: "box-shadow 0.12s, background 0.12s"
+    };
+    const overlayHovered = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
+      background: "rgba(99, 102, 241, 0.04)"
+    };
+    const overlaySelected = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 3px #6366f1",
+      background: "rgba(99, 102, 241, 0.06)"
+    };
+    const labelBase = {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      zIndex: "20",
+      padding: "2px 8px",
+      fontSize: "11px",
+      fontFamily: "system-ui, sans-serif",
+      fontWeight: "600",
+      lineHeight: "20px",
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      pointerEvents: "none",
+      whiteSpace: "nowrap",
+      color: "#6366f1",
+      background: "rgba(99, 102, 241, 0.1)",
+      borderBottomRightRadius: "4px"
+    };
+    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
+    return () => vue.h(
+      "div",
+      { class: "blox-preview-canvas" },
+      props.blocks.flatMap((block, i) => {
+        const definition = registry[block.type];
+        if (!definition) return [];
+        const isSelected = props.selectedIndex === i;
+        const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
+        const { label } = definition.schema;
+        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
+        return [
+          vue.h(
+            "div",
+            {
+              "key": i,
+              "data-blox-index": i,
+              "style": wrapperStyle,
+              "onClick": () => {
+                onBlockClick(i);
+              },
+              "onMouseenter": () => {
+                onBlockEnter(i);
+              },
+              "onMouseleave": onBlockLeave
+            },
+            [
+              vue.h(definition.component, { ...definition.schema.defaults, ...block.props }),
+              vue.h("div", { style: overlayStyle }),
+              (isSelected || isHovered) && vue.h("div", { style: isSelected ? labelSelected : labelBase }, label)
+            ]
+          )
+        ];
+      })
+    );
+  }
+});
+const _hoisted_1 = { class: "blox-preview-root" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "PreviewApp",
+  setup(__props) {
+    const registry = vue.inject(core.BLOX_REGISTRY_KEY, {});
+    const { setLocale } = core.useLocale();
+    const blocks = vue.ref([]);
+    const contexts = vue.ref({});
+    const selectedIndex = vue.ref(null);
+    const hoveredIndex = vue.ref(null);
+    vue.provide("contexts", contexts);
+    let heightObserver = null;
+    function onMessage(event) {
+      var _a;
+      const msg = event.data;
+      switch (msg.type) {
+        case "BLOX_INIT":
+          blocks.value = ((_a = msg.page.page.content) == null ? void 0 : _a.blocks) ?? [];
+          contexts.value = msg.page.contexts ?? {};
+          setLocale(msg.locale);
+          break;
+        case "BLOX_SET_LOCALE":
+          setLocale(msg.locale);
+          break;
+        case "BLOX_SET_BLOCKS":
+          blocks.value = msg.blocks;
+          break;
+        case "BLOX_SELECT_BLOCK":
+          selectedIndex.value = msg.index;
+          if (msg.index !== null) {
+            vue.nextTick(() => {
+              const el = document.querySelector(`[data-blox-index="${msg.index}"]`);
+              el == null ? void 0 : el.scrollIntoView({ behavior: "smooth", block: "center" });
+            });
+          }
+          break;
+        case "BLOX_HOVER_BLOCK":
+          hoveredIndex.value = msg.index;
+          break;
+      }
+    }
+    vue.onMounted(() => {
+      window.addEventListener("message", onMessage);
+      heightObserver = new ResizeObserver(() => {
+        sendToEditor({ type: "BLOX_HEIGHT", height: document.body.scrollHeight });
+      });
+      heightObserver.observe(document.body);
+      sendToEditor({
+        type: "BLOX_READY",
+        registry: Object.fromEntries(Object.entries(registry).map(([key, def]) => [key, def.schema]))
+      });
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("message", onMessage);
+      heightObserver == null ? void 0 : heightObserver.disconnect();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(PreviewRenderer), {
+          blocks: blocks.value,
+          "selected-index": selectedIndex.value,
+          "hovered-index": hoveredIndex.value
+        }, null, 8, ["blocks", "selected-index", "hovered-index"])
+      ]);
+    };
+  }
+});
+exports.PreviewRenderer = PreviewRenderer;
+exports._sfc_main = _sfc_main;
+exports.sendToEditor = sendToEditor;
+exports.sendToPreview = sendToPreview;

package/dist/PreviewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA6EE"}
+{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA8FE"}

package/dist/bridge.d.ts

@@ -6,6 +6,7 @@ export interface BlockSchemaInfo {
     icon?: string;
     fields: SchemaDefinition;
     defaults?: Record<string, unknown>;
+    dataSource?: boolean;
 }
 export type EditorMessage = {
     type: 'BLOX_INIT';

package/dist/bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAClC;AAMD,MAAM,MAAM,aAAa,GACpB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAMtD,MAAM,MAAM,cAAc,GACrB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAAE,GAClE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAM3C,wBAAgB,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAEjF"}
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,MAAM,MAAM,aAAa,GACpB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAMtD,MAAM,MAAM,cAAc,GACrB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAAE,GAClE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAM3C,wBAAgB,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAEjF"}