@bagelink/blox 1.13.2 → 1.13.3

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

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

package/dist/index.cjs

@@ -111,6 +111,10 @@ const _hoisted_3 = {
   key: 2,
   class: "blox-error"
 };
+const _hoisted_4 = {
+  key: 0,
+  class: "blox-nav-progress"
+};
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "CmsPageView",
   setup(__props) {
@@ -123,6 +127,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     vue.provide("contexts", contexts);
     const notFound = vue.ref(false);
     const error = vue.ref(null);
+    const initialLoading = vue.ref(true);
+    const navigating = vue.ref(false);
     function tryHydrateFromState(path) {
       var _a, _b;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
@@ -136,6 +142,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       setAlternates(entry.alternates ?? {});
       return true;
     }
+    function updateDocumentTitle(resolved) {
+      if (typeof document === "undefined") return;
+      const page = resolved.page;
+      const ctx = resolved.contexts ? Object.values(resolved.contexts).find((c) => c != null) : null;
+      const ctxTitle = ctx && typeof ctx.title === "string" ? ctx.title : null;
+      const title = page.meta_title || ctxTitle || page.title;
+      if (title) document.title = title;
+    }
     const initialSlug = (() => {
       var _a;
       if (strategy) {
@@ -145,24 +159,24 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return route.path || "/";
     })();
     const ssrHydrated = tryHydrateFromState(initialSlug);
-    const loading = vue.ref(!ssrHydrated);
+    if (ssrHydrated) initialLoading.value = false;
     async function load() {
       var _a;
-      loading.value = true;
       notFound.value = false;
       error.value = null;
       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;
+        initialLoading.value = false;
         return;
       }
+      navigating.value = true;
       try {
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
         contexts.value = resolved.contexts ?? {};
         setAlternates(resolved.alternates ?? {});
+        updateDocumentTitle(resolved);
       } catch (e) {
         const msg = e instanceof Error ? e.message : String(e);
         if (msg.includes("404")) {
@@ -172,7 +186,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           error.value = msg;
         }
       } finally {
-        loading.value = false;
+        initialLoading.value = false;
+        navigating.value = false;
       }
     }
     if (!ssrHydrated) {
@@ -182,7 +197,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = vue.resolveComponent("RouterLink");
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        initialLoading.value && blocks.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = vue.createElementVNode("h2", null, "404", -1)),
           vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(locale2) === "he" ? "הדף לא נמצא" : "Page not found"), 1),
           vue.createVNode(_component_RouterLink, { to: "/" }, {
@@ -191,10 +206,10 @@ 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.createBlock(vue.unref(PageRenderer), {
-          key: 3,
-          blocks: blocks.value
-        }, null, 8, ["blocks"]))
+        ])) : 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),
+          vue.createVNode(vue.unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
+        ], 64))
       ]);
     };
   }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 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 { 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 { computed, ref, defineComponent, inject, h, provide, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, Fragment, createCommentVNode, createBlock, 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";
@@ -109,6 +109,10 @@ const _hoisted_3 = {
   key: 2,
   class: "blox-error"
 };
+const _hoisted_4 = {
+  key: 0,
+  class: "blox-nav-progress"
+};
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CmsPageView",
   setup(__props) {
@@ -121,6 +125,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     provide("contexts", contexts);
     const notFound = ref(false);
     const error = ref(null);
+    const initialLoading = ref(true);
+    const navigating = ref(false);
     function tryHydrateFromState(path) {
       var _a, _b;
       const win = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : void 0;
@@ -134,6 +140,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       setAlternates(entry.alternates ?? {});
       return true;
     }
+    function updateDocumentTitle(resolved) {
+      if (typeof document === "undefined") return;
+      const page = resolved.page;
+      const ctx = resolved.contexts ? Object.values(resolved.contexts).find((c) => c != null) : null;
+      const ctxTitle = ctx && typeof ctx.title === "string" ? ctx.title : null;
+      const title = page.meta_title || ctxTitle || page.title;
+      if (title) document.title = title;
+    }
     const initialSlug = (() => {
       var _a;
       if (strategy) {
@@ -143,24 +157,24 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return route.path || "/";
     })();
     const ssrHydrated = tryHydrateFromState(initialSlug);
-    const loading = ref(!ssrHydrated);
+    if (ssrHydrated) initialLoading.value = false;
     async function load() {
       var _a;
-      loading.value = true;
       notFound.value = false;
       error.value = null;
       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;
+        initialLoading.value = false;
         return;
       }
+      navigating.value = true;
       try {
         const resolved = await resolvePath(slug, urlLocale);
         blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
         contexts.value = resolved.contexts ?? {};
         setAlternates(resolved.alternates ?? {});
+        updateDocumentTitle(resolved);
       } catch (e) {
         const msg = e instanceof Error ? e.message : String(e);
         if (msg.includes("404")) {
@@ -170,7 +184,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           error.value = msg;
         }
       } finally {
-        loading.value = false;
+        initialLoading.value = false;
+        navigating.value = false;
       }
     }
     if (!ssrHydrated) {
@@ -180,7 +195,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        initialLoading.value && blocks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = createElementVNode("h2", null, "404", -1)),
           createElementVNode("p", null, toDisplayString(unref(locale2) === "he" ? "הדף לא נמצא" : "Page not found"), 1),
           createVNode(_component_RouterLink, { to: "/" }, {
@@ -189,10 +204,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(error.value), 1)) : (openBlock(), createBlock(unref(PageRenderer), {
-          key: 3,
-          blocks: blocks.value
-        }, null, 8, ["blocks"]))
+        ])) : 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),
+          createVNode(unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
+        ], 64))
       ]);
     };
   }

package/dist/style.css

@@ -1,4 +1,21 @@
 
+.blox-nav-progress {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 3px;
+	z-index: 9999;
+	background: linear-gradient(90deg, transparent, var(--blox-accent, #3b82f6), transparent);
+	animation: blox-nav-slide 1s ease-in-out infinite;
+}
+@keyframes blox-nav-slide {
+0% { transform: translateX(-100%);
+}
+100% { transform: translateX(100%);
+}
+}
+
 * {
 	box-sizing: border-box;
 }

package/package.json

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