zudoku 0.33.0 → 0.33.1

package/lib/zudoku.hooks.js

@@ -1,6 +1,6 @@
 import { z as f } from "./index-DwT-v3zK.js";
 import { useState as m, useEffect as i } from "react";
-import { a } from "./hook-4_6pQSo4.js";
+import { a } from "./hook-CN__aZIt.js";
 function d(e, t) {
   const s = a(), [n, o] = m();
   return i(() => s.addEventListener(e, (...u) => {

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

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-CYK1ROHF.js";
 import { s as f } from "./index-LNp6rxyU.js";
 import { d as b, m as x } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
 import { j as d } from "./joinUrl-10po2Jdj.js";
-import { u as j, b as y } from "./hook-4_6pQSo4.js";
+import { u as j, b as y } from "./hook-CN__aZIt.js";
 import { Head as v, Link as N } from "./zudoku.components.js";
 import { H as S, M as w } from "./Markdown-DePfm7oQ.js";
 const M = ({

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

@@ -2,8 +2,8 @@ import { j as e } from "./jsx-runtime-CYK1ROHF.js";
 import { RotateCwIcon as j, TrashIcon as v, EyeOffIcon as w, EyeIcon as K, CheckIcon as b, CopyIcon as k, FileKey2Icon as N } from "lucide-react";
 import { D as I, S as x, R as S } from "./SlotletProvider-DdtIOUi6.js";
 import { i as c } from "./invariant-Caa8-XvF.js";
-import { a as h, f as g, k as A, b as C } from "./hook-4_6pQSo4.js";
-import { u as d, S as E, a as P, b as D, c as q, d as R, e as p } from "./Select-BmoX1iTH.js";
+import { a as h, f as g, k as A, b as C } from "./hook-CN__aZIt.js";
+import { u as d, S as E, a as P, b as D, c as q, d as R, e as p } from "./Select-Dqtcn53H.js";
 import { a as O } from "./index.esm--gIChbWs.js";
 import { a as z, L as u, O as F } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
 import { Button as l } from "./ui/Button.js";

package/lib/zudoku.plugin-markdown.js

@@ -53,7 +53,7 @@ const P = (e) => ({
         const u = {
           path: r,
           lazy: async () => {
-            const { MdxPage: p } = await import("./MdxPage-DM9mE-G-.js"), { default: f, ...l } = await i();
+            const { MdxPage: p } = await import("./MdxPage-DZTt9ld7.js"), { default: f, ...l } = await i();
             return {
               element: /* @__PURE__ */ d.jsx(
                 p,

package/lib/zudoku.plugin-openapi.js

@@ -2,10 +2,10 @@ import "./jsx-runtime-CYK1ROHF.js";
 import "./index-LNp6rxyU.js";
 import "lucide-react";
 import "./chunk-IR6S3I6Y-D_3UmFIn.js";
-import "./hook-4_6pQSo4.js";
+import "./hook-CN__aZIt.js";
 import "./ui/Button.js";
 import "./joinUrl-10po2Jdj.js";
-import { U as n, o as s } from "./index-DVBlM15k.js";
+import { U as n, o as s } from "./index-CibzSNks.js";
 export {
   n as UNTAGGED_PATH,
   s as openApiPlugin

package/package.json

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

package/src/lib/authentication/state.ts

@@ -38,14 +38,20 @@ export const useAuthState = create<AuthState>()(
   persist(
     (state) => ({
       isAuthenticated: false,
-      isPending: false,
+      isPending: true,
       profile: null,
       providerData: null,
     }),
     {
+      merge: (persistedState, currentState) => {
+        return {
+          ...currentState,
+          isPending: false,
+          ...(typeof persistedState === "object" ? persistedState : {}),
+        };
+      },
       name: "auth-state",
       storage: createJSONStorage(() => localStorage),
-      // partialize: (s) => ({ state: s }),
     },
   ),
 );

package/src/lib/core/RouteGuard.tsx

@@ -1,5 +1,12 @@
-import { useEffect } from "react";
-import { matchPath, Outlet, useLocation } from "react-router";
+import { useQuery } from "@tanstack/react-query";
+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 { useZudoku } from "../components/context/ZudokuContext.js";
 import { ZudokuError } from "../util/invariant.js";
@@ -8,6 +15,7 @@ import { useLatest } from "../util/useLatest.js";
 export const RouteGuard = () => {
   const auth = useAuth();
   const zudoku = useZudoku();
+  const navigate = useNavigate();
   const location = useLocation();
   const latestPath = useLatest(location.pathname);
 
@@ -15,24 +23,41 @@ export const RouteGuard = () => {
     matchPath({ path, end: true }, location.pathname),
   );
 
-  useEffect(() => {
-    if (!isProtected || auth.isPending || auth.isAuthenticated) {
-      return;
-    }
-
-    void zudoku.authentication?.signIn({
-      redirectTo: latestPath.current,
-    });
-  }, [
-    isProtected,
-    auth.isPending,
-    auth.isAuthenticated,
-    zudoku.authentication,
-    latestPath,
-  ]);
+  useQuery({
+    queryKey: ["login-redirect"],
+    queryFn: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 1200));
+      return zudoku.authentication?.signIn({
+        redirectTo: latestPath.current,
+      });
+    },
+    enabled:
+      typeof window !== "undefined" &&
+      isProtected &&
+      !auth.isPending &&
+      !auth.isAuthenticated,
+  });
 
   if (isProtected && !auth.isAuthenticated) {
-    return null;
+    return (
+      <Dialog
+        open={true}
+        onOpenChange={(open) => {
+          if (!open) {
+            void navigate(-1);
+          }
+        }}
+      >
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Logging you in...</DialogTitle>
+          </DialogHeader>
+          <DialogDescription>
+            Please wait while we log you in.
+          </DialogDescription>
+        </DialogContent>
+      </Dialog>
+    );
   }
 
   if (isProtected && !auth.isAuthEnabled) {

package/src/lib/plugins/openapi/Sidecar.tsx

@@ -178,7 +178,7 @@ export const Sidecar = ({
     >
       <SidecarBox.Root>
         <SidecarBox.Head className="flex justify-between items-center flex-nowrap py-2.5 gap-2 text-xs">
-          <span className="font-mono break-words">
+          <span className="font-mono break-words leading-6">
             <span className={cn("font-semibold", methodTextColor)}>
               {operation.method.toLocaleUpperCase()}
             </span>