@bagelink/blox 1.15.176 → 1.15.180

package/dist/{core-KRHc4Bob.cjs → routes-C97aL4cQ.cjs}

@@ -2,21 +2,32 @@
 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);
-const ssg_client = require("./ssg/client.cjs");
 const vue = require("vue");
 const vueRouter = require("vue-router");
+const ssg_client = require("./ssg/client.cjs");
 const vue$1 = require("@bagelink/vue");
-const BASE = "/api";
+let BASE = "/api";
 let _websiteName = "";
 let _store = "";
 let _websiteId = null;
+let _origin = "";
 function configureApi(websiteName, store) {
   _websiteName = websiteName;
   _store = store;
   _websiteId = null;
 }
+function setApiOrigin(base) {
+  if (!base) return;
+  try {
+    const u = new URL(base);
+    _origin = u.origin;
+    BASE = u.pathname && u.pathname !== "/" ? u.pathname.replace(/\/$/, "") : "";
+  } catch {
+  }
+}
 async function request(path, { locale: locale2, params, ...opts } = {}) {
-  const url = new URL(`${BASE}${path}`, window.location.origin);
+  const origin = _origin || (typeof window !== "undefined" ? window.location.origin : "");
+  const url = new URL(`${BASE}${path}`, origin || void 0);
   if (locale2) url.searchParams.set("locale", locale2);
   if (params) {
     for (const [k, v] of Object.entries(params)) url.searchParams.set(k, String(v));
@@ -62,6 +73,16 @@ async function listItems(collection, { locale: locale2, q, offset = 0, limit = 1
     params: { ...q ? { q } : {}, offset, limit }
   });
 }
+async function getItemBySlug(collection, slug, locale2) {
+  const res = await listItems(collection, { locale: locale2, q: `slug eq "${slug}"`, limit: 1 });
+  const items = Array.isArray(res) ? res : (res == null ? void 0 : res.items) ?? [];
+  return items[0] ?? null;
+}
+async function getItemById(collection, id, locale2) {
+  const res = await listItems(collection, { locale: locale2, q: `id eq "${id}"`, limit: 1 });
+  const items = Array.isArray(res) ? res : (res == null ? void 0 : res.items) ?? [];
+  return items[0] ?? null;
+}
 const BLOX_REGISTRY_KEY = Symbol("blox:registry");
 const BLOX_CONFIG_KEY = Symbol("blox:config");
 const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
@@ -116,7 +137,7 @@ function useBloxEdit(configOverride) {
   }
   return { config, enabled, showEdit, studioBaseUrl, editUrl, enable, dismiss, init };
 }
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "blox-admin-bar"
 };
@@ -139,7 +160,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         to: "body"
       }, [
-        vue.unref(showEdit) && __props.websiteId && __props.pageId ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        vue.unref(showEdit) && __props.websiteId && __props.pageId ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
           vue.createElementVNode("button", {
             type: "button",
             class: "blox-admin-btn",
@@ -160,15 +181,26 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const locale = vue.ref(localStorage.getItem("blox:locale") || "en");
+const _hasStorage = typeof localStorage !== "undefined";
+const locale = vue.ref((_hasStorage ? localStorage.getItem("blox:locale") : null) || "en");
 const currentAlternates = vue.ref({});
+function setActiveLocale(l) {
+  locale.value = l;
+  try {
+    const i18n = vue$1.getI18n();
+    if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
+  } catch {
+  }
+}
 function useLocale() {
   const dir = vue.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;
+    if (typeof localStorage !== "undefined") localStorage.setItem("blox:locale", l);
+    if (typeof document !== "undefined") {
+      document.documentElement.lang = l;
+      document.documentElement.dir = dir.value;
+    }
     try {
       const i18n = vue$1.getI18n();
       if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
@@ -284,7 +316,7 @@ const PageRenderer = vue.defineComponent({
     );
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "blox-loading flex column h-100vh justify-content-center"
 };
@@ -292,11 +324,11 @@ const _hoisted_2$1 = {
   key: 1,
   class: "blox-not-found"
 };
-const _hoisted_3 = {
+const _hoisted_3$1 = {
   key: 2,
   class: "blox-error color-red"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 0,
   class: "blox-nav-progress"
 };
@@ -400,7 +432,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = vue.resolveComponent("RouterLink");
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        initialLoading.value && blocks.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        initialLoading.value && blocks.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
           vue.createVNode(vue.unref(vue$1.Loading))
         ])) : notFound.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
           _cache[0] || (_cache[0] = vue.createElementVNode("h2", null, "404", -1)),
@@ -411,8 +443,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           })
-        ])) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(error.value), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-          navigating.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("", true),
+        ])) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, vue.toDisplayString(error.value), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          navigating.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1)) : vue.createCommentVNode("", true),
           vue.createVNode(vue.unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
         ], 64)),
         vue.unref(adminConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
@@ -424,6 +456,111 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const BLOX_DATA_WINDOW_KEY = "__BLOX_DATA__";
+const BLOX_DATA_KEY = Symbol("blox-data");
+function provideBloxData(app, opts = {}) {
+  const isServer = opts.server ?? false;
+  const payload = isServer ? null : readPayload();
+  const registry2 = { ssr: /* @__PURE__ */ new Map(), payload, isServer, seo: {}, seoSources: [] };
+  app.provide(BLOX_DATA_KEY, registry2);
+  globalThis.__BLOX_DATA_REGISTRY__ = registry2;
+  return registry2;
+}
+function readPayload() {
+  if (typeof window === "undefined") return null;
+  const raw = window[BLOX_DATA_WINDOW_KEY];
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    return raw;
+  }
+  return null;
+}
+function getRegistry() {
+  if (vue.getCurrentInstance()) {
+    const injected = vue.inject(BLOX_DATA_KEY, null);
+    if (injected) return injected;
+  }
+  return globalThis.__BLOX_DATA_REGISTRY__ ?? null;
+}
+function getRegistryData() {
+  return getRegistry();
+}
+function collectBloxData(registry2) {
+  return Object.fromEntries(registry2.ssr);
+}
+function useSeo(source) {
+  const registry2 = getRegistry();
+  if (registry2 == null ? void 0 : registry2.isServer) {
+    registry2.seoSources.push(source);
+    return;
+  }
+  if (vue.getCurrentInstance()) {
+    vue.watch(source, (v) => {
+      if ((v == null ? void 0 : v.title) && typeof document !== "undefined") document.title = v.title;
+    }, { immediate: true });
+  }
+}
+function collectBloxSeo(registry2) {
+  for (const source of registry2.seoSources) {
+    const v = source();
+    if (!v) continue;
+    if (v.title) registry2.seo.title = v.title;
+    if (v.description) registry2.seo.description = v.description;
+    if (v.image) registry2.seo.image = v.image;
+    if (v.alternates && Object.keys(v.alternates).length) registry2.seo.alternates = v.alternates;
+  }
+  return registry2.seo;
+}
+function useData(key, fetcher, options) {
+  const registry2 = getRegistry();
+  const data = vue.shallowRef(options.default);
+  const pending = vue.ref(false);
+  const error = vue.ref(null);
+  const currentKey = () => vue.toValue(key);
+  const initialKey = currentKey();
+  if ((registry2 == null ? void 0 : registry2.payload) && initialKey in registry2.payload) {
+    data.value = registry2.payload[initialKey];
+    watchKey(initialKey);
+    return { data, pending, error, refresh };
+  }
+  if ((registry2 == null ? void 0 : registry2.isServer) && options.server !== false) {
+    vue.onServerPrefetch(async () => {
+      try {
+        const value = await fetcher();
+        data.value = value;
+        registry2.ssr.set(currentKey(), value);
+      } catch (e) {
+        error.value = e;
+        registry2.ssr.set(currentKey(), options.default);
+      }
+    });
+    return { data, pending, error, refresh };
+  }
+  void refresh();
+  watchKey(null);
+  return { data, pending, error, refresh };
+  function watchKey(skipInitial) {
+    if ((registry2 == null ? void 0 : registry2.isServer) || !vue.getCurrentInstance()) return;
+    vue.watch(currentKey, (k) => {
+      if (k === skipInitial) return;
+      if ((registry2 == null ? void 0 : registry2.payload) && k in registry2.payload) {
+        data.value = registry2.payload[k];
+        return;
+      }
+      void refresh();
+    });
+  }
+  async function refresh() {
+    pending.value = true;
+    error.value = null;
+    try {
+      data.value = await fetcher();
+    } catch (e) {
+      error.value = e;
+    } finally {
+      pending.value = false;
+    }
+  }
+}
 function normalizeLink(href) {
   const v = href == null ? void 0 : href.trim();
   if (!v) return void 0;
@@ -510,198 +647,6 @@ function installSmartLinks(router) {
   document.addEventListener("click", onClick);
   return () => document.removeEventListener("click", onClick);
 }
-function isServer() {
-  try {
-    if (false) ;
-  } catch {
-  }
-  return typeof window === "undefined";
-}
-function readPayload() {
-  const root = typeof window !== "undefined" ? window : globalThis;
-  const existing = root[ssg_client.BLOX_DATA_WINDOW_KEY];
-  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
-    return existing;
-  }
-  const fresh = {};
-  root[ssg_client.BLOX_DATA_WINDOW_KEY] = fresh;
-  return fresh;
-}
-function resolveDefault(opts) {
-  if (typeof opts.default === "function") return opts.default();
-  return opts.default;
-}
-function useData(key, handler, opts = {}) {
-  const data = vue.ref(resolveDefault(opts));
-  const pending = vue.ref(false);
-  const error = vue.ref(null);
-  async function refresh() {
-    const k = vue.toValue(key);
-    pending.value = true;
-    error.value = null;
-    try {
-      const result = await handler();
-      data.value = result;
-      readPayload()[k] = result;
-    } catch (e) {
-      error.value = e instanceof Error ? e : new Error(String(e));
-    } finally {
-      pending.value = false;
-    }
-  }
-  function hydrateFromPayload() {
-    const k = vue.toValue(key);
-    const payload = readPayload();
-    if (!Object.prototype.hasOwnProperty.call(payload, k)) return false;
-    data.value = payload[k];
-    return true;
-  }
-  if (isServer()) {
-    vue.onServerPrefetch(() => refresh());
-  } else if (!hydrateFromPayload()) {
-    void refresh();
-  }
-  vue.watch(() => vue.toValue(key), () => {
-    if (!hydrateFromPayload()) void refresh();
-  });
-  return { data, pending, error, refresh };
-}
-function withLocaleRoutes(path, component, locales, defaultLocale) {
-  const normalized = path.startsWith("/") ? path : `/${path}`;
-  const others = locales.filter((l) => l && l !== defaultLocale);
-  const localePattern = others.join("|");
-  const routes = [
-    { path: normalized, component }
-  ];
-  if (localePattern) {
-    routes.push({
-      path: `/:locale(${localePattern})${normalized}`,
-      component
-    });
-  }
-  return routes;
-}
-const _hoisted_1$1 = ["href"];
-const _hoisted_2 = ["href"];
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "LocaleRouterLink",
-  props: {
-    to: {},
-    replace: { type: Boolean },
-    activeClass: {},
-    exactActiveClass: {},
-    ariaCurrentValue: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = vue.useAttrs();
-    const strategy = vue.inject(BLOX_LOCALE_STRATEGY_KEY, null);
-    const { locale: locale2 } = useLocale();
-    const resolved = vue.computed(() => {
-      if (typeof props.to !== "string") {
-        return { kind: "route", to: props.to };
-      }
-      const href = normalizeLink(props.to) ?? props.to.trim();
-      const kind = classifyLink(href);
-      if (kind === "external") return { kind: "external", href };
-      if (kind === "special") return { kind: "special", href };
-      const path = toInternalPath(href);
-      const loc = String(locale2.value || "").slice(0, 2).toLowerCase();
-      const to = strategy ? strategy.toPath(path, loc || void 0) : path;
-      return { kind: "route", to };
-    });
-    return (_ctx, _cache) => {
-      return resolved.value.kind === "external" ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-        href: resolved.value.href,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$1)) : resolved.value.kind === "special" ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 1 }, vue.unref(attrs), {
-        href: resolved.value.href
-      }), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_2)) : (vue.openBlock(), vue.createBlock(vue.unref(vueRouter.RouterLink), vue.normalizeProps(vue.mergeProps({ key: 2 }, { ...props, ...vue.unref(attrs), to: resolved.value.to })), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16));
-    };
-  }
-});
-const BLOX_CONTENT_ITEM_KEY = Symbol("blox-content-item");
-function useContentItem() {
-  return vue.inject(BLOX_CONTENT_ITEM_KEY, null) ?? vue.ref(null);
-}
-const _hoisted_1 = {
-  key: 1,
-  class: "blox-content-detail"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ContentDetailHost",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const { locale: locale2 } = useLocale();
-    const def = vue.computed(() => route.meta.contentDef);
-    const slug = vue.computed(() => String(route.params.slug ?? ""));
-    const { data: item } = useData(
-      () => {
-        var _a;
-        return `content:${((_a = def.value) == null ? void 0 : _a.collection) ?? ""}:${slug.value}:${locale2.value}`;
-      },
-      async () => {
-        var _a, _b;
-        const collection = (_a = def.value) == null ? void 0 : _a.collection;
-        const s = slug.value;
-        if (!collection || !s) return null;
-        const escaped = s.replace(/"/g, '\\"');
-        const page = await listItems(collection, {
-          locale: locale2.value,
-          q: `slug eq "${escaped}"`,
-          limit: 1
-        });
-        return ((_b = page.items) == null ? void 0 : _b[0]) ?? null;
-      },
-      { default: null }
-    );
-    vue.provide(BLOX_CONTENT_ITEM_KEY, item);
-    const Detail = vue.computed(() => {
-      var _a;
-      return (_a = def.value) == null ? void 0 : _a.component;
-    });
-    return (_ctx, _cache) => {
-      return Detail.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Detail.value), { key: 0 })) : vue.unref(item) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("pre", null, vue.toDisplayString(vue.unref(item)), 1)
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-const registry = [];
-function defineContent(defs) {
-  registry.length = 0;
-  registry.push(...defs);
-}
-function contentRoutes() {
-  return registry;
-}
-function registerContentRoutesOnRouter(router, locales, defaultLocale) {
-  for (const def of registry) {
-    const routes = withLocaleRoutes(def.route, _sfc_main, locales, defaultLocale);
-    routes.forEach((r, i) => {
-      router.addRoute({
-        ...r,
-        // Only the default-locale path gets the stable name.
-        name: i === 0 ? def.name : void 0,
-        meta: {
-          ...r.meta ?? {},
-          contentDef: def
-        }
-      });
-    });
-  }
-}
 function createPathStrategy(options) {
   const { defaultLocale, supportedLocales } = options;
   let _currentLocale = defaultLocale;
@@ -731,10 +676,7 @@ function createPathStrategy(options) {
     },
     toPath(slug, locale2) {
       const loc = locale2 || _currentLocale;
-      let s = slug || "/";
-      if (s && !s.startsWith("/") && !/^(https?:|mailto:|tel:|sms:|whatsapp:|geo:|#|\/\/)/i.test(s)) {
-        s = `/${s}`;
-      }
+      let s = slug ? slug.startsWith("/") ? slug : `/${slug}` : "/";
       const segments = s.replace(/^\//, "").split("/").filter(Boolean);
       if (segments[0] && supportedLocales.includes(segments[0])) {
         const rest = segments.slice(1).join("/");
@@ -756,6 +698,18 @@ function createPathStrategy(options) {
       })();
       const target = locale2 === defaultLocale ? bare : bare === "/" ? `/${locale2}` : `/${locale2}${bare}`;
       router.push(target);
+    },
+    normalize(path, intendedLocale) {
+      const p = path || "/";
+      const [pathname, ...restQ] = p.split(/(?=[?#])/);
+      const suffix = restQ.join("");
+      const segments = (pathname || "/").replace(/^\//, "").split("/").filter(Boolean);
+      const first = segments[0];
+      if (first && supportedLocales.includes(first)) return null;
+      if (intendedLocale === defaultLocale) return null;
+      const bare = segments.length ? `/${segments.join("/")}` : "/";
+      const rebuilt = bare === "/" ? `/${intendedLocale}` : `/${intendedLocale}${bare}`;
+      return `${rebuilt}${suffix}`;
     }
   };
 }
@@ -790,6 +744,9 @@ function createDomainStrategy(options) {
       const { protocol } = window.location;
       const s = slug || "/";
       window.location.href = `${protocol}//${domain}${s}`;
+    },
+    normalize() {
+      return null;
     }
   };
 }
@@ -826,6 +783,10 @@ class BloxInstance {
     this._strategy = createLocaleStrategy(options ?? {});
     this._adminEdit = options == null ? void 0 : options.adminEdit;
   }
+  /** The active locale strategy (path/domain). Used by the nav guard. */
+  get strategy() {
+    return this._strategy;
+  }
   registerModules(modules) {
     const list = Array.isArray(modules) ? modules : Object.values(modules);
     for (const mod of list) {
@@ -899,14 +860,9 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => Promise.resolve().then(() => require("./PreviewApp-B8EmNfyH.cjs")),
+      component: () => Promise.resolve().then(() => require("./PreviewApp-APyemzqx.cjs")),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
-    registerContentRoutesOnRouter(
-      router,
-      this._config.supportedLocales,
-      this._config.defaultLocale
-    );
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$2 });
     this._routeRegistered = true;
     return this;
@@ -938,7 +894,6 @@ class BloxInstance {
     app.provide(BLOX_CONFIG_KEY, this._config);
     app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
     if (this._adminEdit) app.provide(BLOX_ADMIN_CONFIG_KEY, this._adminEdit);
-    app._context.components.RouterLink = _sfc_main$1;
   }
 }
 function isBlockDefinition(value) {
@@ -954,9 +909,234 @@ function createBlox(options) {
   if (options == null ? void 0 : options.router) instance.registerRoutes(options.router);
   return instance;
 }
+const registry = /* @__PURE__ */ new Map();
+function paramsOf(route) {
+  return [...route.matchAll(/:([A-Za-z0-9_]+)/g)].map((m) => m[1]);
+}
+function defineContent(inputs) {
+  for (const input of inputs) {
+    const params = paramsOf(input.route);
+    if (!params.includes("slug")) {
+      throw new Error(`[blox/content] route "${input.route}" for "${input.name}" must contain a :slug param`);
+    }
+    registry.set(input.name, {
+      name: input.name,
+      collection: input.collection,
+      route: input.route,
+      component: input.component,
+      view: input.view,
+      params
+    });
+  }
+}
+function contentRoutes() {
+  return [...registry.values()];
+}
+function getContentRoute(name) {
+  return registry.get(name);
+}
+function getContentRouteByCollection(collection) {
+  for (const r of registry.values()) if (r.collection === collection) return r;
+  return void 0;
+}
+const CONTENT_ITEM_CTX = Symbol("blox:content-item-ctx");
+function useContentItem(collectionArg, slugArg) {
+  const { locale: locale2 } = useLocale();
+  const ctx = vue.inject(CONTENT_ITEM_CTX, null);
+  const route = safeRoute();
+  const coll = () => {
+    var _a, _b;
+    if (collectionArg != null) return String(vue.toValue(collectionArg) || "");
+    if (ctx) return String(vue.toValue(ctx.collection) || "");
+    const name = (_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.content;
+    return name ? ((_b = getContentRoute(name)) == null ? void 0 : _b.collection) ?? "" : "";
+  };
+  const slg = () => {
+    var _a;
+    if (slugArg != null) return String(vue.toValue(slugArg) || "");
+    if (ctx) return String(vue.toValue(ctx.slug) || "");
+    return String(((_a = route == null ? void 0 : route.params) == null ? void 0 : _a.slug) ?? "");
+  };
+  const loc = () => String(locale2.value || "en").slice(0, 2).toLowerCase();
+  const { data } = useData(
+    () => `content:${coll()}:${slg()}:${loc()}`,
+    async () => {
+      const c = coll();
+      const s = slg();
+      if (!c || !s) return null;
+      const res = await listItems(c, { locale: loc(), limit: 1e3 });
+      const items = Array.isArray(res) ? res : (res == null ? void 0 : res.items) ?? [];
+      return items.find((it) => String((it == null ? void 0 : it.slug) ?? "") === s) ?? null;
+    },
+    { default: null }
+  );
+  return data;
+}
+function provideContentItem(collection, slug) {
+  vue.provide(CONTENT_ITEM_CTX, { collection, slug });
+}
+function safeRoute() {
+  try {
+    return vueRouter.useRoute();
+  } catch {
+    return null;
+  }
+}
+const _hoisted_1 = {
+  key: 0,
+  class: "blox-content-detail"
+};
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  key: 1,
+  class: "blox-content-detail__title"
+};
+const _hoisted_4 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ContentDetailView",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const item = useContentItem();
+    const schema = vue.computed(() => {
+      var _a, _b;
+      const name = (_a = route.meta) == null ? void 0 : _a.content;
+      return (name ? (_b = getContentRoute(name)) == null ? void 0 : _b.view : void 0) ?? {};
+    });
+    function field(key) {
+      if (!key || !item.value) return "";
+      return String(item.value[key] ?? "");
+    }
+    const title = vue.computed(() => field(schema.value.title));
+    const body = vue.computed(() => field(schema.value.body));
+    const description = vue.computed(() => {
+      const raw = field(schema.value.description) || body.value;
+      return raw.replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim().slice(0, 160);
+    });
+    const image = vue.computed(() => {
+      var _a;
+      const v = schema.value.image ? (_a = item.value) == null ? void 0 : _a[schema.value.image] : void 0;
+      if (!v) return "";
+      return typeof v === "object" ? v.imageURL ?? "" : String(v);
+    });
+    useSeo(() => {
+      if (!item.value) return null;
+      return { title: title.value, description: description.value, image: image.value };
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(item) ? (vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
+        image.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          class: "blox-content-detail__image",
+          src: image.value,
+          alt: title.value
+        }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+        title.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_3, vue.toDisplayString(title.value), 1)) : vue.createCommentVNode("", true),
+        body.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: "blox-content-detail__body",
+          innerHTML: body.value
+        }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ContentHost",
+  setup(__props) {
+    var _a;
+    const route = vueRouter.useRoute();
+    const name = (_a = route.meta) == null ? void 0 : _a.content;
+    const registration = name ? getContentRoute(name) : void 0;
+    const component = vue.markRaw((registration == null ? void 0 : registration.component) ?? _sfc_main$1);
+    provideContentItem(
+      () => (registration == null ? void 0 : registration.collection) ?? "",
+      () => String(route.params.slug ?? "")
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(component)), {
+        key: vue.unref(route).fullPath
+      });
+    };
+  }
+});
+function generateContentRoutes(supportedLocales, defaultLocale) {
+  const records = [];
+  for (const route of contentRoutes()) {
+    const bare = route.route.startsWith("/") ? route.route : `/${route.route}`;
+    records.push({
+      path: bare,
+      name: route.name,
+      component: _sfc_main,
+      meta: { content: route.name }
+    });
+    for (const loc of supportedLocales) {
+      if (loc === defaultLocale) continue;
+      records.push({
+        path: `/${loc}${bare}`,
+        name: `${route.name}:${loc}`,
+        component: _sfc_main,
+        meta: { content: route.name }
+      });
+    }
+  }
+  return records;
+}
+function installLocaleAwareResolve(router, strategy) {
+  const { locale: locale2 } = useLocale();
+  const supported = strategy.locales;
+  const defaultLocale = strategy.defaultLocale;
+  const activeLocale = () => String(locale2.value || "").slice(0, 2).toLowerCase() || defaultLocale;
+  const originalResolve = router.resolve.bind(router);
+  router.resolve = (to, currentLocation) => {
+    if (typeof to === "string") {
+      const href = normalizeLink(to) ?? to;
+      if (classifyLink(href) === "internal") {
+        to = strategy.toPath(href, activeLocale());
+      }
+    } else if (to && typeof to === "object" && typeof to.name === "string") {
+      const base = to.name.split(":")[0];
+      if (getContentRoute(base) && supported.length) {
+        const loc = activeLocale();
+        const name = loc && loc !== defaultLocale ? `${base}:${loc}` : base;
+        if (router.hasRoute(name)) to = { ...to, name };
+      }
+    }
+    return originalResolve(to, currentLocation);
+  };
+}
+function installContentFallback(router, supportedLocales, defaultLocale) {
+  const localeOf = (path) => {
+    const first = path.replace(/^\//, "").split("/")[0];
+    return first && supportedLocales.includes(first) ? first : defaultLocale;
+  };
+  router.beforeResolve(async (to) => {
+    var _a;
+    const name = (_a = to.meta) == null ? void 0 : _a.content;
+    if (!name) return true;
+    const registration = getContentRoute(name);
+    if (!registration) return true;
+    const slug = String(to.params.slug ?? "");
+    if (!slug) return true;
+    const urlLocale = localeOf(to.path);
+    const here = await getItemBySlug(registration.collection, slug, urlLocale).catch(() => null);
+    if (here) return true;
+    const probe = await getItemBySlug(registration.collection, slug).catch(() => null);
+    const available = Array.isArray(probe == null ? void 0 : probe.available_locales) ? probe.available_locales : [];
+    const target = [defaultLocale, ...supportedLocales].find(
+      (l) => l !== urlLocale && available.includes(l)
+    );
+    if (!target || !probe) return true;
+    const targetItem = await getItemBySlug(registration.collection, slug, target).catch(() => null);
+    const targetSlug = String((targetItem == null ? void 0 : targetItem.slug) ?? slug);
+    const barePath = registration.route.replace(/:slug(?=\/|$)/, targetSlug);
+    const redirect = target === defaultLocale ? barePath : `/${target}${barePath}`;
+    return redirect;
+  });
+}
 exports.BLOX_ADMIN_CONFIG_KEY = BLOX_ADMIN_CONFIG_KEY;
 exports.BLOX_CONFIG_KEY = BLOX_CONFIG_KEY;
-exports.BLOX_CONTENT_ITEM_KEY = BLOX_CONTENT_ITEM_KEY;
+exports.BLOX_DATA_KEY = BLOX_DATA_KEY;
+exports.BLOX_DATA_WINDOW_KEY = BLOX_DATA_WINDOW_KEY;
 exports.BLOX_GLOBAL_RESOLVER_KEY = BLOX_GLOBAL_RESOLVER_KEY;
 exports.BLOX_LOCALE_STRATEGY_KEY = BLOX_LOCALE_STRATEGY_KEY;
 exports.BLOX_REGISTRY_KEY = BLOX_REGISTRY_KEY;
@@ -967,24 +1147,39 @@ exports.PageRenderer = PageRenderer;
 exports._sfc_main = _sfc_main$3;
 exports._sfc_main$1 = _sfc_main$2;
 exports._sfc_main$2 = _sfc_main$1;
+exports._sfc_main$3 = _sfc_main;
 exports.classifyLink = classifyLink;
+exports.collectBloxData = collectBloxData;
+exports.collectBloxSeo = collectBloxSeo;
 exports.configureApi = configureApi;
 exports.contentRoutes = contentRoutes;
 exports.createBlox = createBlox;
 exports.defineContent = defineContent;
+exports.generateContentRoutes = generateContentRoutes;
+exports.getContentRoute = getContentRoute;
+exports.getContentRouteByCollection = getContentRouteByCollection;
+exports.getItemById = getItemById;
+exports.getItemBySlug = getItemBySlug;
+exports.getRegistryData = getRegistryData;
 exports.getWebsiteId = getWebsiteId;
 exports.getWebsiteIdSync = getWebsiteIdSync;
 exports.globalRefOf = globalRefOf;
+exports.installContentFallback = installContentFallback;
+exports.installLocaleAwareResolve = installLocaleAwareResolve;
 exports.installSmartLinks = installSmartLinks;
 exports.isAbsoluteExternal = isAbsoluteExternal;
 exports.isSpecialScheme = isSpecialScheme;
 exports.listItems = listItems;
 exports.normalizeLink = normalizeLink;
 exports.normalizeTo = normalizeTo;
+exports.provideBloxData = provideBloxData;
+exports.provideContentItem = provideContentItem;
 exports.resolvePath = resolvePath;
+exports.setActiveLocale = setActiveLocale;
+exports.setApiOrigin = setApiOrigin;
 exports.toInternalPath = toInternalPath;
 exports.useBloxEdit = useBloxEdit;
 exports.useContentItem = useContentItem;
 exports.useData = useData;
 exports.useLocale = useLocale;
-exports.withLocaleRoutes = withLocaleRoutes;
+exports.useSeo = useSeo;