zudoku 0.0.0-f3f6db5 → 0.0.0-f40ea27

package/dist/lib/components/navigation/PoweredByZudoku.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredByZudoku.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/PoweredByZudoku.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,CACxE,aACE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,EAC3E,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,EAAE,CACX,2KAA2K,EAC3K,SAAS,CACV,aAED,eAAK,SAAS,EAAC,gIAAgI,aAC5I,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B,GAAG,CACvD,iBACW,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IACrD,EACN,cAAK,SAAS,EAAC,uFAAuF,YACpG,KAAC,gBAAgB,IACf,IAAI,EAAE,EAAE,EACR,mBAAmB,QACnB,WAAW,EAAE,GAAG,EAChB,SAAS,EAAC,gBAAgB,GAC1B,GACE,IACJ,CACL,CAAC"}

package/dist/lib/components/navigation/Toc.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListTreeIcon } from "lucide-react";
+import { useEffect, useRef, useState, } from "react";
+import { cn } from "../../util/cn.js";
+import { AnchorLink } from "../AnchorLink.js";
+import { useViewportAnchor } from "../context/ViewportAnchorContext.js";
+const DATA_ANCHOR_ATTR = "data-active";
+const TocItem = ({ item, children, className, isActive, }) => {
+    return (_jsxs("li", { className: cn("truncate", className), title: item.value, children: [_jsx(AnchorLink, { to: `#${item.id}`, [DATA_ANCHOR_ATTR]: item.id, className: cn(isActive
+                    ? "text-primary"
+                    : "hover:text-accent-foreground text-muted-foreground"), children: item.value }), children] }));
+};
+export const Toc = ({ entries }) => {
+    const { activeAnchor } = useViewportAnchor();
+    const listWrapperRef = useRef(null);
+    const paintedOnce = useRef(false);
+    const [indicatorStyle, setIndicatorStyles] = useState({
+        top: 0,
+        opacity: 0,
+    });
+    // synchronize active anchor indicator with the scroll position
+    useEffect(() => {
+        if (!listWrapperRef.current)
+            return;
+        const activeElement = listWrapperRef.current.querySelector(`[${DATA_ANCHOR_ATTR}='${activeAnchor}']`);
+        if (!activeElement) {
+            setIndicatorStyles({ top: 0, opacity: 0 });
+            return;
+        }
+        const topParent = listWrapperRef.current.getBoundingClientRect().top;
+        const topElement = activeElement.getBoundingClientRect().top;
+        setIndicatorStyles({
+            opacity: 1,
+            top: `${topElement - topParent}px`,
+        });
+        if (paintedOnce.current)
+            return;
+        // after all is painted, the indicator should animate
+        requestIdleCallback(() => {
+            paintedOnce.current = true;
+        });
+    }, [activeAnchor]);
+    return (_jsxs("aside", { className: "sticky scrollbar top-8 lg:top-(--header-height) h-[calc(100vh-var(--header-height))] pt-(--padding-content-top) pb-(--padding-content-bottom) overflow-y-auto ps-1 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium mb-2", children: [_jsx(ListTreeIcon, { size: 16 }), "On this page"] }), _jsxs("div", { className: "relative ms-2 ps-4", children: [_jsx("div", { className: "absolute inset-0 end-auto bg-border w-[2px]" }), _jsx("div", { className: cn("absolute -start-px -translate-y-1 h-6 w-[4px] rounded-sm bg-primary", paintedOnce.current &&
+                            "ease-out [transition:top_150ms,opacity_325ms]"), style: indicatorStyle }), _jsx("ul", { ref: listWrapperRef, className: "relative font-medium list-none space-y-2", children: entries.map((item) => (_jsx(TocItem, { isActive: item.id === activeAnchor, item: item, className: "ps-0", children: item.children && (_jsx("ul", { className: "list-none ps-4 pt-2 space-y-2", children: item.children.map((child) => (_jsx(TocItem, { item: child, isActive: child.id === activeAnchor }, child.id))) })) }, item.id))) })] })] }));
+};
+//# sourceMappingURL=Toc.js.map

package/dist/lib/components/navigation/Toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toc.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/Toc.tsx"],"names":[],"mappings":"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"}

package/dist/lib/components/navigation/ZudokuLogo.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const ZudokuLogo: {
+    (props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ZudokuLogo;

package/dist/lib/components/navigation/ZudokuLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ZudokuLogo = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 132 100", fill: "none", ...props, children: [_jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M80.092 2.963A4.66 4.66 0 0 1 84.449 0h34.049c6.325 0 10.835 6.135 8.948 12.172L116.653 46.71a4.688 4.688 0 0 1-4.474 3.29H75c-5.178 0-7.813 4.687-9.375 9.374-1.288 3.864-11.07 28.963-14.467 37.662A4.66 4.66 0 0 1 46.801 100H12.75c-6.324 0-10.834-6.134-8.947-12.171l10.793-34.54A4.688 4.688 0 0 1 19.071 50H56.25c5.178 0 7.813-4.687 9.375-9.375 1.288-3.864 11.07-28.962 14.467-37.662Z", clipRule: "evenodd" }), _jsx("path", { fill: "currentColor", d: "M83.54 57.813a7.813 7.813 0 0 0-7.316 5.07L63.888 95.777c-.766 2.043.744 4.222 2.926 4.222h36.828c5.211 0 9.875-3.232 11.704-8.11l8.821-23.522c1.915-5.107-1.861-10.555-7.315-10.555H83.539ZM29.17 0a12.5 12.5 0 0 0-11.704 8.111l-8.82 23.521c-1.915 5.107 1.86 10.556 7.315 10.556h33.312a7.813 7.813 0 0 0 7.316-5.07L68.924 4.223C69.691 2.18 68.18 0 65.998 0H29.17Z" })] }));
+ZudokuLogo.displayName = "ZudokuLogo";
+export default ZudokuLogo;
+//# sourceMappingURL=ZudokuLogo.js.map

package/dist/lib/components/navigation/ZudokuLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZudokuLogo.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/ZudokuLogo.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC3D,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kYAAkY,EACpY,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2WAA2W,GAC7W,IACE,CACP,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/dist/lib/components/navigation/ZuploLogo.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare const ZuploLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ZuploLogo;

package/dist/lib/components/navigation/ZuploLogo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ZuploLogo = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 76 66", fill: "none", ...props, children: [_jsx("path", { d: "M55.331 43.537H32.527l24.295-24.343a1.642 1.642 0 0 0-1.157-2.802H17.07V.239h42.336a16.407 16.407 0 0 1 8.81 2.438 16.471 16.471 0 0 1 6.147 6.775 16.037 16.037 0 0 1-3.167 18.201L55.331 43.535v.002Z" }), _jsx("path", { d: "M20.695 21.888H43.5L19.204 46.23a1.643 1.643 0 0 0 1.158 2.802h38.595v16.153H16.621a16.406 16.406 0 0 1-8.81-2.438 16.471 16.471 0 0 1-6.147-6.775 16.038 16.038 0 0 1 3.167-18.201L20.695 21.89v-.002Z" })] }));
+export default ZuploLogo;
+//# sourceMappingURL=ZuploLogo.js.map

package/dist/lib/components/navigation/ZuploLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZuploLogo.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/ZuploLogo.tsx"],"names":[],"mappings":";AAEA,MAAM,SAAS,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eAAM,CAAC,EAAC,yMAAyM,GAAG,EACpN,eAAM,CAAC,EAAC,yMAAyM,GAAG,IAChN,CACP,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/lib/components/navigation/utils.d.ts

@@ -1,9 +1,9 @@
-import type { SidebarItem, SidebarItemCategory } from "../../../config/validators/SidebarSchema.js";
-export type TraverseCallback<T> = (item: SidebarItem, parentCategories: SidebarItem[]) => T | void;
-export declare const traverseSidebar: <T>(sidebar: SidebarItem[], callback: TraverseCallback<T>) => T | undefined;
-export declare const traverseSidebarItem: <T>(item: SidebarItem, callback: TraverseCallback<T>, parentCategories?: SidebarItem[]) => T | undefined;
-export declare const useCurrentItem: () => import("../../../config/validators/SidebarSchema.js").SidebarItemDoc | undefined;
-export declare const useIsCategoryOpen: (category: SidebarItemCategory) => true | undefined;
+import type { NavigationCategory, NavigationItem } from "../../../config/validators/NavigationSchema.js";
+export type TraverseCallback<T> = (item: NavigationItem, parentCategories: NavigationItem[]) => T | void;
+export declare const traverseNavigation: <T>(navigation: NavigationItem[], callback: TraverseCallback<T>) => T | undefined;
+export declare const traverseNavigationItem: <T>(item: NavigationItem, callback: TraverseCallback<T>, parentCategories?: NavigationItem[]) => T | undefined;
+export declare const useCurrentItem: () => import("../../../config/validators/NavigationSchema.js").NavigationDoc | undefined;
+export declare const useIsCategoryOpen: (category: NavigationCategory) => true | undefined;
 export declare const usePrevNext: () => {
     prev?: {
         label: string;
@@ -14,3 +14,9 @@ export declare const usePrevNext: () => {
         id: string;
     };
 };
+export declare const navigationListItem: (props?: ({
+    isActive?: boolean | null | undefined;
+    isMuted?: boolean | null | undefined;
+    isPending?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const isHiddenItem: (isAuthenticated?: boolean) => (item: NavigationItem) => boolean;

package/dist/lib/components/navigation/utils.js

@@ -1,20 +1,21 @@
+import { cva } from "class-variance-authority";
 import { useLocation } from "react-router";
-import { joinPath } from "../../util/joinPath.js";
+import { joinUrl } from "../../util/joinUrl.js";
 import { useCurrentNavigation } from "../context/ZudokuContext.js";
-export const traverseSidebar = (sidebar, callback) => {
-    for (const item of sidebar) {
-        const result = traverseSidebarItem(item, callback);
+export const traverseNavigation = (navigation, callback) => {
+    for (const item of navigation) {
+        const result = traverseNavigationItem(item, callback);
         if (result !== undefined)
             return result;
     }
 };
-export const traverseSidebarItem = (item, callback, parentCategories = []) => {
+export const traverseNavigationItem = (item, callback, parentCategories = []) => {
     const result = callback(item, parentCategories);
     if (result !== undefined)
         return result;
     if (item.type === "category") {
         for (const child of item.items) {
-            const childResult = traverseSidebarItem(child, callback, [
+            const childResult = traverseNavigationItem(child, callback, [
                 ...parentCategories,
                 item,
             ]);
@@ -25,25 +26,24 @@ export const traverseSidebarItem = (item, callback, parentCategories = []) => {
 };
 export const useCurrentItem = () => {
     const location = useLocation();
-    const nav = useCurrentNavigation();
-    const currentSidebar = nav.sidebar;
-    return traverseSidebar(currentSidebar, (item) => {
-        if (item.type === "doc" && joinPath(item.id) === location.pathname) {
+    const { navigation } = useCurrentNavigation();
+    return traverseNavigation(navigation, (item) => {
+        if (item.type === "doc" && joinUrl(item.path) === location.pathname) {
             return item;
         }
     });
 };
 export const useIsCategoryOpen = (category) => {
     const location = useLocation();
-    return traverseSidebarItem(category, (item) => {
+    return traverseNavigationItem(category, (item) => {
         if (item.type === "category" && item.link) {
-            const categoryLinkPath = joinPath(item.link.id);
+            const categoryLinkPath = joinUrl(item.link.path);
             if (categoryLinkPath === location.pathname) {
                 return true;
             }
         }
         if (item.type === "doc") {
-            const docPath = joinPath(item.id);
+            const docPath = joinUrl(item.path);
             if (docPath === location.pathname) {
                 return true;
             }
@@ -52,16 +52,15 @@ export const useIsCategoryOpen = (category) => {
 };
 export const usePrevNext = () => {
     const currentId = useLocation().pathname;
-    const nav = useCurrentNavigation();
-    const currentSidebar = nav.sidebar;
+    const { navigation } = useCurrentNavigation();
     let prev;
     let next;
     let foundCurrent = false;
-    traverseSidebar(currentSidebar, (item) => {
+    traverseNavigation(navigation, (item) => {
         const itemId = item.type === "doc"
-            ? joinPath(item.id)
+            ? joinUrl(item.path)
             : item.type === "category" && item.link
-                ? joinPath(item.link.id)
+                ? joinUrl(item.link.path)
                 : undefined;
         if (!itemId)
             return;
@@ -78,4 +77,33 @@ export const usePrevNext = () => {
     });
     return { prev, next };
 };
+export const navigationListItem = cva("relative flex items-center gap-2 px-(--padding-nav-item) my-0.5 py-1.5 rounded-lg hover:bg-accent tabular-nums", {
+    variants: {
+        isActive: {
+            true: "bg-accent font-medium",
+            false: "text-foreground/80",
+        },
+        isMuted: {
+            true: "text-foreground/30",
+            false: "",
+        },
+        isPending: {
+            true: "bg-accent animate-pulse",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        isActive: false,
+    },
+});
+export const isHiddenItem = (isAuthenticated) => (item) => {
+    if (item.display === "hide")
+        return false;
+    if (!item.label)
+        return false;
+    return ((item.display === "auth" && isAuthenticated) ||
+        (item.display === "anon" && !isAuthenticated) ||
+        !item.display ||
+        item.display === "always");
+};
 //# sourceMappingURL=utils.js.map

package/dist/lib/components/navigation/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/utils.ts"],"names":[],"mappings":"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"}

package/dist/lib/core/RouteGuard.d.ts

@@ -1 +1,2 @@
-export declare const RouteGuard: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const SEARCH_PROTECTED_SECTION = "protected";
+export declare const RouteGuard: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/core/RouteGuard.js

@@ -1,21 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { matchPath, Outlet, useLocation } from "react-router";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { use } from "react";
+import { matchPath, Outlet, useLocation, useNavigate } from "react-router";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "zudoku/ui/Dialog.js";
 import { useAuth } from "../authentication/hook.js";
+import { BypassProtectedRoutesContext } from "../components/context/BypassProtectedRoutesContext.js";
 import { useZudoku } from "../components/context/ZudokuContext.js";
 import { ZudokuError } from "../util/invariant.js";
+import { useLatest } from "../util/useLatest.js";
+export const SEARCH_PROTECTED_SECTION = "protected";
 export const RouteGuard = () => {
     const auth = useAuth();
     const zudoku = useZudoku();
+    const navigate = useNavigate();
     const location = useLocation();
-    const isProtected = zudoku.options.protectedRoutes?.some((path) => matchPath({ path, end: true }, location.pathname));
-    useEffect(() => {
-        if (isProtected && !auth.isAuthenticated) {
-            void zudoku.authentication?.signIn();
-        }
-    }, [isProtected, auth.isAuthenticated, zudoku.authentication]);
+    const latestPath = useLatest(location.pathname);
+    const shouldBypass = use(BypassProtectedRoutesContext);
+    const { protectedRoutes = [] } = zudoku.options;
+    const isProtected = !shouldBypass &&
+        protectedRoutes.some((path) => matchPath({ path, end: true }, location.pathname));
+    useQuery({
+        queryKey: ["login-redirect"],
+        queryFn: async () => {
+            await new Promise((resolve) => setTimeout(resolve, 1200));
+            await zudoku.authentication?.signIn({
+                redirectTo: latestPath.current,
+            });
+            return true;
+        },
+        enabled: typeof window !== "undefined" &&
+            isProtected &&
+            !auth.isPending &&
+            !auth.isAuthenticated,
+    });
     if (isProtected && !auth.isAuthenticated) {
-        return null;
+        return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+                if (!open) {
+                    void navigate(-1);
+                }
+            }, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Logging you in..." }) }), _jsx(DialogDescription, { children: "Please wait while we log you in." })] }) }));
     }
     if (isProtected && !auth.isAuthEnabled) {
         throw new ZudokuError("Authentication is not enabled", {
@@ -23,6 +47,6 @@ export const RouteGuard = () => {
             developerHint: "To use protectedRoutes you need authentication to be enabled",
         });
     }
-    return _jsx(Outlet, {});
+    return (_jsxs(_Fragment, { children: [shouldBypass && (_jsx(Helmet, { children: _jsx("meta", { name: "pagefind", "data-pagefind-filter": `section:${SEARCH_PROTECTED_SECTION}`, content: "true" }) })), _jsx(Outlet, {})] }));
 };
 //# sourceMappingURL=RouteGuard.js.map

package/dist/lib/core/RouteGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteGuard.js","sourceRoot":"","sources":["../../../src/lib/core/RouteGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAChE,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAClD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACzC,KAAK,MAAM,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE/D,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,MAAM,IAAI,WAAW,CAAC,+BAA+B,EAAE;YACrD,KAAK,EAAE,+BAA+B;YACtC,aAAa,EACX,8DAA8D;SACjE,CAAC,CAAC;IACL,CAAC;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC,CAAC"}
+{"version":3,"file":"RouteGuard.js","sourceRoot":"","sources":["../../../src/lib/core/RouteGuard.tsx"],"names":[],"mappings":"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"}

package/dist/lib/core/ZudokuContext.d.ts

@@ -1,13 +1,32 @@
-import { ReactNode } from "react";
-import { TopNavigationItem } from "../../config/validators/common.js";
-import type { SidebarConfig } from "../../config/validators/SidebarSchema.js";
-import { type AuthenticationProvider } from "../authentication/authentication.js";
+import type { QueryClient } from "@tanstack/react-query";
+import type { ReactNode } from "react";
+import type { Location } from "react-router";
+import type { BundledTheme, HighlighterCore } from "shiki";
+import type { z } from "zod/v4";
+import type { Navigation } from "../../config/validators/NavigationSchema.js";
+import type { FooterSchema } from "../../config/validators/validate.js";
+import type { AuthenticationPlugin } from "../authentication/authentication.js";
+import { type AuthState } from "../authentication/state.js";
 import type { ComponentsContextType } from "../components/context/ComponentsContext.js";
-import { Slotlets } from "../components/SlotletProvider.js";
+import type { SlotType } from "../components/context/SlotProvider.js";
 import type { MdxComponentsType } from "../util/MdxComponents.js";
 import { type ZudokuPlugin } from "./plugins.js";
+export interface ZudokuEvents {
+    location: (event: {
+        from?: Location;
+        to: Location;
+    }) => void;
+    auth: (auth: {
+        prev: AuthState;
+        next: AuthState;
+    }) => void;
+}
 export interface ApiIdentity {
-    authorizeRequest: (request: Request) => Request;
+    authorizeRequest: (request: Request) => Promise<Request> | Request;
+    authorizationFields?: {
+        headers?: string[];
+        queryParams?: string[];
+    };
     label: string;
     id: string;
 }
@@ -25,14 +44,16 @@ type Metadata = Partial<{
     creator: string;
     publisher: string;
 }>;
-type Page = Partial<{
-    pageTitle?: string;
+type Site = Partial<{
+    dir?: "ltr" | "rtl";
+    showPoweredBy?: boolean;
+    title?: string;
     logo?: {
         src: {
             light: string;
             dark: string;
         };
-        width?: string;
+        width?: string | number;
         alt?: string;
     };
     banner?: {
@@ -40,34 +61,50 @@ type Page = Partial<{
         color?: "note" | "tip" | "info" | "caution" | "danger" | (string & {});
         dismissible?: boolean;
     };
+    footer?: z.infer<typeof FooterSchema>;
 }>;
 export type ZudokuContextOptions = {
+    basePath?: string;
+    canonicalUrlOrigin?: string;
     metadata?: Metadata;
-    page?: Page;
-    authentication?: AuthenticationProvider;
-    topNavigation?: TopNavigationItem[];
-    sidebars?: SidebarConfig;
+    site?: Site;
+    authentication?: AuthenticationPlugin;
+    navigation?: Navigation;
     plugins?: ZudokuPlugin[];
-    slotlets?: Slotlets;
+    slots?: Record<string, SlotType>;
+    /**
+     * @deprecated Use `slots` instead
+     */
+    UNSAFE_slotlets?: Record<string, SlotType>;
     mdx?: {
         components?: MdxComponentsType;
     };
     overrides?: ComponentsContextType;
     protectedRoutes?: string[];
+    syntaxHighlighting?: {
+        highlighter: HighlighterCore;
+        themes?: {
+            light: BundledTheme;
+            dark: BundledTheme;
+        };
+    };
 };
 export declare class ZudokuContext {
-    readonly options: ZudokuContextOptions;
     plugins: NonNullable<ZudokuContextOptions["plugins"]>;
-    sidebars: SidebarConfig;
-    topNavigation: NonNullable<ZudokuContextOptions["topNavigation"]>;
+    navigation: Navigation;
     meta: ZudokuContextOptions["metadata"];
-    page: ZudokuContextOptions["page"];
-    authentication?: ZudokuContextOptions["authentication"];
+    site: ZudokuContextOptions["site"];
+    readonly authentication?: ZudokuContextOptions["authentication"];
+    readonly queryClient: QueryClient;
+    readonly options: ZudokuContextOptions;
     private readonly navigationPlugins;
-    constructor(options: ZudokuContextOptions);
+    private emitter;
+    constructor(options: ZudokuContextOptions, queryClient: QueryClient);
     initialize: () => Promise<void>;
     getApiIdentities: () => Promise<ApiIdentity[]>;
-    getPluginSidebar: (path: string) => Promise<import("../../config/validators/SidebarSchema.js").SidebarItem[]>;
+    addEventListener<E extends keyof ZudokuEvents>(event: E, callback: ZudokuEvents[E]): import("nanoevents").Unsubscribe;
+    emitEvent: <E extends keyof ZudokuEvents>(event: E, ...data: Parameters<ZudokuEvents[E]>) => void;
+    getPluginNavigation: (path: string) => Promise<import("../../config/validators/NavigationSchema.js").NavigationItem[]>;
     signRequest: (request: Request) => Promise<Request>;
 }
 export {};

package/dist/lib/core/ZudokuContext.js

@@ -1,23 +1,41 @@
-import { joinPath } from "../util/joinPath.js";
-import { isApiIdentityPlugin, isNavigationPlugin, needsInitialization, } from "./plugins.js";
+import { createNanoEvents } from "nanoevents";
+import { useAuthState } from "../authentication/state.js";
+import { joinUrl } from "../util/joinUrl.js";
+import { objectEntries } from "../util/objectEntries.js";
+import { isApiIdentityPlugin, isAuthenticationPlugin, isEventConsumerPlugin, isNavigationPlugin, needsInitialization, } from "./plugins.js";
 export class ZudokuContext {
-    options;
     plugins;
-    sidebars;
-    topNavigation;
+    navigation;
     meta;
-    page;
+    site;
     authentication;
+    queryClient;
+    options;
     navigationPlugins;
-    constructor(options) {
-        this.options = options;
+    emitter = createNanoEvents();
+    constructor(options, queryClient) {
+        const protectedRoutes = (options.protectedRoutes ?? []).concat(options.plugins?.flatMap((plugin) => isNavigationPlugin(plugin) ? (plugin.getProtectedRoutes?.() ?? []) : []) ?? []);
+        this.queryClient = queryClient;
+        this.options = { ...options, protectedRoutes };
         this.plugins = options.plugins ?? [];
-        this.topNavigation = options.topNavigation ?? [];
-        this.sidebars = options.sidebars ?? {};
+        this.navigation = options.navigation ?? [];
         this.navigationPlugins = this.plugins.filter(isNavigationPlugin);
-        this.authentication = options.authentication;
+        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;
+            objectEntries(plugin.events).forEach(([event, handler]) => {
+                this.emitter.on(event, handler);
+            });
+        });
+        useAuthState.subscribe((state, prevState) => {
+            this.emitEvent("auth", {
+                prev: prevState,
+                next: state,
+            });
+        });
     }
     initialize = async () => {
         await Promise.all(this.plugins
@@ -30,17 +48,21 @@ export class ZudokuContext {
             .map((plugin) => plugin.getIdentities(this)));
         return keys.flat();
     };
-    getPluginSidebar = async (path) => {
-        const navigations = await Promise.all(this.navigationPlugins.map((plugin) => plugin.getSidebar?.(joinPath(path))));
+    addEventListener(event, callback) {
+        return this.emitter.on(event, callback);
+    }
+    emitEvent = (event, ...data) => {
+        return this.emitter.emit(event, ...data);
+    };
+    getPluginNavigation = async (path) => {
+        const navigations = await Promise.all(this.navigationPlugins.map((plugin) => plugin.getNavigation?.(joinUrl(path), this)));
         return navigations.flatMap((nav) => nav ?? []);
     };
     signRequest = async (request) => {
         if (!this.authentication) {
             throw new Error("No authentication provider configured");
         }
-        const accessToken = await this.authentication.getAccessToken();
-        request.headers.set("Authorization", `Bearer ${accessToken}`);
-        return request;
+        return await this.authentication.signRequest(request);
     };
 }
 //# sourceMappingURL=ZudokuContext.js.map

package/dist/lib/core/ZudokuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZudokuContext.js","sourceRoot":"","sources":["../../../src/lib/core/ZudokuContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAElB,mBAAmB,GAEpB,MAAM,cAAc,CAAC;AAwDtB,MAAM,OAAO,aAAa;IASI;IARrB,OAAO,CAA+C;IACtD,QAAQ,CAAgB;IACxB,aAAa,CAAqD;IAClE,IAAI,CAAmC;IACvC,IAAI,CAA+B;IACnC,cAAc,CAA0C;IAC9C,iBAAiB,CAAqB;IAEvD,YAA4B,OAA6B;QAA7B,YAAO,GAAP,OAAO,CAAsB;QACvD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QACvC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAC3B,CAAC;IAED,UAAU,GAAG,KAAK,IAAmB,EAAE;QACrC,MAAM,OAAO,CAAC,GAAG,CACf,IAAI,CAAC,OAAO;aACT,MAAM,CAAC,mBAAmB,CAAC;aAC3B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAC9C,CAAC;IACJ,CAAC,CAAC;IAEF,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,GAAG,CAC5B,IAAI,CAAC,OAAO;aACT,MAAM,CAAC,mBAAmB,CAAC;aAC3B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAC/C,CAAC;QAEF,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,gBAAgB,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;QACxC,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACpC,MAAM,CAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CACpC,CACF,CAAC;QAEF,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,WAAW,GAAG,KAAK,EAAE,OAAgB,EAAE,EAAE;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QAC3D,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC;QAE/D,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,WAAW,EAAE,CAAC,CAAC;QAE9D,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;CACH"}
+{"version":3,"file":"ZudokuContext.js","sourceRoot":"","sources":["../../../src/lib/core/ZudokuContext.ts"],"names":[],"mappings":"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"}

package/dist/lib/core/plugins.d.ts

@@ -1,15 +1,19 @@
 import type { LucideIcon } from "lucide-react";
-import { type ReactElement } from "react";
-import { type RouteObject } from "react-router";
-import type { Sidebar } from "../../config/validators/SidebarSchema.js";
-import { MdxComponentsType } from "../util/MdxComponents.js";
-import { ZudokuContext, type ApiIdentity } from "./ZudokuContext.js";
-export type ZudokuPlugin = CommonPlugin | ProfileMenuPlugin | NavigationPlugin | ApiIdentityPlugin | SearchProviderPlugin;
-export type { RouteObject };
+import type { ReactElement } from "react";
+import type { Location, RouteObject } from "react-router";
+import type { Navigation } from "../../config/validators/NavigationSchema.js";
+import type { AuthenticationPlugin } from "../authentication/authentication.js";
+import type { MdxComponentsType } from "../util/MdxComponents.js";
+import type { ApiIdentity, ZudokuContext, ZudokuEvents } from "./ZudokuContext.js";
+export type ZudokuPlugin = CommonPlugin | ProfileMenuPlugin | NavigationPlugin | ApiIdentityPlugin | SearchProviderPlugin | EventConsumerPlugin | AuthenticationPlugin;
+export type { AuthenticationPlugin, RouteObject };
 export interface NavigationPlugin {
     getRoutes: () => RouteObject[];
-    getSidebar?: (path: string) => Promise<Sidebar>;
+    getNavigation?: (path: string, context: ZudokuContext) => Promise<Navigation>;
+    getProtectedRoutes?: () => string[];
 }
+export declare const createApiIdentityPlugin: (plugin: ApiIdentityPlugin) => ApiIdentityPlugin;
+export declare const createProfileMenuPlugin: (plugin: ProfileMenuPlugin) => ProfileMenuPlugin;
 export interface ApiIdentityPlugin {
     getIdentities: (context: ZudokuContext) => Promise<ApiIdentity[]>;
 }
@@ -32,11 +36,20 @@ export type ProfileNavigationItem = {
 };
 export interface CommonPlugin {
     initialize?: (context: ZudokuContext) => Promise<void | boolean> | void | boolean;
-    getHead?: () => ReactElement | undefined;
+    getHead?: ({ location }: {
+        location: Location;
+    }) => ReactElement | undefined;
     getMdxComponents?: () => MdxComponentsType;
 }
+export type EventConsumerPlugin<Event extends ZudokuEvents = ZudokuEvents> = {
+    events: {
+        [K in keyof Event]?: Event[K];
+    };
+};
+export declare const isEventConsumerPlugin: (obj: ZudokuPlugin) => obj is EventConsumerPlugin;
 export declare const isProfileMenuPlugin: (obj: ZudokuPlugin) => obj is ProfileMenuPlugin;
 export declare const isNavigationPlugin: (obj: ZudokuPlugin) => obj is NavigationPlugin;
+export declare const isAuthenticationPlugin: (obj: ZudokuPlugin) => obj is AuthenticationPlugin;
 export declare const isSearchPlugin: (obj: ZudokuPlugin) => obj is SearchProviderPlugin;
 export declare const needsInitialization: (obj: ZudokuPlugin) => obj is CommonPlugin;
 export declare const hasHead: (obj: ZudokuPlugin) => obj is CommonPlugin;

package/dist/lib/core/plugins.js

@@ -1,5 +1,9 @@
+export const createApiIdentityPlugin = (plugin) => plugin;
+export const createProfileMenuPlugin = (plugin) => plugin;
+export const isEventConsumerPlugin = (obj) => "events" in obj && typeof obj.events === "object";
 export const isProfileMenuPlugin = (obj) => "getProfileMenuItems" in obj && typeof obj.getProfileMenuItems === "function";
 export const isNavigationPlugin = (obj) => "getRoutes" in obj && typeof obj.getRoutes === "function";
+export const isAuthenticationPlugin = (obj) => "signUp" in obj && typeof obj.signUp === "function";
 export const isSearchPlugin = (obj) => "renderSearch" in obj && typeof obj.renderSearch === "function";
 export const needsInitialization = (obj) => "initialize" in obj && typeof obj.initialize === "function";
 export const hasHead = (obj) => "getHead" in obj && typeof obj.getHead === "function";