@bouko/react 2.9.4 → 2.9.6

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as Heading } from "./heading/normal";
 export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
 export * from "./tab";
+export * from "./route";
 export { default as Pagination } from "./pagination";
 export { default as Button } from "./button/normal";
 export { default as IconButton } from "./button/icon";

package/dist/components/index.js

@@ -6,6 +6,7 @@ export { default as Heading } from "./heading/normal";
 export { default as PageHeading } from "./heading/page";
 export * from "./layout/flex";
 export * from "./tab";
+export * from "./route";
 export { default as Pagination } from "./pagination";
 export { default as Button } from "./button/normal";
 export { default as IconButton } from "./button/icon";

package/dist/components/route/index.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    loading: boolean;
+    authed: boolean;
+    children: React.ReactNode;
+};
+export declare function ProtectedRoute({ loading, authed, children }: Props): import("react").ReactNode;
+export {};

package/dist/components/route/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocation, Navigate } from "react-router-dom";
+export function ProtectedRoute({ loading, authed, children }) {
+    const location = useLocation();
+    if (loading)
+        return null;
+    if (!authed)
+        return;
+    _jsx(Navigate, { to: "/", state: { from: location }, replace: true });
+    return children;
+}

package/dist/hooks/auth/index.d.ts

@@ -1,2 +1,3 @@
 export { AuthProvider } from "./provider";
 export { useAuth } from "./context";
+export * from "./redirect";

package/dist/hooks/auth/index.js

@@ -1,2 +1,3 @@
 export { AuthProvider } from "./provider";
 export { useAuth } from "./context";
+export * from "./redirect";

package/dist/hooks/auth/redirect.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    checker: () => Promise<boolean>;
+    to: string;
+};
+export declare function useAuthRedirect({ checker, to }: Props): void;
+export {};

package/dist/hooks/auth/redirect.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "./context";
+export function useAuthRedirect({ checker, to }) {
+    const navigate = useNavigate();
+    const { user } = useAuth();
+    useEffect(() => {
+        const checkAuth = async () => {
+            const ok = await checker();
+            if (ok)
+                navigate(to);
+        };
+        checkAuth();
+    }, [user]);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.9.4",
+  "version": "2.9.6",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -13,6 +13,9 @@
   },
   "author": "",
   "description": "",
+  "peerDependencies": {
+    "react-router-dom": "^7.12.0"
+  },
   "engines": {},
 
   "scripts": {