@bagelink/blox 1.12.21 → 1.12.23

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,YAAY,EACX,cAAc,EACd,KAAK,EAEL,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,cAAc,EACd,QAAQ,EACR,eAAe,EACf,cAAc,EACd,WAAW,GACX,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAK1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAKxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAK9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI5E,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAErE,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,YAAY,EACX,cAAc,EACd,KAAK,EAEL,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,cAAc,EACd,QAAQ,EACR,eAAe,EACf,cAAc,EACd,WAAW,GACX,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAK1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAKxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAK1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAK9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAI5E,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAErE,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.mjs

@@ -1,202 +1,23 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { computed, ref, defineComponent, inject, h, provide, watch, resolveComponent, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, normalizeProps, guardReactiveProps, renderSlot, onMounted, onUnmounted, nextTick } from "vue";
-import { useRoute, useRouter, RouterLink } from "vue-router";
-import { getI18n } from "@bagelink/vue";
-import { B as BLOX_STATE_WINDOW_KEY } from "./constants-BIbQhd3z.js";
-const BASE = "/api";
-let _websiteName = "";
-let _store = "";
-let _websiteId = null;
-function configureApi(websiteName, store) {
-  _websiteName = websiteName;
-  _store = store;
-  _websiteId = null;
-}
-async function request(path, { locale: locale2, params, ...opts } = {}) {
-  const url = new URL(`${BASE}${path}`, window.location.origin);
-  if (locale2) url.searchParams.set("locale", locale2);
-  if (params) {
-    for (const [k, v] of Object.entries(params)) url.searchParams.set(k, String(v));
-  }
-  const res = await fetch(url.toString(), opts);
-  if (!res.ok) throw new Error(`API ${res.status}: ${path}`);
-  if (res.status === 204) return null;
-  return res.json();
-}
-async function getWebsiteId() {
-  if (_websiteId) return _websiteId;
-  const websites = await request("/cms/websites");
-  const website = websites.find((w) => w.name === _websiteName);
-  if (!website) throw new Error(`Website "${_websiteName}" not found. Run: npm run seed`);
-  _websiteId = website.id;
-  return _websiteId;
-}
-async function resolvePath(path, locale2) {
-  const websiteId = await getWebsiteId();
-  return request(`/cms/websites/${websiteId}/resolve-path`, {
-    locale: locale2,
-    params: { path }
-  });
-}
-async function listItems(collection, { locale: locale2, q, offset = 0, limit = 100 } = {}) {
-  return request(`/datastore/${_store}/collections/${collection}`, {
-    locale: locale2,
-    params: { ...q ? { q } : {}, offset, limit }
-  });
-}
-function sendToEditor(msg) {
-  window.parent.postMessage(msg, "*");
-}
-function sendToPreview(iframe, msg) {
-  var _a;
-  (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(msg, "*");
-}
-const locale = ref(localStorage.getItem("blox:locale") || "en");
-const currentAlternates = ref({});
-function useLocale() {
-  const dir = computed(() => locale.value === "he" || locale.value === "ar" ? "rtl" : "ltr");
-  function setLocale(l) {
-    locale.value = l;
-    localStorage.setItem("blox:locale", l);
-    document.documentElement.lang = l;
-    document.documentElement.dir = dir.value;
-    try {
-      const i18n = getI18n();
-      if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
-    } catch {
-    }
-  }
-  function setAlternates(alternates) {
-    currentAlternates.value = alternates;
-  }
-  return { locale, dir, setLocale, currentAlternates, setAlternates };
-}
-const BLOX_REGISTRY_KEY = Symbol("blox:registry");
-const BLOX_CONFIG_KEY = Symbol("blox:config");
-const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
-const PageRenderer = defineComponent({
-  name: "PageRenderer",
-  props: {
-    blocks: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(props) {
-    const registry = inject(BLOX_REGISTRY_KEY, {});
-    return () => h(
-      "div",
-      props.blocks.flatMap((block, i) => {
-        const definition = registry[block.type];
-        if (!definition) return [];
-        const props2 = { ...definition.schema.defaults, ...block.props };
-        return [h(definition.component, { key: i, ...props2 })];
-      })
-    );
-  }
-});
-const _hoisted_1$1 = {
-  key: 0,
-  class: "blox-loading"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "blox-not-found"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "blox-error"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CmsPageView",
-  setup(__props) {
-    const route = useRoute();
-    const router = useRouter();
-    const { locale: locale2, setLocale, setAlternates } = useLocale();
-    const strategy = inject(BLOX_LOCALE_STRATEGY_KEY, null);
-    const blocks = ref([]);
-    const contexts = ref({});
-    provide("contexts", contexts);
-    const loading = ref(true);
-    const notFound = ref(false);
-    const error = ref(null);
-    function hydrateFromState(path) {
-      var _a, _b;
-      const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
-      if (!win) return false;
-      const state = win[BLOX_STATE_WINDOW_KEY];
-      if (!state || typeof state !== "object") return false;
-      const entry = state[path];
-      if (!entry) return false;
-      blocks.value = ((_b = (_a = entry.page) == null ? void 0 : _a.content) == null ? void 0 : _b.blocks) ?? [];
-      contexts.value = entry.contexts ?? {};
-      setAlternates(entry.alternates ?? {});
-      loading.value = false;
-      return true;
-    }
-    async function load() {
-      var _a;
-      loading.value = true;
-      notFound.value = false;
-      error.value = null;
-      const { locale: urlLocale, slug } = strategy ? strategy.detect(typeof window !== "undefined" ? window.location.hostname : "", route.path) : { locale: locale2.value, slug: route.path || "/" };
-      if (urlLocale !== locale2.value) setLocale(urlLocale);
-      setAlternates({});
-      if (hydrateFromState(slug)) return;
-      try {
-        const resolved = await resolvePath(slug, urlLocale);
-        blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
-        contexts.value = resolved.contexts ?? {};
-        setAlternates(resolved.alternates ?? {});
-      } catch (e) {
-        const msg = e instanceof Error ? e.message : String(e);
-        if (msg.includes("404")) {
-          const home = strategy ? strategy.toPath("/") : "/";
-          router.replace(home);
-        } else {
-          error.value = msg;
-        }
-      } finally {
-        loading.value = false;
-      }
-    }
-    load();
-    watch(() => route.path, load);
-    return (_ctx, _cache) => {
-      const _component_RouterLink = resolveComponent("RouterLink");
-      return openBlock(), createElementBlock("div", null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = createElementVNode("h2", null, "404", -1)),
-          createElementVNode("p", null, toDisplayString(unref(locale2) === "he" ? "הדף לא נמצא" : "Page not found"), 1),
-          createVNode(_component_RouterLink, { to: "/" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(locale2) === "he" ? "חזרה הביתה" : "Go home"), 1)
-            ]),
-            _: 1
-          })
-        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(error.value), 1)) : (openBlock(), createBlock(unref(PageRenderer), {
-          key: 3,
-          blocks: blocks.value
-        }, null, 8, ["blocks"]))
-      ]);
-    };
-  }
-});
+import { B as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-C3Iu5qa2.js";
+import { d, b, _, P, a, l, r } from "./core-C3Iu5qa2.js";
+import { _ as _2, P as P2, s, a as a2 } from "./PreviewApp.vue_vue_type_style_index_0_lang-B0N5QbfS.js";
+import { inject, computed, createApp, markRaw } from "vue";
+import { useRouter } from "vue-router";
+import { createPinia } from "pinia";
+import { installBloxStateCache, installCollectionCache } from "./ssg/client.mjs";
 function useLocaleNav() {
   const strategy = inject(BLOX_LOCALE_STRATEGY_KEY, null);
   const router = useRouter();
-  const { locale: locale2, currentAlternates: currentAlternates2 } = useLocale();
+  const { locale, currentAlternates } = useLocale();
   function switchLocale(targetLocale) {
     if (!strategy) return;
-    const alternateSlug = currentAlternates2.value[targetLocale];
+    const alternateSlug = currentAlternates.value[targetLocale];
     strategy.switchTo(targetLocale, alternateSlug ?? "/", router);
   }
   function toPath(slug) {
     return strategy ? strategy.toPath(slug) : slug;
   }
-  return { switchLocale, toPath, locale: locale2 };
+  return { switchLocale, toPath, locale };
 }
 function usePageContext(key) {
   const contexts = inject("contexts");
@@ -206,397 +27,84 @@ function usePageContext(key) {
     return value;
   });
 }
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "LocaleRouterLink",
-  props: {
-    to: {},
-    replace: { type: Boolean },
-    activeClass: {},
-    exactActiveClass: {},
-    ariaCurrentValue: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const strategy = inject(BLOX_LOCALE_STRATEGY_KEY, null);
-    const localizedTo = computed(() => {
-      if (!strategy || typeof props.to !== "string") return props.to;
-      return strategy.toPath(props.to);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RouterLink), normalizeProps(guardReactiveProps({ ...props, to: localizedTo.value })), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-function createPathStrategy(options) {
-  const { defaultLocale, supportedLocales } = options;
-  let _currentLocale = defaultLocale;
-  return {
-    get locales() {
-      return supportedLocales;
-    },
-    get currentLocale() {
-      return _currentLocale;
-    },
-    detect(_hostname, path) {
-      const segments = path.replace(/^\//, "").split("/");
-      const first = segments[0];
-      if (supportedLocales.includes(first)) {
-        _currentLocale = first;
-        return {
-          locale: first,
-          slug: `/${segments.slice(1).join("/")}` || "/"
-        };
-      }
-      _currentLocale = defaultLocale;
-      return { locale: defaultLocale, slug: path || "/" };
-    },
-    toPath(slug) {
-      if (_currentLocale === defaultLocale) return slug || "/";
-      const s = slug || "/";
-      return s === "/" ? `/${_currentLocale}` : `/${_currentLocale}${s}`;
-    },
-    switchTo(locale2, slug, router) {
-      const s = slug || "/";
-      const target = locale2 === defaultLocale ? s : s === "/" ? `/${locale2}` : `/${locale2}${s}`;
-      router.push(target);
-    }
+function createBloxApp(options) {
+  const {
+    rootComponent,
+    router,
+    modules,
+    websiteName,
+    store,
+    locale = "en",
+    supportedLocales = [locale],
+    apiBaseURL = "/api",
+    mount: mountTarget = "#app",
+    plugins = [],
+    globalComponents = {},
+    setup: userSetup
+  } = options;
+  installBloxStateCache();
+  let axiosInstance;
+  if (options.createApi) {
+    const result = options.createApi({ baseURL: apiBaseURL });
+    axiosInstance = result.axios;
+  }
+  const collectionInterceptor = installCollectionCache();
+  if (collectionInterceptor && axiosInstance) {
+    axiosInstance.interceptors.request.use(collectionInterceptor);
+  }
+  const app = createApp(rootComponent);
+  const bloxOpts = {
+    modules,
+    websiteName,
+    store,
+    defaultLocale: locale,
+    supportedLocales,
+    router
   };
-}
-function createDomainStrategy(options) {
-  const { localeDomains } = options;
-  const locales = Object.keys(localeDomains);
-  const _currentLocale = locales.find((l) => localeDomains[l] === window.location.hostname) ?? locales[0] ?? "en";
-  return {
-    get locales() {
-      return locales;
-    },
-    get currentLocale() {
-      return _currentLocale;
-    },
-    detect(_hostname, path) {
-      return { locale: _currentLocale, slug: path || "/" };
-    },
-    toPath(slug) {
-      return slug || "/";
-    },
-    switchTo(locale2, slug, _router) {
-      const domain = localeDomains[locale2];
-      if (!domain) return;
-      if (locale2 === _currentLocale) {
-        _router.push(slug || "/");
-        return;
-      }
-      const { protocol } = window.location;
-      const s = slug || "/";
-      window.location.href = `${protocol}//${domain}${s}`;
-    }
-  };
-}
-function createLocaleStrategy(options) {
-  if (options.localeStrategy === "domain" && options.localeDomains) {
-    return createDomainStrategy({ localeDomains: options.localeDomains });
-  }
-  return createPathStrategy({
-    defaultLocale: options.defaultLocale ?? "en",
-    supportedLocales: options.supportedLocales ?? []
+  const blox = createBlox(bloxOpts);
+  const pinia = createPinia();
+  pinia.use(({ store: s2 }) => {
+    s2.router = markRaw(router);
   });
-}
-function applyDefaultsToFields(schema, defaults) {
-  var _a;
-  if (!schema || !defaults) return;
-  for (const [key, value] of Object.entries(defaults)) {
-    const field = (_a = schema._fields) == null ? void 0 : _a[key];
-    if (field && field._config.default === void 0) {
-      field._config.default = value;
-    }
-  }
-}
-class BloxInstance {
-  constructor(options) {
-    __publicField(this, "_registry", {});
-    __publicField(this, "_routeRegistered", false);
-    __publicField(this, "_config");
-    __publicField(this, "_strategy");
-    this._config = {
-      defaultLocale: (options == null ? void 0 : options.defaultLocale) ?? "en",
-      supportedLocales: (options == null ? void 0 : options.supportedLocales) ?? []
-    };
-    this._strategy = createLocaleStrategy(options ?? {});
-  }
-  registerModules(modules) {
-    const list = Array.isArray(modules) ? modules : Object.values(modules);
-    for (const mod of list) {
-      if (!(mod == null ? void 0 : mod.default)) continue;
-      for (const [key, value] of Object.entries(mod)) {
-        if (key === "default") continue;
-        if (value && typeof value === "object" && "label" in value) {
-          const meta = value;
-          applyDefaultsToFields(meta.schema, meta.defaults);
-          this._registry[meta.name ?? key] = {
-            component: mod.default,
-            schema: {
-              label: meta.label,
-              description: meta.description,
-              icon: meta.icon,
-              fields: meta.schema,
-              defaults: meta.defaults
-            }
-          };
-          break;
-        }
-      }
-    }
-    return this;
-  }
-  registerComponents(components) {
-    for (const [key, value] of Object.entries(components)) {
-      if (!value || typeof value !== "object" && typeof value !== "function") continue;
-      if (isBlockDefinition(value)) {
-        this._registry[key] = value;
-      } else if (value.__blox) {
-        const meta = value.__blox;
-        applyDefaultsToFields(meta.schema, meta.defaults);
-        this._registry[meta.name ?? key] = {
-          component: value,
-          schema: {
-            label: meta.label,
-            description: meta.description,
-            icon: meta.icon,
-            fields: meta.schema,
-            defaults: meta.defaults
-          }
-        };
-      }
-    }
-    return this;
-  }
-  registerRoutes(router) {
-    if (this._routeRegistered) return this;
-    if (this._config.supportedLocales.length > 0) {
-      const { defaultLocale } = this._config;
-      router.beforeEach((to) => {
-        const segments = to.path.replace(/^\//, "").split("/");
-        if (segments[0] === defaultLocale) {
-          const rest = segments.slice(1).join("/");
-          return { path: `/${rest}`, replace: true };
-        }
-      });
-    }
-    router.addRoute({
-      path: "/_blox_preview",
-      component: () => import("./PreviewApp-BZNzZkit.js"),
-      beforeEnter: () => window.parent !== window ? true : "/"
-    });
-    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$2 });
-    this._routeRegistered = true;
-    return this;
-  }
-  install(app, options) {
-    if (options) {
-      this._config = {
-        defaultLocale: options.defaultLocale ?? this._config.defaultLocale,
-        supportedLocales: options.supportedLocales ?? this._config.supportedLocales
-      };
-      this._strategy = createLocaleStrategy({
-        ...options,
-        defaultLocale: this._config.defaultLocale,
-        supportedLocales: this._config.supportedLocales
-      });
-    }
-    if (options == null ? void 0 : options.modules) this.registerModules(options.modules);
-    if (options == null ? void 0 : options.components) this.registerComponents(options.components);
-    if (options == null ? void 0 : options.router) this.registerRoutes(options.router);
-    if ((options == null ? void 0 : options.websiteName) || (options == null ? void 0 : options.store)) {
-      configureApi(options.websiteName ?? "", options.store ?? "");
-    }
-    if (options == null ? void 0 : options.defaultLocale) {
-      const { setLocale } = useLocale();
-      if (!localStorage.getItem("blox:locale")) setLocale(options.defaultLocale);
-    }
-    app.provide(BLOX_REGISTRY_KEY, this._registry);
-    app.provide(BLOX_CONFIG_KEY, this._config);
-    app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
-    app.component("RouterLink", _sfc_main$1);
-  }
-}
-function isBlockDefinition(value) {
-  return typeof value === "object" && "component" in value && "schema" in value;
-}
-function createBlox(options) {
-  const instance = new BloxInstance(options);
-  if ((options == null ? void 0 : options.websiteName) || (options == null ? void 0 : options.store)) {
-    configureApi(options.websiteName ?? "", options.store ?? "");
-  }
-  if (options == null ? void 0 : options.modules) instance.registerModules(options.modules);
-  if (options == null ? void 0 : options.components) instance.registerComponents(options.components);
-  if (options == null ? void 0 : options.router) instance.registerRoutes(options.router);
-  return instance;
+  blox.install(app, {});
+  app.use(pinia);
+  app.use(router);
+  for (const plugin of plugins) {
+    if (Array.isArray(plugin)) {
+      const [p, ...args] = plugin;
+      app.use(p, ...args);
+    } else {
+      app.use(plugin);
+    }
+  }
+  for (const [name, comp] of Object.entries(globalComponents)) {
+    app.component(name, comp);
+  }
+  if (userSetup) userSetup(app);
+  router.isReady().then(() => {
+    app.mount(mountTarget);
+  });
+  return { app, router, blox };
 }
 function defineBlock(meta) {
   return meta;
 }
-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 {
-  BLOX_CONFIG_KEY,
+  d as BLOX_CONFIG_KEY,
   BLOX_LOCALE_STRATEGY_KEY,
-  BloxInstance,
-  _sfc_main$2 as CmsPageView,
-  PageRenderer,
-  _sfc_main as PreviewApp,
-  PreviewRenderer,
-  configureApi,
+  b as BloxInstance,
+  _ as CmsPageView,
+  P as PageRenderer,
+  _2 as PreviewApp,
+  P2 as PreviewRenderer,
+  a as configureApi,
   createBlox,
+  createBloxApp,
   defineBlock,
-  listItems,
-  resolvePath,
-  sendToEditor,
-  sendToPreview,
+  l as listItems,
+  r as resolvePath,
+  s as sendToEditor,
+  a2 as sendToPreview,
   useLocale,
   useLocaleNav,
   usePageContext