zudoku 0.0.0-fd8f8ad → 0.0.0-feat-bundled-types.1c7f1db

package/dist/lib/components/Slot.test.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { act, screen, render as testRender, } from "@testing-library/react";
+import { useEffect, useState } from "react";
+import { MemoryRouter } from "react-router";
+import { describe, expect, it } from "vitest";
+import { ZudokuContext } from "../core/ZudokuContext.js";
+import { Slot } from "./Slot.js";
+import { SlotProvider } from "./context/SlotProvider.js";
+import { ZudokuProvider } from "./context/ZudokuProvider.js";
+/**
+ * @vitest-environment happy-dom
+ */
+const createWrapper = (slots = {}) => {
+    const queryClient = new QueryClient();
+    const context = new ZudokuContext({}, queryClient);
+    const wrapper = ({ children }) => (_jsx(MemoryRouter, { initialEntries: ["/", "/page"], children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ZudokuProvider, { context: context, children: _jsx(SlotProvider, { slots: slots, children: children }) }) }) }));
+    return { context, wrapper };
+};
+// We wrap every render function with `act` because of Suspense:
+// https://github.com/testing-library/react-testing-library/issues/1375
+const render = async (element, slots = {}) => {
+    let renderResult;
+    const { wrapper } = createWrapper(slots);
+    await act(async () => {
+        renderResult = testRender(element, { wrapper });
+    });
+    return renderResult;
+};
+describe("Slot", () => {
+    describe("Slot.Target", () => {
+        it("renders fallback when no slot content is provided", async () => {
+            await render(_jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }));
+            expect(screen.getByText("Fallback content")).toBeInTheDocument();
+        });
+        it("renders nothing when no slot content and no fallback", async () => {
+            const { container } = await render(_jsx(Slot.Target, { name: "footer-after" }));
+            expect(container.firstChild).toBeNull();
+        });
+        it("renders slot content when provided via SlotProvider", async () => {
+            await render(_jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }), { "footer-after": _jsx("div", { children: "Provider content" }) });
+            expect(screen.getByText("Provider content")).toBeInTheDocument();
+            expect(screen.queryByText("Fallback content")).not.toBeInTheDocument();
+        });
+    });
+    describe("Slot.Source", () => {
+        it("renders content in target slot with replace type (default)", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+            expect(screen.queryByText("Fallback content")).not.toBeInTheDocument();
+        });
+        it("renders content in target slot with explicit replace type", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("div", { children: "Replace content" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Replace content")).toBeInTheDocument();
+        });
+        it("prepends content when type is prepend", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Prepended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), {
+                "footer-after": _jsx("span", { children: "Original" }),
+            });
+            expect(container.textContent).toBe("PrependedOriginal");
+        });
+        it("appends content when type is append", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Appended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("OriginalAppended");
+        });
+        it("handles multiple sources with different types in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Appended" }) }), _jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Prepended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), {
+                "footer-after": _jsx("span", { children: "Original" }),
+            });
+            expect(container.textContent).toBe("PrependedOriginalAppended");
+        });
+        it("replaces content when multiple replace sources are provided", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("span", { children: "First replace" }) }), _jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("span", { children: "Second replace" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Second replace")).toBeInTheDocument();
+            expect(screen.queryByText("First replace")).not.toBeInTheDocument();
+        });
+        it("cleans up slot content when component unmounts", async () => {
+            const { rerender } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+            rerender(_jsx(_Fragment, { children: _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }) }));
+            expect(screen.getByText("Fallback content")).toBeInTheDocument();
+            expect(screen.queryByText("Source content")).not.toBeInTheDocument();
+        });
+        it("handles multiple prepend sources in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "First prepend" }) }), _jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Second prepend" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("Second prependFirst prependOriginal");
+        });
+        it("handles multiple append sources in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "First append" }) }), _jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Second append" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("OriginalFirst appendSecond append");
+        });
+        it("handles empty children in Source", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: null }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("span", { children: "Fallback" }) })] }));
+            // Empty children should be ignored, showing fallback
+            expect(container.textContent).toBe("Fallback");
+        });
+        it("renders content when Target is defined before Source", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Target, { name: "footer-after" }), _jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+        });
+        it("renders content when Source is defined before Target", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+        });
+    });
+    describe("Multiple slots", () => {
+        it("handles multiple independent slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-before", children: _jsx("div", { children: "Content 1" }) }), _jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Content 2" }) }), _jsx(Slot.Target, { name: "footer-before" }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Content 1")).toBeInTheDocument();
+            expect(screen.getByText("Content 2")).toBeInTheDocument();
+        });
+        it("handles slots with same name but different targets", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Shared content" }) }), _jsx("div", { "data-testid": "target-1", children: _jsx(Slot.Target, { name: "footer-after" }) }), _jsx("div", { "data-testid": "target-2", children: _jsx(Slot.Target, { name: "footer-after" }) })] }));
+            const targets = screen.getAllByText("Shared content");
+            expect(targets).toHaveLength(2);
+        });
+        it("handles nested slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsxs("div", { children: ["Outer content", _jsx(Slot.Source, { name: "content-after", children: _jsx("div", { children: "Inner content" }) })] }) }), _jsx(Slot.Target, { name: "content-before" }), _jsx(Slot.Target, { name: "content-after" })] }));
+            expect(screen.getByText("Outer content")).toBeInTheDocument();
+            expect(screen.getByText("Inner content")).toBeInTheDocument();
+        });
+    });
+    describe("Edge cases", () => {
+        it("handles deep nesting of slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsxs("div", { children: ["Level 1", _jsx(Slot.Source, { name: "content-after", children: _jsxs("div", { children: ["Level 2", _jsx(Slot.Source, { name: "navigation-before", children: _jsx("div", { children: "Level 3" }) })] }) })] }) }), _jsx(Slot.Target, { name: "content-before" }), _jsx(Slot.Target, { name: "content-after" }), _jsx(Slot.Target, { name: "navigation-before" })] }));
+            expect(screen.getByText("Level 1")).toBeInTheDocument();
+            expect(screen.getByText("Level 2")).toBeInTheDocument();
+            expect(screen.getByText("Level 3")).toBeInTheDocument();
+        });
+        it("handles many slots", async () => {
+            const manySlots = Array.from({ length: 50 }, (_, i) => `slot-${i}`);
+            await render(_jsxs(_Fragment, { children: [manySlots.map((name) => (_jsx(Slot.Source, { name: name, children: _jsxs("div", { children: ["Content ", name] }) }, name))), manySlots.map((name) => (_jsx(Slot.Target, { name: name }, name)))] }));
+            manySlots.forEach((name) => {
+                expect(screen.getByText(`Content ${name}`)).toBeInTheDocument();
+            });
+        });
+    });
+    describe("Integration cases", () => {
+        it("handles updates", async () => {
+            const { rerender } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx("div", { children: "Initial content" }) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Initial content")).toBeInTheDocument();
+            rerender(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx("div", { children: "Updated content" }) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Updated content")).toBeInTheDocument();
+        });
+        it("handles async content", async () => {
+            vi.useFakeTimers();
+            const AsyncContent = () => {
+                const [content, setContent] = useState("Loading...");
+                useEffect(() => {
+                    setTimeout(() => setContent("Loaded content"), 250);
+                }, []);
+                return _jsx("div", { children: content });
+            };
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx(AsyncContent, {}) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Loading...")).toBeInTheDocument();
+            await act(async () => {
+                vi.advanceTimersToNextTimer();
+            });
+            expect(screen.getByText("Loaded content")).toBeInTheDocument();
+            vi.useRealTimers();
+        });
+        it("renders render functions", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: (props) => `Current path: ${props.location.pathname}` }), _jsx(Slot.Target, { name: "content-before" })] }), {});
+            expect(screen.getByText("Current path: /page")).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Slot.test.js.map

package/dist/lib/components/Slot.test.js.map

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

package/dist/lib/components/StatusPage.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type StatusPageProps = {
+    statusCode: number;
+    message?: ReactNode;
+};
+export declare const StatusPage: ({ statusCode, message }: StatusPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/StatusPage.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorPage } from "./ErrorPage.js";
+const getDefaultContent = (statusCode) => {
+    switch (statusCode) {
+        case 400:
+            return {
+                title: "Bad Request",
+                message: "The request could not be understood by the server due to malformed syntax.",
+            };
+        case 403:
+            return {
+                title: "Forbidden",
+                message: "You don't have permission to access this resource.",
+            };
+        case 404:
+            return {
+                title: "Not Found",
+                message: "The requested resource could not be found.",
+            };
+        case 405:
+            return {
+                title: "Method Not Allowed",
+                message: "The request method is not supported for the requested resource.",
+            };
+        case 414:
+            return {
+                title: "Request URI Too Large",
+                message: "The request URI is too large.",
+            };
+        case 416:
+            return {
+                title: "Range Not Satisfiable",
+                message: "The server cannot satisfy the request range.",
+            };
+        case 500:
+            return {
+                title: "Internal Server Error",
+                message: "An unexpected error occurred while processing your request.",
+            };
+        case 501:
+            return {
+                title: "Not Implemented",
+                message: "The server does not support the functionality required to fulfill the request.",
+            };
+        case 502:
+            return {
+                title: "Bad Gateway",
+                message: "The server received an invalid response from the upstream server.",
+            };
+        case 503:
+            return {
+                title: "Service Unavailable",
+                message: "The server is temporarily unable to handle the request.",
+            };
+        case 504:
+            return {
+                title: "Gateway Timeout",
+                message: "The server did not receive a timely response from the upstream server.",
+            };
+        default:
+            return {
+                title: "An error occurred",
+                message: "Something went wrong while processing your request.",
+            };
+    }
+};
+export const StatusPage = ({ statusCode, message }) => {
+    const defaultContent = getDefaultContent(statusCode);
+    return (_jsx(ErrorPage, { title: defaultContent.title, message: message ?? defaultContent.message, category: statusCode }));
+};
+//# sourceMappingURL=StatusPage.js.map

package/dist/lib/components/StatusPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPage.js","sourceRoot":"","sources":["../../../src/lib/components/StatusPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO3C,MAAM,iBAAiB,GAAG,CACxB,UAAkB,EACkB,EAAE;IACtC,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,aAAa;gBACpB,OAAO,EACL,4EAA4E;aAC/E,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,oDAAoD;aAC9D,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,4CAA4C;aACtD,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,oBAAoB;gBAC3B,OAAO,EACL,iEAAiE;aACpE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,uBAAuB;gBAC9B,OAAO,EAAE,+BAA+B;aACzC,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,uBAAuB;gBAC9B,OAAO,EAAE,8CAA8C;aACxD,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,uBAAuB;gBAC9B,OAAO,EAAE,6DAA6D;aACvE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,iBAAiB;gBACxB,OAAO,EACL,gFAAgF;aACnF,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,aAAa;gBACpB,OAAO,EACL,mEAAmE;aACtE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,qBAAqB;gBAC5B,OAAO,EAAE,yDAAyD;aACnE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,KAAK,EAAE,iBAAiB;gBACxB,OAAO,EACL,wEAAwE;aAC3E,CAAC;QACJ;YACE,OAAO;gBACL,KAAK,EAAE,mBAAmB;gBAC1B,OAAO,EAAE,qDAAqD;aAC/D,CAAC;IACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAmB,EAAE,EAAE;IACrE,MAAM,cAAc,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,OAAO,EAAE,OAAO,IAAI,cAAc,CAAC,OAAO,EAC1C,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/ThemeSwitch.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MoonStarIcon, SunIcon } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "zudoku/ui/Button.js";
+import { cn } from "../util/cn.js";
 import { ClientOnly } from "./ClientOnly.js";
 export const ThemeSwitch = () => {
-    const { theme, setTheme } = useTheme();
-    const ThemeIcon = theme === "dark" ? MoonStarIcon : SunIcon;
-    return (_jsx(ClientOnly, { children: _jsx(Button, { variant: "ghost", "aria-label": theme === "dark" ? "Switch to light mode" : "Switch to dark mode", className: "p-2.5 -m-2.5 rounded-full", onClick: () => setTheme(theme === "dark" ? "light" : "dark"), children: _jsx(ThemeIcon, { size: 18 }) }) }));
+    const { resolvedTheme, setTheme } = useTheme();
+    return (_jsx(ClientOnly, { fallback: _jsx(Button, { variant: "ghost", size: "icon" }), children: _jsxs("button", { type: "button", className: "flex rounded-full border p-0.5 gap-0.5 group", onClick: () => setTheme(resolvedTheme === "dark" ? "light" : "dark"), "aria-label": resolvedTheme === "dark"
+                ? "Switch to light mode"
+                : "Switch to dark mode", children: [_jsx("div", { className: cn("border border-transparent rounded-full p-0.5 [&>svg>circle]:transition-colors [&>svg>path]:transition-transform transition-all [&>svg>path]:duration-200 [&>svg>circle]:duration-500 [&>svg>circle]:fill-transparent", resolvedTheme === "light" && "border-border bg-muted", resolvedTheme === "dark" &&
+                        "group-hover:[&>svg>path]:scale-110 group-hover:[&>svg>path]:-translate-x-[1px] group-hover:[&>svg>path]:-translate-y-[1px] group-hover:rotate-[15deg] "), children: _jsx(SunIcon, { size: 16 }) }), _jsx("div", { className: cn("border border-transparent rounded-full p-0.5 transition-transform transform-gpu duration-500", resolvedTheme === "dark" &&
+                        "border-border bg-muted [&>svg>path]:fill-white [&>svg>path]:stroke-transparent", resolvedTheme === "light" &&
+                        "group-hover:rotate-[-10deg] [&>svg>path]:stroke-currentColor"), children: _jsx(MoonIcon, { size: 16 }) })] }) }));
 };
 //# sourceMappingURL=ThemeSwitch.js.map

package/dist/lib/components/ThemeSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../../src/lib/components/ThemeSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC;IAE5D,OAAO,CACL,KAAC,UAAU,cACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,gBAEb,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,EAEnE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAE5D,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,GACE,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../../src/lib/components/ThemeSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,YAC1D,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAElE,aAAa,KAAK,MAAM;gBACtB,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,qBAAqB,aAG3B,cACE,SAAS,EAAE,EAAE,CACX,sNAAsN,EACtN,aAAa,KAAK,OAAO,IAAI,wBAAwB,EACrD,aAAa,KAAK,MAAM;wBACtB,wJAAwJ,CAC3J,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACN,cACE,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,aAAa,KAAK,MAAM;wBACtB,gFAAgF,EAClF,aAAa,KAAK,OAAO;wBACvB,8DAA8D,CACjE,YAED,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,IACC,GACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/TopNavigation.d.ts

@@ -1,4 +1,4 @@
-export declare const isHiddenItem: (isAuthenticated?: boolean) => (item: {
-    display?: "auth" | "anon" | "always";
-}) => boolean;
+import type { TopNavigationItem } from "../../config/validators/validate.js";
+export declare const PageProgress: () => import("react/jsx-runtime").JSX.Element;
 export declare const TopNavigation: () => import("react/jsx-runtime").JSX.Element;
+export declare const TopNavItem: ({ id, label, default: defaultLink, }: TopNavigationItem) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/TopNavigation.js

@@ -1,30 +1,43 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNProgress } from "@tanem/react-nprogress";
 import { cx } from "class-variance-authority";
-import { Suspense } from "react";
-import { Link } from "react-router-dom";
+import { Suspense, useEffect, useState } from "react";
+import { NavLink, useNavigation } from "react-router";
 import { useAuth } from "../authentication/hook.js";
-import { joinPath } from "../util/joinPath.js";
+import { joinUrl } from "../util/joinUrl.js";
 import { useCurrentNavigation, useZudoku } from "./context/ZudokuContext.js";
-import { traverseSidebar } from "./navigation/utils.js";
-export const isHiddenItem = (isAuthenticated) => (item) => {
-    return ((item.display === "auth" && isAuthenticated) ||
-        (item.display === "anon" && !isAuthenticated) ||
-        !item.display ||
-        item.display === "always");
+import { isHiddenItem, traverseSidebar } from "./navigation/utils.js";
+import { Slot } from "./Slot.js";
+export const PageProgress = () => {
+    const navigation = useNavigation();
+    const isNavigating = navigation.state === "loading";
+    // delay the animation to avoid flickering
+    const [isAnimating, setIsAnimating] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setIsAnimating(isNavigating), 100);
+        return () => clearTimeout(timer);
+    }, [isNavigating]);
+    const { isFinished, progress } = useNProgress({ isAnimating });
+    return (_jsx("div", { className: "absolute w-0 left-0 right-0 bottom-[-1px] h-[2px] bg-primary transition-all duration-300 ease-in-out", style: {
+            opacity: isFinished ? 0 : 1,
+            width: isFinished ? 0 : `${progress * 100}%`,
+        } }));
 };
 export const TopNavigation = () => {
     const { topNavigation } = useZudoku();
     const { isAuthenticated } = useAuth();
-    // Hide top nav if there is only one item
-    if (topNavigation.length <= 1) {
+    const filteredItems = topNavigation.filter(isHiddenItem(isAuthenticated));
+    if (filteredItems.length === 0 || import.meta.env.MODE === "standalone") {
         return _jsx("style", { children: `:root { --top-nav-height: 0px; }` });
     }
-    return (_jsx(Suspense, { children: _jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: _jsx("ul", { className: "flex flex-row items-center gap-8", children: topNavigation.filter(isHiddenItem(isAuthenticated)).map((item) => (_jsx("li", { children: _jsx(TopNavItem, { ...item }) }, item.id))) }) }) }));
+    return (_jsxs(Suspense, { children: [_jsxs("div", { className: "items-center justify-between px-8 h-(--top-nav-height) hidden lg:flex text-sm relative", children: [_jsx("nav", { className: "text-sm", children: _jsx("ul", { className: "flex flex-row items-center gap-8", children: filteredItems.map((item) => (_jsx("li", { children: _jsx(TopNavItem, { ...item }) }, item.id))) }) }), _jsx(Slot.Target, { name: "top-navigation-side" })] }), _jsx(PageProgress, {})] }));
 };
-const TopNavItem = ({ id, label, default: defaultLink }) => {
+export const TopNavItem = ({ id, label, default: defaultLink, }) => {
     const { sidebars } = useZudoku();
-    const nav = useCurrentNavigation();
     const currentSidebar = sidebars[id];
+    const currentNav = useCurrentNavigation();
+    const isNavigating = Boolean(useNavigation().location);
+    const isActive = currentNav.topNavItem?.id === id && !isNavigating;
     // TODO: This is a bit of a hack to get the first link in the sidebar
     // We should really process this when we load the config so we can validate
     // that the sidebar is actually set. In this case we just fall back to linking
@@ -33,15 +46,14 @@ const TopNavItem = ({ id, label, default: defaultLink }) => {
         (currentSidebar
             ? traverseSidebar(currentSidebar, (item) => {
                 if (item.type === "doc")
-                    return joinPath(item.id);
+                    return joinUrl(item.id);
             })
-            : joinPath(id));
-    if (!first) {
-        throw new Error(`No links found in top navigation for top navigation '${id}'. Check that the sidebar isn't empty or that a default link set.`);
-    }
-    // Manually set the active sidebar based on our logic of what is active
-    const isActive = nav.topNavItem?.id === id;
-    return (_jsx(Link, { className: cx("block py-3.5 font-medium -mb-px border-b-2", isActive
+            : joinUrl(id)) ??
+        joinUrl(id);
+    return (
+    // We don't use isActive here because it has to be inside the sidebar,
+    // the top nav id doesn't necessarily start with the sidebar id
+    _jsx(NavLink, { className: ({ isPending }) => cx("block lg:py-3.5 font-medium -mb-px", isActive || isPending
             ? "border-primary text-foreground"
             : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"), to: first, children: label }));
 };

package/dist/lib/components/TopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,YAAY,GACvB,CAAC,eAAyB,EAAE,EAAE,CAC9B,CAAC,IAA8C,EAAE,EAAE;IACjD,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,eAAe,CAAC;QAC5C,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,CAAC,eAAe,CAAC;QAC7C,CAAC,IAAI,CAAC,OAAO;QACb,IAAI,CAAC,OAAO,KAAK,QAAQ,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAEtC,yCAAyC;IACzC,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC9B,OAAO,0BAAQ,kCAAkC,GAAS,CAAC;IAC7D,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,cACP,cAAK,SAAS,EAAC,6DAA6D,YAC1E,aAAI,SAAS,EAAC,kCAAkC,YAC7C,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjE,uBACE,KAAC,UAAU,OAAK,IAAI,GAAI,IADjB,IAAI,CAAC,EAAE,CAEX,CACN,CAAC,GACC,GACD,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAqB,EAAE,EAAE;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEpC,qEAAqE;IACrE,2EAA2E;IAC3E,8EAA8E;IAC9E,2CAA2C;IAC3C,MAAM,KAAK,GACT,WAAW;QACX,CAAC,cAAc;YACb,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE;gBACvC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;oBAAE,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACpD,CAAC,CAAC;YACJ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CACb,wDAAwD,EAAE,mEAAmE,CAC9H,CAAC;IACJ,CAAC;IAED,uEAAuE;IACvE,MAAM,QAAQ,GAAG,GAAG,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,QAAQ;YACN,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,+FAA+F,CACpG,EACD,EAAE,EAAE,KAAK,YAER,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,KAAK,SAAS,CAAC;IACpD,0CAA0C;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;QAElE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAE/D,OAAO,CACL,cACE,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE;YACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,GAAG,GAAG;SAC7C,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAEtC,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1E,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;QACxE,OAAO,0BAAQ,kCAAkC,GAAS,CAAC;IAC7D,CAAC;IAED,OAAO,CACL,MAAC,QAAQ,eACP,eAAK,SAAS,EAAC,wFAAwF,aACrG,cAAK,SAAS,EAAC,SAAS,YACtB,aAAI,SAAS,EAAC,kCAAkC,YAC7C,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,uBACE,KAAC,UAAU,OAAK,IAAI,GAAI,IADjB,IAAI,CAAC,EAAE,CAEX,CACN,CAAC,GACC,GACD,EACN,KAAC,IAAI,CAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,GAAG,IACtC,EACN,KAAC,YAAY,KAAG,IACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,OAAO,EAAE,WAAW,GACF,EAAE,EAAE;IACtB,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,cAAc,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC;IAEnE,qEAAqE;IACrE,2EAA2E;IAC3E,8EAA8E;IAC9E,2CAA2C;IAC3C,MAAM,KAAK,GACT,WAAW;QACX,CAAC,cAAc;YACb,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE;gBACvC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;oBAAE,OAAO,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACnD,CAAC,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,CAAC,EAAE,CAAC,CAAC;IAEd,OAAO;IACL,sEAAsE;IACtE,+DAA+D;IAC/D,KAAC,OAAO,IACN,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAC3B,EAAE,CACA,oCAAoC,EACpC,QAAQ,IAAI,SAAS;YACnB,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,+FAA+F,CACpG,EAEH,EAAE,EAAE,KAAK,YAER,KAAK,GACE,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/Zudoku.d.ts

@@ -1,4 +1,4 @@
-import { ZudokuContextOptions } from "../core/ZudokuContext.js";
+import { type ZudokuContextOptions } from "../core/ZudokuContext.js";
 import "../util/requestIdleCallbackPolyfill.js";
 declare const Zudoku: {
     (props: ZudokuContextOptions): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Zudoku.js

@@ -1,22 +1,26 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";
+import { useQueryClient } from "@tanstack/react-query";
 import { Helmet } from "@zudoku/react-helmet-async";
 import { ThemeProvider } from "next-themes";
-import { Fragment, memo, useContext, useEffect, useMemo, useState, } from "react";
+import { memo, useContext, useEffect, useMemo, useState, } from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import { Outlet, useNavigation } from "react-router-dom";
+import { Outlet, useLocation, useNavigation } from "react-router";
 import { hasHead, isMdxProviderPlugin } from "../core/plugins.js";
-import { ZudokuContext } from "../core/ZudokuContext.js";
+import { ZudokuContext, } from "../core/ZudokuContext.js";
 import { TopLevelError } from "../errors/TopLevelError.js";
 import { StaggeredRenderContext } from "../plugins/openapi/StaggeredRender.js";
 import { MdxComponents } from "../util/MdxComponents.js";
 import "../util/requestIdleCallbackPolyfill.js";
 import { ComponentsProvider, DEFAULT_COMPONENTS, } from "./context/ComponentsContext.js";
+import { RouterEventsEmitter } from "./context/RouterEventsEmitter.js";
+import { SlotProvider } from "./context/SlotProvider.js";
 import { ViewportAnchorProvider } from "./context/ViewportAnchorContext.js";
 import { ZudokuProvider } from "./context/ZudokuProvider.js";
-import { SlotletProvider } from "./SlotletProvider.js";
+let zudokuContext;
 const ZudokoInner = memo(({ children, ...props }) => {
     const components = useMemo(() => ({ ...DEFAULT_COMPONENTS, ...props.overrides }), [props.overrides]);
+    const location = useLocation();
     const mdxComponents = useMemo(() => {
         const componentsFromPlugins = (props.plugins ?? [])
             .filter(isMdxProviderPlugin)
@@ -31,18 +35,19 @@ const ZudokoInner = memo(({ children, ...props }) => {
     const [didNavigate, setDidNavigate] = useState(false);
     const staggeredValue = useMemo(() => (didNavigate ? { stagger: true } : { stagger }), [stagger, didNavigate]);
     const navigation = useNavigation();
+    const queryClient = useQueryClient();
     useEffect(() => {
         if (didNavigate) {
             return;
         }
         setDidNavigate(true);
     }, [didNavigate, navigation.location]);
-    const [zudokuContext] = useState(() => new ZudokuContext(props));
+    zudokuContext ??= new ZudokuContext(props, queryClient);
     const heads = props.plugins
-        ?.filter(hasHead)
+        ?.flatMap((plugin) => hasHead(plugin) ? (plugin.getHead?.({ location }) ?? []) : [])
         // eslint-disable-next-line react/no-array-index-key
-        .map((plugin, i) => _jsx(Fragment, { children: plugin.getHead?.() }, i));
-    return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: heads }), _jsx(StaggeredRenderContext.Provider, { value: staggeredValue, children: _jsx(ZudokuProvider, { context: zudokuContext, children: _jsx(MDXProvider, { components: mdxComponents, children: _jsx(ThemeProvider, { attribute: "class", disableTransitionOnChange: true, children: _jsx(ComponentsProvider, { value: components, children: _jsx(SlotletProvider, { slotlets: props.slotlets, children: _jsx(ViewportAnchorProvider, { children: children ?? _jsx(Outlet, {}) }) }) }) }) }) }) })] }));
+        .map((entry, i) => _jsx(Helmet, { children: entry }, i));
+    return (_jsxs(_Fragment, { children: [heads, _jsx(StaggeredRenderContext.Provider, { value: staggeredValue, children: _jsxs(ZudokuProvider, { context: zudokuContext, children: [_jsx(RouterEventsEmitter, {}), _jsx(SlotProvider, { slots: props.slots ?? props.UNSAFE_slotlets, children: _jsx(MDXProvider, { components: mdxComponents, children: _jsx(ThemeProvider, { attribute: "class", disableTransitionOnChange: true, children: _jsx(ComponentsProvider, { value: components, children: _jsx(ViewportAnchorProvider, { children: children ?? _jsx(Outlet, {}) }) }) }) }) })] }) })] }));
 });
 ZudokoInner.displayName = "ZudokoInner";
 const Zudoku = (props) => {

package/dist/lib/components/Zudoku.js.map

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

package/dist/lib/components/cache.d.ts

@@ -0,0 +1,13 @@
+export declare const CACHE_KEYS: Readonly<{
+    API_IDENTITIES: string[];
+}>;
+export declare const useCache: () => {
+    invalidateCache: (key: keyof typeof CACHE_KEYS) => Promise<void>;
+};
+/**
+ * If a query has this key in its queryKey, it will not put its result in the dehydrated state in the SSR.
+ *
+ * This is useful if the query should only be suspended and not included in the initial HTML response.
+ * (e.g. too large in size, or not needed for the initial page load)
+ */
+export declare const NO_DEHYDRATE = "no-dehydrate";

package/dist/lib/components/cache.js

@@ -0,0 +1,20 @@
+import { useQueryClient } from "@tanstack/react-query";
+export const CACHE_KEYS = Object.freeze({
+    API_IDENTITIES: ["api-identities"],
+});
+export const useCache = () => {
+    const queryClient = useQueryClient();
+    return {
+        invalidateCache: async (key) => {
+            await queryClient.invalidateQueries({ queryKey: CACHE_KEYS[key] });
+        },
+    };
+};
+/**
+ * If a query has this key in its queryKey, it will not put its result in the dehydrated state in the SSR.
+ *
+ * This is useful if the query should only be suspended and not included in the initial HTML response.
+ * (e.g. too large in size, or not needed for the initial page load)
+ */
+export const NO_DEHYDRATE = "no-dehydrate";
+//# sourceMappingURL=cache.js.map

package/dist/lib/components/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../../src/lib/components/cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACtC,cAAc,EAAE,CAAC,gBAAgB,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO;QACL,eAAe,EAAE,KAAK,EAAE,GAA4B,EAAE,EAAE;YACtD,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrE,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC"}

package/dist/lib/components/context/BypassProtectedRoutesContext.d.ts

@@ -0,0 +1 @@
+export declare const BypassProtectedRoutesContext: import("react").Context<boolean>;

package/dist/lib/components/context/BypassProtectedRoutesContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+export const BypassProtectedRoutesContext = createContext(false);
+//# sourceMappingURL=BypassProtectedRoutesContext.js.map

package/dist/lib/components/context/BypassProtectedRoutesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BypassProtectedRoutesContext.js","sourceRoot":"","sources":["../../../../src/lib/components/context/BypassProtectedRoutesContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,4BAA4B,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/components/context/RouterEventsEmitter.d.ts

@@ -0,0 +1 @@
+export declare const RouterEventsEmitter: () => null;

package/dist/lib/components/context/RouterEventsEmitter.js

@@ -0,0 +1,17 @@
+import { useEffect, useRef } from "react";
+import { useLocation } from "react-router";
+import { useZudoku } from "./ZudokuContext.js";
+export const RouterEventsEmitter = () => {
+    const location = useLocation();
+    const zudoku = useZudoku();
+    const previousLocation = useRef(undefined);
+    useEffect(() => {
+        zudoku.emitEvent("location", {
+            from: previousLocation.current,
+            to: location,
+        });
+        previousLocation.current = location;
+    }, [zudoku, location]);
+    return null;
+};
+//# sourceMappingURL=RouterEventsEmitter.js.map

package/dist/lib/components/context/RouterEventsEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterEventsEmitter.js","sourceRoot":"","sources":["../../../../src/lib/components/context/RouterEventsEmitter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAiB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,gBAAgB,GAAG,MAAM,CAAuB,SAAS,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,SAAS,CAAC,UAAU,EAAE;YAC3B,IAAI,EAAE,gBAAgB,CAAC,OAAO;YAC9B,EAAE,EAAE,QAAQ;SACb,CAAC,CAAC;QACH,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}