@bagelink/blox 1.12.20 → 1.12.22

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

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

package/dist/constants-BIbQhd3z.js

@@ -0,0 +1,4 @@
+const BLOX_STATE_WINDOW_KEY = "__BLOX_STATE__";
+export {
+  BLOX_STATE_WINDOW_KEY as B
+};

package/dist/constants-fZvybj0k.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const BLOX_STATE_WINDOW_KEY = "__BLOX_STATE__";
+exports.BLOX_STATE_WINDOW_KEY = BLOX_STATE_WINDOW_KEY;

package/dist/index.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vue$1 = require("@bagelink/vue");
+const constants = require("./constants-fZvybj0k.cjs");
 const BASE = "/api";
 let _websiteName = "";
 let _store = "";
@@ -120,17 +121,43 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const blocks = vue.ref([]);
     const contexts = vue.ref({});
     vue.provide("contexts", contexts);
-    const loading = vue.ref(true);
     const notFound = vue.ref(false);
     const error = vue.ref(null);
+    function tryHydrateFromState(path) {
+      var _a, _b;
+      const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
+      if (!win) return false;
+      const state = win[constants.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 ?? {});
+      return true;
+    }
+    const initialSlug = (() => {
+      var _a;
+      if (strategy) {
+        const hostname = typeof window !== "undefined" ? ((_a = window.location) == null ? void 0 : _a.hostname) ?? "" : "";
+        return strategy.detect(hostname, route.path).slug;
+      }
+      return route.path || "/";
+    })();
+    const ssrHydrated = tryHydrateFromState(initialSlug);
+    const loading = vue.ref(!ssrHydrated);
     async function load() {
       var _a;
       loading.value = true;
       notFound.value = false;
       error.value = null;
-      const { locale: urlLocale, slug } = strategy ? strategy.detect(window.location.hostname, route.path) : { locale: locale2.value, slug: route.path || "/" };
+      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 (tryHydrateFromState(slug)) {
+        loading.value = false;
+        return;
+      }
       try {
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
@@ -148,7 +175,9 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         loading.value = false;
       }
     }
-    load();
+    if (!ssrHydrated) {
+      load();
+    }
     vue.watch(() => route.path, load);
     return (_ctx, _cache) => {
       const _component_RouterLink = vue.resolveComponent("RouterLink");

package/dist/index.mjs

@@ -4,6 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 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 = "";
@@ -118,17 +119,43 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const blocks = ref([]);
     const contexts = ref({});
     provide("contexts", contexts);
-    const loading = ref(true);
     const notFound = ref(false);
     const error = ref(null);
+    function tryHydrateFromState(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 ?? {});
+      return true;
+    }
+    const initialSlug = (() => {
+      var _a;
+      if (strategy) {
+        const hostname = typeof window !== "undefined" ? ((_a = window.location) == null ? void 0 : _a.hostname) ?? "" : "";
+        return strategy.detect(hostname, route.path).slug;
+      }
+      return route.path || "/";
+    })();
+    const ssrHydrated = tryHydrateFromState(initialSlug);
+    const loading = ref(!ssrHydrated);
     async function load() {
       var _a;
       loading.value = true;
       notFound.value = false;
       error.value = null;
-      const { locale: urlLocale, slug } = strategy ? strategy.detect(window.location.hostname, route.path) : { locale: locale2.value, slug: route.path || "/" };
+      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 (tryHydrateFromState(slug)) {
+        loading.value = false;
+        return;
+      }
       try {
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
@@ -146,7 +173,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         loading.value = false;
       }
     }
-    load();
+    if (!ssrHydrated) {
+      load();
+    }
     watch(() => route.path, load);
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");

package/dist/ssg/client.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const BLOX_STATE_WINDOW_KEY = "__BLOX_STATE__";
-function installBloxStateCache(globalKey = BLOX_STATE_WINDOW_KEY) {
+const constants = require("../constants-fZvybj0k.cjs");
+function installBloxStateCache(globalKey = constants.BLOX_STATE_WINDOW_KEY) {
   if (typeof window === "undefined") return;
   const state = window[globalKey];
   if (!state || typeof state !== "object" || Object.keys(state).length === 0) return;
@@ -26,5 +26,5 @@ function installBloxStateCache(globalKey = BLOX_STATE_WINDOW_KEY) {
     return originalFetch(input, init);
   };
 }
-exports.BLOX_STATE_WINDOW_KEY = BLOX_STATE_WINDOW_KEY;
+exports.BLOX_STATE_WINDOW_KEY = constants.BLOX_STATE_WINDOW_KEY;
 exports.installBloxStateCache = installBloxStateCache;

package/dist/ssg/client.mjs

@@ -1,4 +1,4 @@
-const BLOX_STATE_WINDOW_KEY = "__BLOX_STATE__";
+import { B as BLOX_STATE_WINDOW_KEY } from "../constants-BIbQhd3z.js";
 function installBloxStateCache(globalKey = BLOX_STATE_WINDOW_KEY) {
   if (typeof window === "undefined") return;
   const state = window[globalKey];

package/dist/ssg/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const prerender = require("../prerender-6jE_obPj.cjs");
+const constants = require("../constants-fZvybj0k.cjs");
 const ssg_client = require("./client.cjs");
 async function renderBloxSsgPage(options) {
   const {
@@ -8,46 +9,31 @@ async function renderBloxSsgPage(options) {
     resolvedData,
     renderToString,
     createAppForUrl,
-    stateWindowKey = ssg_client.BLOX_STATE_WINDOW_KEY
+    stateWindowKey = constants.BLOX_STATE_WINDOW_KEY
   } = options;
-  const originalFetch = globalThis.fetch;
+  const g = globalThis;
+  const prevState = g[stateWindowKey];
   if (resolvedData != null) {
-    globalThis.fetch = async (input, init) => {
-      const u = String(input);
-      if (u.includes("resolve-path")) {
-        return new Response(JSON.stringify(resolvedData), {
-          status: 200,
-          headers: { "Content-Type": "application/json" }
-        });
-      }
-      return originalFetch(input, init);
-    };
+    g[stateWindowKey] = { [url]: resolvedData };
   }
   try {
-    const { app: app1, router: router1 } = createAppForUrl(url);
-    await router1.push(url);
-    await router1.isReady();
-    await renderToString(app1);
-    await flushAsync();
-    const { app: app2, router: router2 } = createAppForUrl(url);
-    await router2.push(url);
-    await router2.isReady();
-    await flushAsync();
-    const html = await renderToString(app2);
+    const { app, router } = createAppForUrl(url);
+    await router.push(url);
+    await router.isReady();
+    const html = await renderToString(app);
     const head = resolvedData != null ? `<script>window[${JSON.stringify(stateWindowKey)}]=${JSON.stringify({ [url]: resolvedData })};${"<"}/script>` : "";
     return { html, head };
   } finally {
-    globalThis.fetch = originalFetch;
+    if (prevState !== void 0) {
+      g[stateWindowKey] = prevState;
+    } else {
+      delete g[stateWindowKey];
+    }
   }
 }
-async function flushAsync(ms = 50) {
-  await Promise.resolve();
-  await Promise.resolve();
-  await new Promise((r) => setTimeout(r, ms));
-}
 exports.fetchCmsPrerenderPaths = prerender.fetchCmsPrerenderPaths;
 exports.polyfillBloxSsgGlobals = prerender.polyfillBloxSsgGlobals;
 exports.prerender = prerender.prerender;
-exports.BLOX_STATE_WINDOW_KEY = ssg_client.BLOX_STATE_WINDOW_KEY;
+exports.BLOX_STATE_WINDOW_KEY = constants.BLOX_STATE_WINDOW_KEY;
 exports.installBloxStateCache = ssg_client.installBloxStateCache;
 exports.renderBloxSsgPage = renderBloxSsgPage;

package/dist/ssg/index.mjs

@@ -1,5 +1,5 @@
 import { f, p, a } from "../prerender-DYmDaqcz.js";
-import { BLOX_STATE_WINDOW_KEY } from "./client.mjs";
+import { B as BLOX_STATE_WINDOW_KEY } from "../constants-BIbQhd3z.js";
 import { installBloxStateCache } from "./client.mjs";
 async function renderBloxSsgPage(options) {
   const {
@@ -9,41 +9,26 @@ async function renderBloxSsgPage(options) {
     createAppForUrl,
     stateWindowKey = BLOX_STATE_WINDOW_KEY
   } = options;
-  const originalFetch = globalThis.fetch;
+  const g = globalThis;
+  const prevState = g[stateWindowKey];
   if (resolvedData != null) {
-    globalThis.fetch = async (input, init) => {
-      const u = String(input);
-      if (u.includes("resolve-path")) {
-        return new Response(JSON.stringify(resolvedData), {
-          status: 200,
-          headers: { "Content-Type": "application/json" }
-        });
-      }
-      return originalFetch(input, init);
-    };
+    g[stateWindowKey] = { [url]: resolvedData };
   }
   try {
-    const { app: app1, router: router1 } = createAppForUrl(url);
-    await router1.push(url);
-    await router1.isReady();
-    await renderToString(app1);
-    await flushAsync();
-    const { app: app2, router: router2 } = createAppForUrl(url);
-    await router2.push(url);
-    await router2.isReady();
-    await flushAsync();
-    const html = await renderToString(app2);
+    const { app, router } = createAppForUrl(url);
+    await router.push(url);
+    await router.isReady();
+    const html = await renderToString(app);
     const head = resolvedData != null ? `<script>window[${JSON.stringify(stateWindowKey)}]=${JSON.stringify({ [url]: resolvedData })};${"<"}/script>` : "";
     return { html, head };
   } finally {
-    globalThis.fetch = originalFetch;
+    if (prevState !== void 0) {
+      g[stateWindowKey] = prevState;
+    } else {
+      delete g[stateWindowKey];
+    }
   }
 }
-async function flushAsync(ms = 50) {
-  await Promise.resolve();
-  await Promise.resolve();
-  await new Promise((r) => setTimeout(r, ms));
-}
 export {
   BLOX_STATE_WINDOW_KEY,
   f as fetchCmsPrerenderPaths,

package/dist/ssg/render-resolved-page.d.ts

@@ -5,8 +5,9 @@ export interface BloxSsgRouterLike {
 /**
  * Render a Blox CMS page to static HTML with embedded state.
  *
- * Uses a double-render + `fetch` mock strategy so that the async
- * `CmsPageView.load()` resolves before the final HTML is captured.
+ * Sets `globalThis.__BLOX_STATE__` *before* rendering so that
+ * `CmsPageView` can hydrate synchronously from the embedded data
+ * instead of waiting for an async fetch.
  *
  * Returns `{ html, head }` where `head` contains a `<script>` that sets
  * `window.__BLOX_STATE__` for zero-API-call client hydration.

package/dist/ssg/render-resolved-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-resolved-page.d.ts","sourceRoot":"","sources":["../../src/ssg/render-resolved-page.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE;IACtD,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,OAAO,GAAG,IAAI,CAAA;IAC5B,cAAc,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC9C,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,iBAAiB,CAAA;KAAE,CAAA;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAwD3C"}
+{"version":3,"file":"render-resolved-page.d.ts","sourceRoot":"","sources":["../../src/ssg/render-resolved-page.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE;IACtD,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,OAAO,GAAG,IAAI,CAAA;IAC5B,cAAc,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC9C,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK;QAAE,GAAG,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,iBAAiB,CAAA;KAAE,CAAA;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAqC3C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.12.20",
+  "version": "1.12.22",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",