@bagelink/blox 1.12.21 → 1.12.23

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

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

package/dist/PreviewApp-C2T03Jm9.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-BTuE4GmT.cjs");
+exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/PreviewApp-CmThrLvv.js

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

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":";AA0QA,wBAMG"}

package/dist/PreviewApp.vue_vue_type_style_index_0_lang-B0N5QbfS.js

@@ -0,0 +1,157 @@
+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-C3Iu5qa2.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 });
+    }
+    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;
+        return [
+          h(
+            "div",
+            {
+              "key": i,
+              "data-blox-index": i,
+              "class": [
+                "blox-block-wrapper",
+                isSelected && "blox-block--selected",
+                isHovered && "blox-block--hovered"
+              ],
+              "onClick": () => {
+                onBlockClick(i);
+              },
+              "onMouseenter": () => {
+                onBlockEnter(i);
+              },
+              "onMouseleave": onBlockLeave
+            },
+            [
+              h(definition.component, { ...definition.schema.defaults, ...block.props }),
+              h("div", { class: "blox-block-overlay" }),
+              (isSelected || isHovered) && h(
+                "div",
+                {
+                  class: ["blox-block-label", isSelected && "blox-block-label--selected"]
+                },
+                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-BTuE4GmT.cjs

@@ -0,0 +1,156 @@
+"use strict";
+const vue = require("vue");
+const core = require("./core-_fnHoEZN.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 });
+    }
+    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;
+        return [
+          vue.h(
+            "div",
+            {
+              "key": i,
+              "data-blox-index": i,
+              "class": [
+                "blox-block-wrapper",
+                isSelected && "blox-block--selected",
+                isHovered && "blox-block--hovered"
+              ],
+              "onClick": () => {
+                onBlockClick(i);
+              },
+              "onMouseenter": () => {
+                onBlockEnter(i);
+              },
+              "onMouseleave": onBlockLeave
+            },
+            [
+              vue.h(definition.component, { ...definition.schema.defaults, ...block.props }),
+              vue.h("div", { class: "blox-block-overlay" }),
+              (isSelected || isHovered) && vue.h(
+                "div",
+                {
+                  class: ["blox-block-label", isSelected && "blox-block-label--selected"]
+                },
+                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/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAShF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIrE;AA+BD,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAMxF;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAsB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,UAAU,EAAE,MAAM,EAClB,EAAE,MAAM,EAAE,CAAC,EAAE,MAAU,EAAE,KAAW,EAAE,GAAE,gBAAqB,GAC3D,OAAO,CAAC,mBAAmB,GAAG;IAAE,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC,CAK/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAUhF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIrE;AAyCD,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAMxF;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAsB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,UAAU,EAAE,MAAM,EAClB,EAAE,MAAM,EAAE,CAAC,EAAE,MAAU,EAAE,KAAW,EAAE,GAAE,gBAAqB,GAC3D,OAAO,CAAC,mBAAmB,GAAG;IAAE,KAAK,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC,CAK/C"}

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"}