zudoku 0.52.2 → 0.53.0

package/lib/zudoku.auth-azureb2c.js

@@ -1,7 +1,7 @@
 import { j as yo } from "./jsx-runtime-C5mzlN2N.js";
 import { C as aa } from "./ClientOnly-E7hGysn1.js";
 import { j as sa, u as To } from "./hook-Bd0yS8M0.js";
-import { C as ca, A as qt, a as la } from "./errors-C473PjdR.js";
+import { C as ca, A as qt, a as la } from "./errors-CF2X_x5o.js";
 /*! @azure/msal-common v15.7.0 2025-05-30 */
 const d = {
   LIBRARY_NAME: "MSAL.JS",

package/lib/zudoku.auth-clerk.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-C5mzlN2N.js";
 import { LogOutIcon as g } from "lucide-react";
-import { S as f, a as w, b as p } from "./SignUp-M9Jz4SXJ.js";
+import { S as f, a as w, b as p } from "./SignUp-5RUdVhnq.js";
 import { u as n } from "./hook-Bd0yS8M0.js";
 const y = ({
   clerkPubKey: d,

package/lib/zudoku.auth-openid.js

@@ -2,7 +2,7 @@ import { j as ne } from "./jsx-runtime-C5mzlN2N.js";
 import { g as Le } from "./invariant-DAFpPywt.js";
 import { C as Ue } from "./ClientOnly-E7hGysn1.js";
 import { j as xe, u as S } from "./hook-Bd0yS8M0.js";
-import { C as Ce, O as re, A as R, a as Ie } from "./errors-C473PjdR.js";
+import { C as Ce, O as re, A as R, a as Ie } from "./errors-CF2X_x5o.js";
 var O = { exports: {} }, je = O.exports, oe;
 function De() {
   return oe || (oe = 1, function(t) {

package/lib/zudoku.components.js

@@ -3,7 +3,7 @@ import "./index-ClhS5TxS.js";
 import "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import "./hook-Bd0yS8M0.js";
 import "./Slot-DwZlQ-vX.js";
-import { e as C, f as d, j as h, B as k, m as l, C as S, i as B, H as c, c as y, L as E, M as g, g as H, R as L, d as M, S as R, h as T, T as Z, Z as f, b as A, l as b, k as j, n as v, u as w } from "./index-Chtnw-sn.js";
+import { e as C, f as d, j as h, B as k, m as l, C as S, i as B, H as c, c as y, L as E, M as g, g as H, R as L, d as M, S as R, h as T, T as Z, Z as f, b as A, l as b, k as j, n as v, u as w } from "./index-CLy1XyH0.js";
 import "./ui/Button.js";
 import "./ui/Callout.js";
 import "./ClientOnly-E7hGysn1.js";

package/lib/zudoku.plugin-api-catalog.js

@@ -3,7 +3,7 @@ import { s as f } from "./index-CcV90rin.js";
 import { d as b, m as j } from "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import { u as x, c as v, j as d } from "./hook-Bd0yS8M0.js";
 import { H as y } from "./RouteGuard-CbKd7_9h.js";
-import { L as N } from "./index-Chtnw-sn.js";
+import { L as N } from "./index-CLy1XyH0.js";
 import { H as k, M as S } from "./Slot-DwZlQ-vX.js";
 const w = ({
   items: n,

package/lib/zudoku.plugin-markdown.js

@@ -4,7 +4,7 @@ const m = (t) => ({
     ([e, n]) => ({
       path: e,
       lazy: async () => {
-        const { MdxPage: o } = await import("./MdxPage-Glqk-5sb.js"), { default: a, ...r } = await n();
+        const { MdxPage: o } = await import("./MdxPage-swXPJ0gf.js"), { default: a, ...r } = await n();
         return {
           element: /* @__PURE__ */ s.jsx(
             o,

package/lib/zudoku.plugin-openapi.js

@@ -3,7 +3,7 @@ import "lucide-react";
 import "./chunk-DQRVZFIR-DHK7_Ilc.js";
 import "./hook-Bd0yS8M0.js";
 import "./ui/Button.js";
-import { E as e, U as n, F as s } from "./index-BLRAtPoq.js";
+import { E as e, U as n, F as s } from "./index-B6Re5_cx.js";
 export {
   e as GetNavigationOperationsQuery,
   n as UNTAGGED_PATH,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.52.2",
+  "version": "0.53.0",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {

package/src/app/demo.tsx

@@ -30,8 +30,8 @@ if (!root) {
 // This directory is not processed by the tailwind plugin
 
 const config = {
-  page: {
-    pageTitle: "",
+  site: {
+    title: "",
     banner: {
       message: <DemoAnnouncement />,
     },

package/src/app/main.tsx

@@ -36,12 +36,12 @@ export const convertZudokuConfigToOptions = (
     basePath: config.basePath,
     canonicalUrlOrigin: config.canonicalUrlOrigin,
     protectedRoutes: config.protectedRoutes,
-    page: {
-      ...config.page,
+    site: {
+      ...config.site,
       showPoweredBy:
         ZuploEnv.buildConfig?.entitlements.devPortalZuploBranding ??
-        config.page?.showPoweredBy,
-      logo: config.page?.logo,
+        config.site?.showPoweredBy,
+      logo: config.site?.logo,
     },
     slots: config.slots,
     metadata: {

package/src/app/standalone.tsx

@@ -13,14 +13,14 @@ if (!root) {
 }
 
 const apiUrl = root.getAttribute("data-api-url");
-const pageTitle = document.getElementsByTagName("title")[0]!.innerText;
+const title = document.getElementsByTagName("title")[0]!.innerText;
 const logoUrl = root.getAttribute("data-logo-url");
 
 // IMPORTANT: This component must not contain tailwind classes
 // This directory is not processed by the tailwind plugin
 
 const config = {
-  page: {
+  site: {
     logo: logoUrl
       ? {
           src: {
@@ -29,7 +29,7 @@ const config = {
           },
         }
       : undefined,
-    pageTitle,
+    title,
   },
   navigation: [
     {

package/src/lib/components/Banner.tsx

@@ -12,7 +12,7 @@ const COLOR_MAP = {
 } as const;
 
 export const Banner = () => {
-  const { page } = useZudoku();
+  const { site: page } = useZudoku();
   const [isBannerOpen, setIsBannerOpen] = useState(true);
 
   if (!page?.banner || !isBannerOpen) {

package/src/lib/components/Footer.tsx

@@ -26,7 +26,7 @@ const SocialIcon = ({
 const isExternalUrl = (href: string) => /^https?:/.test(href);
 
 export const Footer = () => {
-  const { page } = useZudoku();
+  const { site: page } = useZudoku();
   const footer = page?.footer;
 
   if (!footer) return null;

package/src/lib/components/Header.tsx

@@ -60,22 +60,22 @@ export const Header = memo(function HeaderInner() {
   const auth = useAuth();
   const { isAuthenticated, profile, isAuthEnabled } = useAuth();
   const context = useZudoku();
-  const { page, plugins, options } = context;
+  const { site, plugins, options } = context;
 
   const accountItems = plugins
     .filter((p) => isProfileMenuPlugin(p))
     .flatMap((p) => p.getProfileMenuItems(context))
     .sort((i) => i.weight ?? 0);
 
-  const logoLightSrc = page?.logo
-    ? /https?:\/\//.test(page.logo.src.light)
-      ? page.logo.src.light
-      : joinUrl(options.basePath, page.logo.src.light)
+  const logoLightSrc = site?.logo
+    ? /https?:\/\//.test(site.logo.src.light)
+      ? site.logo.src.light
+      : joinUrl(options.basePath, site.logo.src.light)
     : undefined;
-  const logoDarkSrc = page?.logo
-    ? /https?:\/\//.test(page.logo.src.dark)
-      ? page.logo.src.dark
-      : joinUrl(options.basePath, page.logo.src.dark)
+  const logoDarkSrc = site?.logo
+    ? /https?:\/\//.test(site.logo.src.dark)
+      ? site.logo.src.dark
+      : joinUrl(options.basePath, site.logo.src.dark)
     : undefined;
 
   const borderBottom = "inset-shadow-[0_-1px_0_0_var(--border)]";
@@ -89,27 +89,25 @@ export const Header = memo(function HeaderInner() {
           <div className="flex">
             <Link to="/">
               <div className="flex items-center gap-3.5">
-                {page?.logo && (
+                {site?.logo && (
                   <>
                     <img
                       src={logoLightSrc}
-                      alt={page.logo.alt ?? page.pageTitle}
-                      style={{ width: page.logo.width }}
+                      alt={site.logo.alt ?? site.title}
+                      style={{ width: site.logo.width }}
                       className="max-h-(--top-header-height) dark:hidden"
                       loading="lazy"
                     />
                     <img
                       src={logoDarkSrc}
-                      alt={page.logo.alt ?? page.pageTitle}
-                      style={{ width: page.logo.width }}
+                      alt={site.logo.alt ?? site.title}
+                      style={{ width: site.logo.width }}
                       className="max-h-(--top-header-height) hidden dark:block"
                       loading="lazy"
                     />
                   </>
                 )}
-                <span className="font-semibold text-2xl">
-                  {page?.pageTitle}
-                </span>
+                <span className="font-semibold text-2xl">{site?.title}</span>
               </div>
             </Link>
           </div>

package/src/lib/components/Main.tsx

@@ -16,7 +16,7 @@ export const Main = ({ children }: PropsWithChildren) => {
 
   return (
     <Drawer
-      direction={options.page?.dir === "rtl" ? "right" : "left"}
+      direction={options.site?.dir === "rtl" ? "right" : "left"}
       open={isDrawerOpen}
       onOpenChange={(open) => setDrawerOpen(open)}
     >

package/src/lib/components/MobileTopNavigation.tsx

@@ -26,7 +26,7 @@ export const MobileTopNavigation = () => {
 
   return (
     <Drawer
-      direction={options.page?.dir === "rtl" ? "left" : "right"}
+      direction={options.site?.dir === "rtl" ? "left" : "right"}
       open={drawerOpen}
       onOpenChange={(open) => setDrawerOpen(open)}
     >
@@ -62,7 +62,7 @@ export const MobileTopNavigation = () => {
               ))}
             </ul>
           </div>
-          {options.page?.showPoweredBy !== false && (
+          {options.site?.showPoweredBy !== false && (
             <PoweredByZudoku className="grow-0 justify-center gap-1" />
           )}
         </div>

package/src/lib/components/navigation/NavigationWrapper.tsx

@@ -37,7 +37,7 @@ export const NavigationWrapper = ({
       </nav>
 
       <div className="bg-background border-t p-2 mx-5  gap-2 items-center mt-2 drop-shadow-[0_-3px_1px_rgba(0,0,0,0.015)] hidden lg:[&:has(>_:nth-child(1):last-child)]:flex">
-        {options.page?.showPoweredBy !== false && <PoweredByZudoku />}
+        {options.site?.showPoweredBy !== false && <PoweredByZudoku />}
       </div>
     </div>
   );

package/src/lib/core/ZudokuContext.ts

@@ -54,10 +54,10 @@ type Metadata = Partial<{
   publisher: string;
 }>;
 
-type Page = Partial<{
+type Site = Partial<{
   dir?: "ltr" | "rtl";
   showPoweredBy?: boolean;
-  pageTitle?: string;
+  title?: string;
   logo?: {
     src: {
       light: string;
@@ -78,7 +78,7 @@ export type ZudokuContextOptions = {
   basePath?: string;
   canonicalUrlOrigin?: string;
   metadata?: Metadata;
-  page?: Page;
+  site?: Site;
   authentication?: AuthenticationPlugin;
   navigation?: Navigation;
   plugins?: ZudokuPlugin[];
@@ -102,7 +102,7 @@ export class ZudokuContext {
   public plugins: NonNullable<ZudokuContextOptions["plugins"]>;
   public navigation: Navigation;
   public meta: ZudokuContextOptions["metadata"];
-  public page: ZudokuContextOptions["page"];
+  public site: ZudokuContextOptions["site"];
   public readonly authentication?: ZudokuContextOptions["authentication"];
   public readonly queryClient: QueryClient;
   public readonly options: ZudokuContextOptions;
@@ -123,7 +123,7 @@ export class ZudokuContext {
     this.navigationPlugins = this.plugins.filter(isNavigationPlugin);
     this.authentication = this.plugins.find(isAuthenticationPlugin);
     this.meta = options.metadata;
-    this.page = options.page;
+    this.site = options.site;
     this.plugins.forEach((plugin) => {
       if (!isEventConsumerPlugin(plugin)) return;