@x-wave/blog 1.0.17 → 1.0.19

package/index.js

@@ -124,7 +124,7 @@ function $e(t) {
           const c = v.tags;
           if (c && Array.isArray(c))
             for (const w of c)
-              a[w] || (a[w] = []), a[w].some((x) => x.slug === p) || a[w].push({ slug: p, title: l });
+              a[w] || (a[w] = []), a[w].some((I) => I.slug === p) || a[w].push({ slug: p, title: l });
         } catch (m) {
           console.warn(`Failed to process ${u}:`, m);
         }
@@ -140,13 +140,13 @@ function Ga(t) {
     loadEnglishContent: n.loadEnglishContent
   };
 }
-const Ne = "app-theme", Ie = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = (t) => t === "system" ? Ie() : t, Fe = () => typeof window > "u" ? "system" : localStorage.getItem(Ne) || "system", xe = () => {
+const Ne = "app-theme", xe = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = (t) => t === "system" ? xe() : t, Fe = () => typeof window > "u" ? "system" : localStorage.getItem(Ne) || "system", Ie = () => {
   const [t, n] = T(Fe);
   return S(() => {
     const a = ve(t), r = document.querySelector(".xw-blog-root");
     if (r && (r.classList.remove("light", "dark"), r.classList.add(a)), t === "system") {
       const o = window.matchMedia("(prefers-color-scheme: dark)"), u = () => {
-        const m = Ie(), h = document.querySelector(".xw-blog-root");
+        const m = xe(), h = document.querySelector(".xw-blog-root");
         h && (h.classList.remove("light", "dark"), h.classList.add(m));
       };
       return o.addEventListener("change", u), () => o.removeEventListener("change", u);
@@ -182,7 +182,7 @@ function Qa({
   blog: s,
   navigationData: a = []
 }) {
-  xe();
+  Ie();
   const [r, o] = T({});
   S(() => {
     const { buildTagIndex: m } = $e(s.mdxFiles), h = n.supportedLanguages.map(async (v) => {
@@ -271,15 +271,15 @@ function rt({
         c.push({ level: f, text: $ }), l = p.exec(t);
       }
       const w = /^(#{1,6})\s+(.+)$/gm;
-      let x = w.exec(n), y = 0;
-      for (; x !== null && y < c.length; ) {
-        const f = x[2].trim(), $ = Z(f);
+      let I = w.exec(n), y = 0;
+      for (; I !== null && y < c.length; ) {
+        const f = I[2].trim(), $ = Z(f);
         i.push({
           id: $,
           text: c[y].text,
           // Use localized text for display
           level: c[y].level
-        }), y++, x = w.exec(n);
+        }), y++, I = w.exec(n);
       }
       u(i);
     })();
@@ -301,7 +301,7 @@ function rt({
         (i) => {
           const l = i.filter((c) => c.isIntersecting);
           if (l.length > 0) {
-            const c = l.reduce((w, x) => w.boundingClientRect.top < x.boundingClientRect.top ? w : x);
+            const c = l.reduce((w, I) => w.boundingClientRect.top < I.boundingClientRect.top ? w : I);
             h(c.target.id);
           }
         },
@@ -410,12 +410,12 @@ function bt({
     document.body
   );
 }
-const wt = "_tags_11t8a_1", $t = "_compact_11t8a_9", Nt = "_tagLabel_11t8a_15", It = "_tagIcon_11t8a_25", xt = "_tagList_11t8a_30", Ct = "_tag_11t8a_1", z = {
+const wt = "_tags_11t8a_1", $t = "_compact_11t8a_9", Nt = "_tagLabel_11t8a_15", xt = "_tagIcon_11t8a_25", It = "_tagList_11t8a_30", Ct = "_tag_11t8a_1", z = {
   tags: wt,
   compact: $t,
   tagLabel: Nt,
-  tagIcon: It,
-  tagList: xt,
+  tagIcon: xt,
+  tagList: It,
   tag: Ct
 };
 function kt({ tags: t, variant: n = "default", onTagClick: s }) {
@@ -466,7 +466,7 @@ const yt = "_contentPage_1nxj5_1", Tt = "_loadingContainer_1nxj5_48", Pt = "_err
 };
 function jt({ language: t }) {
   var ue;
-  const { slug: n } = ce(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = R(), [u, m] = T(""), [h, v] = T(""), [_, b] = T({}), [p, i] = T(!0), [l, c] = T(null), [w, x] = T(!0), [y, f] = T(null), $ = F(0), D = F([]), ee = ((g) => {
+  const { slug: n } = ce(), s = Q(), { config: a, loadContent: r, loadEnglishContent: o } = R(), [u, m] = T(""), [h, v] = T(""), [_, b] = T({}), [p, i] = T(!0), [l, c] = T(null), [w, I] = T(!0), [y, f] = T(null), $ = F(0), D = F([]), ee = ((g) => {
     const C = {
       advanced: !1,
       anchor: ""
@@ -494,7 +494,7 @@ function jt({ language: t }) {
           L = N.showTableOfContents !== !1;
           break;
         }
-      x(L);
+      I(L);
       try {
         let N;
         try {
@@ -751,7 +751,7 @@ function an({ language: t }) {
       window.removeEventListener("blog:open-search", f), window.removeEventListener("blog:close-search", $);
     };
   }, []);
-  const x = (f) => {
+  const I = (f) => {
     f.key === "ArrowDown" ? (f.preventDefault(), b(($) => Math.min($ + 1, h.length - 1))) : f.key === "ArrowUp" ? (f.preventDefault(), b(($) => Math.max($ - 1, 0))) : f.key === "Enter" && h[_] && (f.preventDefault(), y(h[_].slug));
   };
   S(() => {
@@ -810,7 +810,7 @@ function an({ language: t }) {
                       placeholder: n("ui.searchPlaceholder"),
                       value: u,
                       onChange: (f) => m(f.target.value),
-                      onKeyDown: x
+                      onKeyDown: I
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -866,7 +866,7 @@ function an({ language: t }) {
     )
   ] });
 }
-const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_36", rn = "_leftSection_jrobc_43", ln = "_mobileMenuButton_jrobc_49", dn = "_burgerIcon_jrobc_87", un = "_logo_jrobc_92", hn = "_nav_jrobc_98", gn = "_navLink_jrobc_109", mn = "_externalIcon_jrobc_135", _n = "_supportDropdown_jrobc_141", pn = "_themeDropdown_jrobc_145", fn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", bn = "_supportButton_jrobc_177", wn = "_caretIcon_jrobc_198", $n = "_dropdownMenu_jrobc_208", Nn = "_dropdownItem_jrobc_221", In = "_dropdownIcon_jrobc_244", I = {
+const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_36", rn = "_leftSection_jrobc_43", ln = "_mobileMenuButton_jrobc_49", dn = "_burgerIcon_jrobc_87", un = "_logo_jrobc_92", hn = "_nav_jrobc_98", gn = "_navLink_jrobc_109", mn = "_externalIcon_jrobc_135", _n = "_supportDropdown_jrobc_141", pn = "_themeDropdown_jrobc_145", fn = "_themeButton_jrobc_149", vn = "_themeIcon_jrobc_171", bn = "_supportButton_jrobc_177", wn = "_caretIcon_jrobc_198", $n = "_dropdownMenu_jrobc_208", Nn = "_dropdownItem_jrobc_221", xn = "_dropdownIcon_jrobc_244", x = {
   header: on,
   container: sn,
   content: cn,
@@ -885,50 +885,50 @@ const on = "_header_jrobc_1", sn = "_container_jrobc_24", cn = "_content_jrobc_3
   caretIcon: wn,
   dropdownMenu: $n,
   dropdownItem: Nn,
-  dropdownIcon: In
+  dropdownIcon: xn
 };
-function xn({ onMobileMenuToggle: t }) {
-  const { t: n, i18n: s } = O(), { config: a } = R(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [m, h] = T(!1), [v, _] = T(!1), { theme: b, setTheme: p } = xe(), i = F(null), l = F(null);
+function In({ onMobileMenuToggle: t }) {
+  const { t: n, i18n: s } = O(), { config: a } = R(), r = a.header ?? {}, o = r.navLinks ?? [], u = r.dropdownItems ?? [], [m, h] = T(!1), [v, _] = T(!1), { theme: b, setTheme: p } = Ie(), i = F(null), l = F(null);
   return S(() => {
     const c = (w) => {
       i.current && !i.current.contains(w.target) && h(!1), l.current && !l.current.contains(w.target) && _(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, []), /* @__PURE__ */ e("header", { className: I.header, children: /* @__PURE__ */ e("div", { className: I.container, children: /* @__PURE__ */ d("div", { className: I.content, children: [
-    /* @__PURE__ */ d("div", { className: I.leftSection, children: [
+  }, []), /* @__PURE__ */ e("header", { className: x.header, children: /* @__PURE__ */ e("div", { className: x.container, children: /* @__PURE__ */ d("div", { className: x.content, children: [
+    /* @__PURE__ */ d("div", { className: x.leftSection, children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: I.mobileMenuButton,
+          className: x.mobileMenuButton,
           onClick: t,
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ e(Ee, { className: I.burgerIcon })
+          children: /* @__PURE__ */ e(Ee, { className: x.burgerIcon })
         }
       ),
-      /* @__PURE__ */ e("div", { className: I.logo })
+      /* @__PURE__ */ e("div", { className: x.logo })
     ] }),
-    /* @__PURE__ */ d("nav", { className: I.nav, children: [
+    /* @__PURE__ */ d("nav", { className: x.nav, children: [
       /* @__PURE__ */ e(an, { language: s.language }),
-      /* @__PURE__ */ d("div", { className: I.themeDropdown, ref: l, children: [
+      /* @__PURE__ */ d("div", { className: x.themeDropdown, ref: l, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: I.themeButton,
+            className: x.themeButton,
             onClick: () => _(!v),
             "aria-expanded": v,
             "aria-haspopup": "true",
             "aria-label": n("ui.theme"),
             children: [
-              b === "light" && /* @__PURE__ */ e(_e, { className: I.themeIcon }),
-              b === "dark" && /* @__PURE__ */ e(pe, { className: I.themeIcon }),
-              b === "system" && /* @__PURE__ */ e(fe, { className: I.themeIcon }),
-              /* @__PURE__ */ e(oe, { className: I.caretIcon })
+              b === "light" && /* @__PURE__ */ e(_e, { className: x.themeIcon }),
+              b === "dark" && /* @__PURE__ */ e(pe, { className: x.themeIcon }),
+              b === "system" && /* @__PURE__ */ e(fe, { className: x.themeIcon }),
+              /* @__PURE__ */ e(oe, { className: x.caretIcon })
             ]
           }
         ),
-        v && /* @__PURE__ */ d("div", { className: I.dropdownMenu, children: [
+        v && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
           /* @__PURE__ */ d(
             "button",
             {
@@ -936,9 +936,9 @@ function xn({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("light"), _(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(_e, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
                 n("ui.light")
               ]
             }
@@ -950,9 +950,9 @@ function xn({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("dark"), _(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(pe, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(pe, { className: x.dropdownIcon }),
                 n("ui.dark")
               ]
             }
@@ -964,41 +964,41 @@ function xn({ onMobileMenuToggle: t }) {
               onClick: () => {
                 p("system"), _(!1);
               },
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                /* @__PURE__ */ e(fe, { className: I.dropdownIcon }),
+                /* @__PURE__ */ e(fe, { className: x.dropdownIcon }),
                 n("ui.system")
               ]
             }
           )
         ] })
       ] }),
-      u.length > 0 && /* @__PURE__ */ d("div", { className: I.supportDropdown, ref: i, children: [
+      u.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: i, children: [
         /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            className: I.supportButton,
+            className: x.supportButton,
             onClick: () => h(!m),
             "aria-expanded": m,
             "aria-haspopup": "true",
             children: [
               n("ui.support"),
-              /* @__PURE__ */ e(oe, { className: I.caretIcon })
+              /* @__PURE__ */ e(oe, { className: x.caretIcon })
             ]
           }
         ),
-        m && /* @__PURE__ */ e("div", { className: I.dropdownMenu, children: u.map((c, w) => {
-          const x = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (x === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
+        m && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: u.map((c, w) => {
+          const I = c.target ?? (c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
           return /* @__PURE__ */ d(
             "a",
             {
               href: c.url,
-              target: x,
+              target: I,
               rel: y,
-              className: I.dropdownItem,
+              className: x.dropdownItem,
               children: [
-                f && /* @__PURE__ */ e(f, { className: I.dropdownIcon }),
+                f && /* @__PURE__ */ e(f, { className: x.dropdownIcon }),
                 c.label
               ]
             },
@@ -1007,17 +1007,17 @@ function xn({ onMobileMenuToggle: t }) {
         }) })
       ] }),
       o.map((c, w) => {
-        const x = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (x === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
+        const I = c.target ?? (typeof c.url == "string" && c.url.startsWith("http") ? "_blank" : "_self"), y = c.rel ?? (I === "_blank" ? "noopener noreferrer" : void 0), f = c.icon;
         return /* @__PURE__ */ d(
           "a",
           {
             href: c.url,
-            target: x,
+            target: I,
             rel: y,
-            className: c.className ?? I.navLink,
+            className: c.className ?? x.navLink,
             children: [
               c.label,
-              f && /* @__PURE__ */ e(f, { className: I.externalIcon })
+              f && /* @__PURE__ */ e(f, { className: x.externalIcon })
             ]
           },
           w
@@ -1036,9 +1036,9 @@ function le({
     let l = a.pathname;
     i && l.startsWith(i) && (l = l.slice(i.length));
     const c = l.split("/").filter(Boolean), w = c[0];
-    let x = "";
-    o.supportedLanguages.includes(w) ? (c[0] = p, x = `${i}/${c.join("/")}`) : x = `${i}/${p}${l}`;
-    const y = x + a.search + a.hash;
+    let I = "";
+    o.supportedLanguages.includes(w) ? (c[0] = p, I = `${i}/${c.join("/")}`) : I = `${i}/${p}${l}`;
+    const y = I + a.search + a.hash;
     s.changeLanguage(p), r(y), m(!1), n == null || n();
   };
   S(() => {
@@ -1083,9 +1083,9 @@ function ie({ styles: t, onLinkClick: n }) {
     if (!r.navigationData) return {};
     const i = s.language;
     return te(r.navigationData, i).reduce(
-      (c, w, x) => {
+      (c, w, I) => {
         if (V(w)) {
-          const y = r.navigationData[x], f = V(y) && y.defaultOpen === !0;
+          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
@@ -1099,9 +1099,9 @@ function ie({ styles: t, onLinkClick: n }) {
       r.navigationData,
       m
     ).reduce(
-      (c, w, x) => {
+      (c, w, I) => {
         if (V(w)) {
-          const y = r.navigationData[x], f = V(y) && y.defaultOpen === !0;
+          const y = r.navigationData[I], f = V(y) && y.defaultOpen === !0;
           c[w.title] = f;
         }
         return c;
@@ -1278,11 +1278,11 @@ function wa() {
     /* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(ie, { styles: q }) })
   ] });
 }
-const $a = "_app_wf6ni_1", Na = "_layout_wf6ni_9", Ia = "_main_wf6ni_15", xa = "_fullWidth_wf6ni_21", Ca = "_contentWrapper_wf6ni_30", J = {
+const $a = "_app_wf6ni_1", Na = "_layout_wf6ni_9", xa = "_main_wf6ni_15", Ia = "_fullWidth_wf6ni_21", Ca = "_contentWrapper_wf6ni_30", J = {
   app: $a,
   layout: Na,
-  main: Ia,
-  fullWidth: xa,
+  main: xa,
+  fullWidth: Ia,
   contentWrapper: Ca
 };
 function ka({ children: t }) {
@@ -1299,7 +1299,7 @@ function ka({ children: t }) {
     return /* @__PURE__ */ e(be, { to: "/en/welcome", replace: !0 });
   const h = !!a.header, v = !!a.navigationData && a.navigationData.length > 0, _ = a.contentMaxWidth ? { width: "100%", maxWidth: a.contentMaxWidth } : void 0;
   return /* @__PURE__ */ d("div", { className: J.app, children: [
-    h && /* @__PURE__ */ e(xn, { onMobileMenuToggle: u }),
+    h && /* @__PURE__ */ e(In, { onMobileMenuToggle: u }),
     /* @__PURE__ */ e(Jn, { isOpen: r, onClose: m }),
     /* @__PURE__ */ d("div", { className: J.layout, children: [
       v && /* @__PURE__ */ e(wa, {}),
@@ -1398,8 +1398,8 @@ function Ya() {
     /* @__PURE__ */ e(
       ge,
       {
-        path: "/",
-        element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Oa, {}) : /* @__PURE__ */ e(be, { to: `/${n.defaultRoute}`, replace: !0 })
+        index: !0,
+        element: (n.defaultRoute || "latest") === "latest" ? /* @__PURE__ */ e(Oa, {}) : /* @__PURE__ */ e(be, { to: `./${n.defaultRoute}`, replace: !0 })
       }
     )
   ] }) });
@@ -1434,7 +1434,7 @@ export {
   jt as ContentPage,
   ka as DocumentationLayout,
   Ya as DocumentationRoutes,
-  xn as Header,
+  In as Header,
   Oa as HomePage,
   le as LanguageSelector,
   se as Metadata,
@@ -1453,5 +1453,5 @@ export {
   R as useBlogConfig,
   Ja as useLanguageChange,
   Va as useSearchModal,
-  xe as useTheme
+  Ie as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-wave/blog",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "type": "module",
   "exports": {
     ".": {