@bagelink/blox 1.12.21 → 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":";AAkRA,wBAMG"}
+{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AAgTA,wBAMG"}

package/dist/index.cjs

@@ -121,10 +121,9 @@ 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 hydrateFromState(path) {
+    function tryHydrateFromState(path) {
       var _a, _b;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
       if (!win) return false;
@@ -135,9 +134,18 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       blocks.value = ((_b = (_a = entry.page) == null ? void 0 : _a.content) == null ? void 0 : _b.blocks) ?? [];
       contexts.value = entry.contexts ?? {};
       setAlternates(entry.alternates ?? {});
-      loading.value = false;
       return true;
     }
+    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;
@@ -146,7 +154,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       const { locale: urlLocale, slug } = strategy ? strategy.detect(typeof window !== "undefined" ? window.location.hostname : "", route.path) : { locale: locale2.value, slug: route.path || "/" };
       if (urlLocale !== locale2.value) setLocale(urlLocale);
       setAlternates({});
-      if (hydrateFromState(slug)) return;
+      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) ?? [];
@@ -164,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

@@ -119,10 +119,9 @@ 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 hydrateFromState(path) {
+    function tryHydrateFromState(path) {
       var _a, _b;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
       if (!win) return false;
@@ -133,9 +132,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       blocks.value = ((_b = (_a = entry.page) == null ? void 0 : _a.content) == null ? void 0 : _b.blocks) ?? [];
       contexts.value = entry.contexts ?? {};
       setAlternates(entry.alternates ?? {});
-      loading.value = false;
       return true;
     }
+    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;
@@ -144,7 +152,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const { locale: urlLocale, slug } = strategy ? strategy.detect(typeof window !== "undefined" ? window.location.hostname : "", route.path) : { locale: locale2.value, slug: route.path || "/" };
       if (urlLocale !== locale2.value) setLocale(urlLocale);
       setAlternates({});
-      if (hydrateFromState(slug)) return;
+      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) ?? [];
@@ -162,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/package.json

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