@bagelink/blox 1.15.587 → 1.15.591

package/dist/{routes-DDiQDksF.js → appRuntime-B6yWkH3M.js}

@@ -1,17 +1,18 @@
 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 { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, h, provide, watch, resolveComponent, toDisplayString, createVNode, withCtx, createTextVNode, Fragment, getCurrentInstance, shallowRef, onServerPrefetch, toValue, markRaw, resolveDynamicComponent } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import { r as resolvePageTitle, s as siteNameFromContexts, a as preserveCurrentSiteSuffix } from "./pageTitle-BOTMH-D8.js";
+import { createPinia } from "pinia";
+import { getCurrentInstance, inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, h, provide, watch, resolveComponent, toDisplayString, createVNode, withCtx, createTextVNode, Fragment, shallowRef, onServerPrefetch, toValue, markRaw, resolveDynamicComponent } from "vue";
 import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY } from "./ssg/client.mjs";
+import { useRoute, useRouter } from "vue-router";
 import { getI18n } from "@bagelink/vue";
+import { r as resolvePageTitle, s as siteNameFromContexts, a as preserveCurrentSiteSuffix } from "./pageTitle-BOTMH-D8.js";
 let BASE = "/api";
 let _websiteName = "";
 let _store = "";
 let _websiteId = null;
 let _origin = "";
-let _collectionResolver = null;
+const BLOX_API_KEY = Symbol("blox:api");
 function configureApi(websiteName, store) {
   _websiteName = websiteName;
   _store = store;
@@ -26,8 +27,102 @@ function setApiOrigin(base) {
   } catch {
   }
 }
-function setCollectionResolver(resolver) {
-  _collectionResolver = resolver;
+function apiBase(base = "/api", origin = "") {
+  if (!origin) return { base, origin };
+  try {
+    const url = new URL(origin);
+    return {
+      origin: url.origin,
+      base: url.pathname && url.pathname !== "/" ? url.pathname.replace(/\/$/, "") : ""
+    };
+  } catch {
+    return { base, origin: "" };
+  }
+}
+function createBloxApi(options) {
+  const configured = apiBase("/api", options.origin);
+  let websiteId = null;
+  async function scopedRequest(path, { locale: locale2, params, ...opts } = {}) {
+    const origin = configured.origin || (typeof window !== "undefined" ? window.location.origin : "");
+    const url = new URL(`${configured.base}${path}`, origin || void 0);
+    if (locale2) url.searchParams.set("locale", locale2);
+    if (params) {
+      for (const [key, value] of Object.entries(params)) url.searchParams.set(key, String(value));
+    }
+    const response = await fetch(url.toString(), opts);
+    if (!response.ok) throw new Error(`API ${response.status}: ${path}`);
+    if (response.status === 204) return null;
+    return response.json();
+  }
+  function getWebsiteIdSync2() {
+    if (websiteId) return websiteId;
+    if (typeof window === "undefined") return null;
+    const embedded = window[BLOX_WEBSITE_ID_WINDOW_KEY];
+    return typeof embedded === "string" && embedded !== "" ? embedded : null;
+  }
+  async function getWebsiteId2() {
+    const existing = getWebsiteIdSync2();
+    if (existing) {
+      websiteId = existing;
+      return existing;
+    }
+    try {
+      const website = await scopedRequest(
+        `/blox/sites/${encodeURIComponent(options.websiteName)}`
+      );
+      websiteId = website.id;
+      return website.id;
+    } catch {
+      throw new Error(`Website "${options.websiteName}" not found. Run: npm run seed`);
+    }
+  }
+  async function listItems2(collection, { locale: locale2, q, offset = 0, limit = 100 } = {}) {
+    if (options.collectionResolver) {
+      return await options.collectionResolver(collection, {
+        locale: locale2,
+        q,
+        offset,
+        limit
+      });
+    }
+    return scopedRequest(`/datastore/${options.store}/collections/${collection}`, {
+      locale: locale2,
+      params: { ...q ? { q } : {}, offset, limit }
+    });
+  }
+  return {
+    getWebsiteIdSync: getWebsiteIdSync2,
+    getWebsiteId: getWebsiteId2,
+    resolvePath: async (path, locale2) => {
+      const id = await getWebsiteId2();
+      return scopedRequest(`/blox/websites/${id}/resolve-path`, {
+        locale: locale2,
+        params: { path }
+      });
+    },
+    listItems: listItems2,
+    getItemBySlug: async (collection, slug, locale2) => {
+      const result = await listItems2(collection, { locale: locale2, limit: 1e3 });
+      const items = Array.isArray(result) ? result : (result == null ? void 0 : result.items) ?? [];
+      return items.find((item) => String((item == null ? void 0 : item.slug) ?? "") === slug) ?? null;
+    },
+    getItemById: async (collection, id, locale2) => {
+      const result = await listItems2(collection, { locale: locale2, limit: 1e3 });
+      const items = Array.isArray(result) ? result : (result == null ? void 0 : result.items) ?? [];
+      return items.find((item) => {
+        const record = item;
+        return String((record == null ? void 0 : record.id) ?? (record == null ? void 0 : record._id) ?? "") === id;
+      }) ?? null;
+    }
+  };
+}
+function provideBloxApi(app, options) {
+  const client = createBloxApi(options);
+  app.provide(BLOX_API_KEY, client);
+  return client;
+}
+function useBloxApi() {
+  return getCurrentInstance() ? inject(BLOX_API_KEY, null) : null;
 }
 async function request(path, { locale: locale2, params, ...opts } = {}) {
   const origin = _origin || (typeof window !== "undefined" ? window.location.origin : "");
@@ -77,27 +172,28 @@ async function resolvePath(path, locale2) {
   });
 }
 async function listItems(collection, { locale: locale2, q, offset = 0, limit = 100 } = {}) {
-  if (_collectionResolver) {
-    return await _collectionResolver(collection, { locale: locale2, q, offset, limit });
-  }
   return request(`/datastore/${_store}/collections/${collection}`, {
     locale: locale2,
     params: { ...q ? { q } : {}, offset, limit }
   });
 }
 async function getItemBySlug(collection, slug, locale2) {
-  const res = await listItems(collection, { locale: locale2, limit: 1e3 });
+  const res = await listItemsFromActiveApi(collection, { locale: locale2, limit: 1e3 });
   const items = Array.isArray(res) ? res : (res == null ? void 0 : res.items) ?? [];
   return items.find((item) => String((item == null ? void 0 : item.slug) ?? "") === slug) ?? null;
 }
 async function getItemById(collection, id, locale2) {
-  const res = await listItems(collection, { locale: locale2, limit: 1e3 });
+  const res = await listItemsFromActiveApi(collection, { locale: locale2, limit: 1e3 });
   const items = Array.isArray(res) ? res : (res == null ? void 0 : res.items) ?? [];
   return items.find((item) => {
     const record = item;
     return String((record == null ? void 0 : record.id) ?? (record == null ? void 0 : record._id) ?? "") === id;
   }) ?? null;
 }
+function listItemsFromActiveApi(collection, options = {}) {
+  var _a;
+  return ((_a = useBloxApi()) == null ? void 0 : _a.listItems(collection, options)) ?? listItems(collection, options);
+}
 const BLOX_REGISTRY_KEY = Symbol("blox:registry");
 const BLOX_CONFIG_KEY = Symbol("blox:config");
 const BLOX_LOCALE_STRATEGY_KEY = Symbol("blox:locale-strategy");
@@ -201,8 +297,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const _hasStorage = typeof localStorage !== "undefined";
 const locale = ref((_hasStorage ? localStorage.getItem("blox:locale") : null) || "en");
 const currentAlternates = ref({});
-function setActiveLocale(l) {
-  locale.value = l;
+const BLOX_LOCALE_KEY = Symbol("blox:locale");
+function provideBloxLocale(app, initialLocale) {
+  const state = {
+    locale: ref(initialLocale),
+    currentAlternates: ref({})
+  };
+  app.provide(BLOX_LOCALE_KEY, state);
+  return state;
+}
+function localeState() {
+  if (getCurrentInstance()) {
+    const state = inject(BLOX_LOCALE_KEY, null);
+    if (state) return state;
+  }
+  return { locale, currentAlternates };
+}
+function setActiveLocale(l, state = localeState()) {
+  state.locale.value = l;
   try {
     const i18n = getI18n();
     if (i18n == null ? void 0 : i18n.global) i18n.global.locale.value = l;
@@ -210,9 +322,10 @@ function setActiveLocale(l) {
   }
 }
 function useLocale() {
-  const dir = computed(() => locale.value === "he" || locale.value === "ar" ? "rtl" : "ltr");
+  const state = localeState();
+  const dir = computed(() => state.locale.value === "he" || state.locale.value === "ar" ? "rtl" : "ltr");
   function setLocale(l) {
-    locale.value = l;
+    state.locale.value = l;
     if (typeof localStorage !== "undefined") localStorage.setItem("blox:locale", l);
     if (typeof document !== "undefined") {
       document.documentElement.lang = l;
@@ -225,9 +338,15 @@ function useLocale() {
     }
   }
   function setAlternates(alternates) {
-    currentAlternates.value = alternates;
+    state.currentAlternates.value = alternates;
   }
-  return { locale, dir, setLocale, currentAlternates, setAlternates };
+  return {
+    locale: state.locale,
+    dir,
+    setLocale,
+    currentAlternates: state.currentAlternates,
+    setAlternates
+  };
 }
 function pathExcluded(path, patterns) {
   if (!(patterns == null ? void 0 : patterns.length)) return false;
@@ -360,12 +479,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const { locale: locale2, setLocale, setAlternates } = useLocale();
     const strategy = inject(BLOX_LOCALE_STRATEGY_KEY, null);
     const ssrRouteState = inject(BLOX_SSR_ROUTE_STATE_KEY, null);
+    const api = useBloxApi();
     const blocks = ref([]);
     const contexts = ref({});
     provide("contexts", contexts);
     const adminConfig = inject(BLOX_ADMIN_CONFIG_KEY, null);
     const currentPageId = ref(null);
-    const websiteId = ref(getWebsiteIdSync());
+    const websiteId = ref((api == null ? void 0 : api.getWebsiteIdSync()) ?? getWebsiteIdSync());
     const notFound = ref(false);
     const error = ref(null);
     const initialLoading = ref(true);
@@ -445,7 +565,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       navigating.value = true;
       try {
-        const resolved = await resolvePath(slug, urlLocale);
+        const resolved = await ((api == null ? void 0 : api.resolvePath(slug, urlLocale)) ?? resolvePath(slug, urlLocale));
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
         contexts.value = resolved.contexts ?? {};
         currentPageId.value = resolved.page.id ?? null;
@@ -470,7 +590,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch(currentRoutePath, load);
     onMounted(() => {
       if (adminConfig && !websiteId.value) {
-        getWebsiteId().then((id) => {
+        ((api == null ? void 0 : api.getWebsiteId()) ?? getWebsiteId()).then((id) => {
           websiteId.value = id;
         }).catch(() => {
         });
@@ -517,7 +637,6 @@ function provideBloxData(app, opts = {}) {
     seoSources: []
   };
   app.provide(BLOX_DATA_KEY, registry2);
-  globalThis.__BLOX_DATA_REGISTRY__ = registry2;
   return registry2;
 }
 function readPayload() {
@@ -533,7 +652,7 @@ function getRegistry() {
     const injected = inject(BLOX_DATA_KEY, null);
     if (injected) return injected;
   }
-  return globalThis.__BLOX_DATA_REGISTRY__ ?? null;
+  return null;
 }
 function getRegistryData() {
   return getRegistry();
@@ -839,6 +958,8 @@ function createLocaleStrategy(options) {
     supportedLocales: options.supportedLocales ?? []
   });
 }
+const BLOX_PREVIEW_ROUTE_NAME = "blox:preview";
+const BLOX_CMS_ROUTE_NAME = "blox:cms";
 function applyDefaultsToFields(schema, defaults) {
   var _a;
   if (!schema || !defaults) return;
@@ -943,12 +1064,22 @@ class BloxInstance {
         }
       });
     }
-    router.addRoute({
-      path: "/_blox_preview",
-      component: () => import("./PreviewApp-D208UMZs.js"),
-      beforeEnter: () => window.parent !== window ? true : "/"
-    });
-    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$2 });
+    if (!router.hasRoute(BLOX_PREVIEW_ROUTE_NAME)) {
+      router.addRoute({
+        path: "/_blox_preview",
+        name: BLOX_PREVIEW_ROUTE_NAME,
+        component: () => import("./PreviewApp-BagepqPk.js"),
+        beforeEnter: () => typeof window === "undefined" || window.parent !== window ? true : "/"
+      });
+    }
+    if (!router.hasRoute(BLOX_CMS_ROUTE_NAME)) {
+      router.addRoute({
+        path: "/:pathMatch(.*)*",
+        name: BLOX_CMS_ROUTE_NAME,
+        component: _sfc_main$2,
+        meta: { navigation: "document" }
+      });
+    }
     this._routeRegistered = true;
     return this;
   }
@@ -1049,7 +1180,7 @@ function useContentItem(collectionArg, slugArg) {
       const c = coll();
       const s = slg();
       if (!c || !s) return null;
-      const res = await listItems(c, { locale: loc(), limit: 1e3 });
+      const res = await listItemsFromActiveApi(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;
     },
@@ -1166,8 +1297,8 @@ function generateContentRoutes(supportedLocales, defaultLocale) {
   }
   return records;
 }
-function installLocaleAwareResolve(router, strategy) {
-  const { locale: locale2 } = useLocale();
+function installLocaleAwareResolve(router, strategy, activeLocaleRef) {
+  const locale2 = activeLocaleRef ?? useLocale().locale;
   const supported = strategy.locales;
   const defaultLocale = strategy.defaultLocale;
   const activeLocale = () => String(locale2.value || "").slice(0, 2).toLowerCase() || defaultLocale;
@@ -1189,7 +1320,7 @@ function installLocaleAwareResolve(router, strategy) {
     return originalResolve(to, currentLocation);
   };
 }
-function installContentFallback(router, supportedLocales, defaultLocale) {
+function installContentFallback(router, supportedLocales, defaultLocale, api) {
   const localeOf = (path) => {
     const first = path.replace(/^\//, "").split("/")[0];
     return first && supportedLocales.includes(first) ? first : defaultLocale;
@@ -1208,11 +1339,15 @@ function installContentFallback(router, supportedLocales, defaultLocale) {
     }
     let here;
     try {
-      here = await getItemBySlug(
+      here = await ((api == null ? void 0 : api.getItemBySlug(
         registration.collection,
         slug,
         urlLocale
-      );
+      )) ?? getItemBySlug(
+        registration.collection,
+        slug,
+        urlLocale
+      ));
     } catch {
       return true;
     }
@@ -1221,11 +1356,15 @@ function installContentFallback(router, supportedLocales, defaultLocale) {
       if (sourceLocale === urlLocale) continue;
       let source;
       try {
-        source = await getItemBySlug(
+        source = await ((api == null ? void 0 : api.getItemBySlug(
+          registration.collection,
+          slug,
+          sourceLocale
+        )) ?? getItemBySlug(
           registration.collection,
           slug,
           sourceLocale
-        );
+        ));
       } catch {
         return true;
       }
@@ -1233,11 +1372,15 @@ function installContentFallback(router, supportedLocales, defaultLocale) {
       if (!id) continue;
       let target;
       try {
-        target = await getItemById(
+        target = await ((api == null ? void 0 : api.getItemById(
+          registration.collection,
+          id,
+          urlLocale
+        )) ?? getItemById(
           registration.collection,
           id,
           urlLocale
-        );
+        ));
       } catch {
         return true;
       }
@@ -1255,59 +1398,114 @@ function hasEmbeddedContentItem(collection, slug, locale2) {
   if (!payload || typeof payload !== "object" || Array.isArray(payload)) return false;
   return `content:${collection}:${slug}:${locale2}` in payload;
 }
+function installBloxRuntime(options) {
+  const {
+    app,
+    router,
+    modules,
+    websiteName,
+    store,
+    locale: locale2,
+    supportedLocales,
+    plugins = [],
+    globalComponents = {},
+    setup,
+    adminEdit,
+    contentFallback = false,
+    api,
+    localeState: localeState2
+  } = options;
+  const blox = createBlox({
+    modules,
+    websiteName,
+    store,
+    defaultLocale: locale2,
+    supportedLocales,
+    router,
+    adminEdit
+  });
+  const pinia = createPinia();
+  pinia.use(({ store: piniaStore }) => {
+    piniaStore.router = markRaw(router);
+  });
+  app.use(pinia);
+  app.use(router);
+  blox.install(app, {});
+  for (const record of generateContentRoutes(supportedLocales, locale2)) {
+    if (!router.hasRoute(record.name)) router.addRoute(record);
+  }
+  if (contentFallback) installContentFallback(router, supportedLocales, locale2, api);
+  installLocaleAwareResolve(router, blox.strategy, localeState2.locale);
+  for (const plugin of plugins) {
+    if (Array.isArray(plugin)) {
+      const [vuePlugin, ...args] = plugin;
+      app.use(vuePlugin, ...args);
+    } else {
+      app.use(plugin);
+    }
+  }
+  for (const [name, component] of Object.entries(globalComponents)) {
+    app.component(name, component);
+  }
+  setup == null ? void 0 : setup(app);
+  return blox;
+}
 export {
-  useData as $,
-  BLOX_DATA_KEY as A,
+  toInternalPath as $,
+  BloxInstance as A,
   BLOX_DATA_WINDOW_KEY as B,
-  BLOX_LAYOUT_KEY as C,
-  BloxInstance as D,
-  _sfc_main$2 as E,
-  _sfc_main$1 as F,
-  _sfc_main as G,
-  applyLayoutChrome as H,
-  classifyLink as I,
-  configureApi as J,
-  contentRoutes as K,
+  _sfc_main$2 as C,
+  _sfc_main$1 as D,
+  _sfc_main as E,
+  applyLayoutChrome as F,
+  classifyLink as G,
+  configureApi as H,
+  contentRoutes as I,
+  createBlox as J,
+  createBloxApi as K,
   defineContent as L,
-  getContentRouteByCollection as M,
-  getWebsiteId as N,
-  getWebsiteIdSync as O,
+  generateContentRoutes as M,
+  getContentRouteByCollection as N,
+  getWebsiteId as O,
   PageRenderer as P,
-  isAbsoluteExternal as Q,
-  isSoloContentPage as R,
-  isSpecialScheme as S,
-  listItems as T,
-  normalizeTo as U,
-  provideContentItem as V,
-  resolvePath as W,
-  toInternalPath as X,
-  useBloxEdit as Y,
-  useContentItem as Z,
+  getWebsiteIdSync as Q,
+  installContentFallback as R,
+  isAbsoluteExternal as S,
+  isSoloContentPage as T,
+  isSpecialScheme as U,
+  listItems as V,
+  normalizeTo as W,
+  provideContentItem as X,
+  resolvePath as Y,
+  setApiOrigin as Z,
   _sfc_main$3 as _,
-  setCollectionResolver as a,
-  setActiveLocale as b,
+  collectBloxSeo as a,
+  useBloxEdit as a0,
+  useContentItem as a1,
+  useData as a2,
+  provideBloxApi as b,
   collectBloxData as c,
-  collectBloxSeo as d,
+  provideBloxLocale as d,
   BLOX_SSR_ROUTE_STATE_KEY as e,
-  createBlox as f,
-  generateContentRoutes as g,
-  BLOX_REGISTRY_KEY as h,
-  installLocaleAwareResolve as i,
-  BLOX_RUNTIME_KEY as j,
-  BLOX_LOCALE_STRATEGY_KEY as k,
-  useSeo as l,
-  getRegistryData as m,
+  BLOX_REGISTRY_KEY as f,
+  BLOX_RUNTIME_KEY as g,
+  BLOX_LOCALE_STRATEGY_KEY as h,
+  installBloxRuntime as i,
+  useBloxApi as j,
+  useSeo as k,
+  getRegistryData as l,
+  getItemBySlug as m,
   normalizeLink as n,
-  getItemBySlug as o,
+  getItemById as o,
   provideBloxData as p,
-  getItemById as q,
+  getContentRoute as q,
   resolveBlockProps as r,
-  setApiOrigin as s,
-  getContentRoute as t,
+  setActiveLocale as s,
+  installSmartLinks as t,
   useLocale as u,
-  installContentFallback as v,
-  installSmartLinks as w,
-  consumePendingLocaleSwitch as x,
-  BLOX_ADMIN_CONFIG_KEY as y,
-  BLOX_CONFIG_KEY as z
+  consumePendingLocaleSwitch as v,
+  BLOX_ADMIN_CONFIG_KEY as w,
+  BLOX_CONFIG_KEY as x,
+  BLOX_DATA_KEY as y,
+  BLOX_LAYOUT_KEY as z
 };