@bagelink/blox 1.15.178 → 1.15.182

package/dist/{core-Bp2bf8e4.js → routes-bhjTTXfU.js}

@@ -1,21 +1,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);
-import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY, BLOX_DATA_WINDOW_KEY } from "./ssg/client.mjs";
-import { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, onUnmounted, watch, h, provide, resolveComponent, createVNode, toDisplayString, withCtx, createTextVNode, Fragment, onServerPrefetch, toValue, useAttrs, mergeProps, renderSlot, normalizeProps, resolveDynamicComponent } from "vue";
-import { useRoute, useRouter, RouterLink } from "vue-router";
+import { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, onUnmounted, watch, h, provide, resolveComponent, createVNode, toDisplayString, withCtx, createTextVNode, Fragment, getCurrentInstance, shallowRef, onServerPrefetch, toValue, markRaw, resolveDynamicComponent } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY } from "./ssg/client.mjs";
 import { getI18n, Loading } from "@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));
@@ -61,6 +72,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");
@@ -115,7 +136,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"
 };
@@ -138,7 +159,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         key: 0,
         to: "body"
       }, [
-        unref(showEdit) && __props.websiteId && __props.pageId ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        unref(showEdit) && __props.websiteId && __props.pageId ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
           createElementVNode("button", {
             type: "button",
             class: "blox-admin-btn",
@@ -159,15 +180,26 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const locale = ref(localStorage.getItem("blox:locale") || "en");
+const _hasStorage = typeof localStorage !== "undefined";
+const locale = ref((_hasStorage ? localStorage.getItem("blox:locale") : null) || "en");
 const currentAlternates = ref({});
+function setActiveLocale(l) {
+  locale.value = l;
+  try {
+    const i18n = getI18n();
+    if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
+  } catch {
+  }
+}
 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;
+    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 = getI18n();
       if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
@@ -283,7 +315,7 @@ const PageRenderer = defineComponent({
     );
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "blox-loading flex column h-100vh justify-content-center"
 };
@@ -291,11 +323,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"
 };
@@ -399,7 +431,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", null, [
-        initialLoading.value && blocks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        initialLoading.value && blocks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
           createVNode(unref(Loading))
         ])) : notFound.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           _cache[0] || (_cache[0] = createElementVNode("h2", null, "404", -1)),
@@ -410,8 +442,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-          navigating.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(error.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          navigating.value ? (openBlock(), createElementBlock("div", _hoisted_4$1)) : createCommentVNode("", true),
           createVNode(unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
         ], 64)),
         unref(adminConfig) ? (openBlock(), createBlock(_sfc_main$3, {
@@ -423,6 +455,111 @@ const _sfc_main$2 = /* @__PURE__ */ 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 (getCurrentInstance()) {
+    const injected = 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 (getCurrentInstance()) {
+    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 = shallowRef(options.default);
+  const pending = ref(false);
+  const error = ref(null);
+  const currentKey = () => 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) {
+    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) || !getCurrentInstance()) return;
+    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;
@@ -509,198 +646,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[BLOX_DATA_WINDOW_KEY];
-  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
-    return existing;
-  }
-  const fresh = {};
-  root[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 = ref(resolveDefault(opts));
-  const pending = ref(false);
-  const error = ref(null);
-  async function refresh() {
-    const k = 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 = toValue(key);
-    const payload = readPayload();
-    if (!Object.prototype.hasOwnProperty.call(payload, k)) return false;
-    data.value = payload[k];
-    return true;
-  }
-  if (isServer()) {
-    onServerPrefetch(() => refresh());
-  } else if (!hydrateFromPayload()) {
-    void refresh();
-  }
-  watch(() => 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__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "LocaleRouterLink",
-  props: {
-    to: {},
-    replace: { type: Boolean },
-    activeClass: {},
-    exactActiveClass: {},
-    ariaCurrentValue: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const strategy = inject(BLOX_LOCALE_STRATEGY_KEY, null);
-    const { locale: locale2 } = useLocale();
-    const resolved = 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" ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, unref(attrs), {
-        href: resolved.value.href,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$1)) : resolved.value.kind === "special" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, unref(attrs), {
-        href: resolved.value.href
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_2)) : (openBlock(), createBlock(unref(RouterLink), normalizeProps(mergeProps({ key: 2 }, { ...props, ...unref(attrs), to: resolved.value.to })), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16));
-    };
-  }
-});
-const BLOX_CONTENT_ITEM_KEY = Symbol("blox-content-item");
-function useContentItem() {
-  return inject(BLOX_CONTENT_ITEM_KEY, null) ?? ref(null);
-}
-const _hoisted_1 = {
-  key: 1,
-  class: "blox-content-detail"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ContentDetailHost",
-  setup(__props) {
-    const route = useRoute();
-    const { locale: locale2 } = useLocale();
-    const def = computed(() => route.meta.contentDef);
-    const slug = 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 }
-    );
-    provide(BLOX_CONTENT_ITEM_KEY, item);
-    const Detail = computed(() => {
-      var _a;
-      return (_a = def.value) == null ? void 0 : _a.component;
-    });
-    return (_ctx, _cache) => {
-      return Detail.value ? (openBlock(), createBlock(resolveDynamicComponent(Detail.value), { key: 0 })) : unref(item) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("pre", null, toDisplayString(unref(item)), 1)
-      ])) : 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;
@@ -730,10 +675,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("/");
@@ -755,6 +697,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}`;
     }
   };
 }
@@ -789,6 +743,9 @@ function createDomainStrategy(options) {
       const { protocol } = window.location;
       const s = slug || "/";
       window.location.href = `${protocol}//${domain}${s}`;
+    },
+    normalize() {
+      return null;
     }
   };
 }
@@ -825,6 +782,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) {
@@ -898,14 +859,9 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => import("./PreviewApp-DdkAQqw2.js"),
+      component: () => import("./PreviewApp-BKTydm92.js"),
       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;
@@ -937,7 +893,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) {
@@ -953,39 +908,279 @@ 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 = inject(CONTENT_ITEM_CTX, null);
+  const route = safeRoute();
+  const coll = () => {
+    var _a, _b;
+    if (collectionArg != null) return String(toValue(collectionArg) || "");
+    if (ctx) return String(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(toValue(slugArg) || "");
+    if (ctx) return String(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) {
+  provide(CONTENT_ITEM_CTX, { collection, slug });
+}
+function safeRoute() {
+  try {
+    return 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__ */ defineComponent({
+  __name: "ContentDetailView",
+  setup(__props) {
+    const route = useRoute();
+    const item = useContentItem();
+    const schema = 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 = computed(() => field(schema.value.title));
+    const body = computed(() => field(schema.value.body));
+    const description = computed(() => {
+      const raw = field(schema.value.description) || body.value;
+      return raw.replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim().slice(0, 160);
+    });
+    const image = 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 unref(item) ? (openBlock(), createElementBlock("article", _hoisted_1, [
+        image.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "blox-content-detail__image",
+          src: image.value,
+          alt: title.value
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+        title.value ? (openBlock(), createElementBlock("h1", _hoisted_3, toDisplayString(title.value), 1)) : createCommentVNode("", true),
+        body.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "blox-content-detail__body",
+          innerHTML: body.value
+        }, null, 8, _hoisted_4)) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentHost",
+  setup(__props) {
+    var _a;
+    const route = useRoute();
+    const name = (_a = route.meta) == null ? void 0 : _a.content;
+    const registration = name ? getContentRoute(name) : void 0;
+    const component = 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 openBlock(), createBlock(resolveDynamicComponent(unref(component)), {
+        key: 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;
+  });
+}
 export {
-  useBloxEdit as A,
-  BLOX_REGISTRY_KEY as B,
-  useContentItem as C,
-  useData as D,
-  withLocaleRoutes as E,
+  _sfc_main$1 as A,
+  BLOX_DATA_WINDOW_KEY as B,
+  _sfc_main as C,
+  GLOBAL_REF_KEY as D,
+  classifyLink as E,
+  configureApi as F,
   GlobalBlockHost as G,
+  contentRoutes as H,
+  defineContent as I,
+  getContentRouteByCollection as J,
+  getWebsiteId as K,
+  getWebsiteIdSync as L,
+  isAbsoluteExternal as M,
+  isSpecialScheme as N,
+  listItems as O,
   PageRenderer as P,
+  normalizeTo as Q,
+  provideContentItem as R,
+  resolvePath as S,
+  toInternalPath as T,
+  useBloxEdit as U,
+  useContentItem as V,
+  useData as W,
   _sfc_main$3 as _,
-  BLOX_LOCALE_STRATEGY_KEY as a,
-  BLOX_ADMIN_CONFIG_KEY as b,
-  createBlox as c,
-  BLOX_CONFIG_KEY as d,
-  BLOX_CONTENT_ITEM_KEY as e,
-  BLOX_GLOBAL_RESOLVER_KEY as f,
-  globalRefOf as g,
-  BloxInstance as h,
-  installSmartLinks as i,
-  _sfc_main$2 as j,
-  GLOBAL_REF_KEY as k,
-  _sfc_main$1 as l,
-  classifyLink as m,
+  setActiveLocale as a,
+  collectBloxSeo as b,
+  collectBloxData as c,
+  createBlox as d,
+  BLOX_REGISTRY_KEY as e,
+  globalRefOf as f,
+  generateContentRoutes as g,
+  BLOX_LOCALE_STRATEGY_KEY as h,
+  installLocaleAwareResolve as i,
+  useSeo as j,
+  getRegistryData as k,
+  getItemBySlug as l,
+  getItemById as m,
   normalizeLink as n,
-  configureApi as o,
-  contentRoutes as p,
-  defineContent as q,
-  getWebsiteId as r,
-  getWebsiteIdSync as s,
-  isAbsoluteExternal as t,
+  getContentRoute as o,
+  provideBloxData as p,
+  installContentFallback as q,
+  installSmartLinks as r,
+  setApiOrigin as s,
+  BLOX_ADMIN_CONFIG_KEY as t,
   useLocale as u,
-  isSpecialScheme as v,
-  listItems as w,
-  normalizeTo as x,
-  resolvePath as y,
-  toInternalPath as z
+  BLOX_CONFIG_KEY as v,
+  BLOX_DATA_KEY as w,
+  BLOX_GLOBAL_RESOLVER_KEY as x,
+  BloxInstance as y,
+  _sfc_main$2 as z
 };