@bouko/react 2.9.3 → 2.9.5

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/context.d.ts

@@ -0,0 +1,9 @@
+import { Session, User } from "@supabase/supabase-js";
+type AuthState = {
+    session: Session | null;
+    user: User | null;
+    loading: boolean;
+};
+export declare const Context: import("react").Context<AuthState>;
+export declare function useAuth(): AuthState;
+export {};

package/dist/hooks/auth/context.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+export const Context = createContext({
+    session: null,
+    user: null,
+    loading: true
+});
+export function useAuth() {
+    return useContext(Context);
+}

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

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

package/dist/hooks/auth/index.js

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

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

@@ -0,0 +1,5 @@
+import { SupabaseClient } from "@supabase/supabase-js";
+export declare function AuthProvider({ supabase, children }: {
+    supabase: SupabaseClient;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/auth/provider.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { Context } from "./context";
+export function AuthProvider({ supabase, children }) {
+    const [session, setSession] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        let mounted = true;
+        supabase.auth.getSession().then(({ data }) => {
+            if (!mounted)
+                return;
+            setSession(data.session ?? null);
+            setLoading(false);
+        });
+        const { data: sub } = supabase.auth.onAuthStateChange((_event, newSession) => {
+            setSession(newSession);
+        });
+        return () => {
+            mounted = false;
+            sub.subscription.unsubscribe();
+        };
+    }, []);
+    const value = useMemo(() => ({ session, user: session?.user ?? null, loading }), [session, loading]);
+    return (_jsx(Context.Provider, { value: value, children: children }));
+}

package/dist/hooks/index.d.ts

@@ -5,3 +5,4 @@ export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
 export { withAudio, type DivRef, type AudioRef } from "./element/with-audio";
 export * from "./router/params";
+export * from "./auth";

package/dist/hooks/index.js

@@ -5,3 +5,4 @@ export { default as useInterval } from "./clock/interval";
 export { default as useSound } from "./audio/sound";
 export { withAudio } from "./element/with-audio";
 export * from "./router/params";
+export * from "./auth";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.9.3",
+  "version": "2.9.5",
   "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": {
@@ -26,6 +29,7 @@
     "@bouko/style": "^0.1.7",
     "@bouko/time": "^0.1.3",
     "@bouko/ts": "^0.3.5",
+    "@supabase/supabase-js": "^2.90.1",
     "@wavesurfer/react": "^1.0.11",
     "clsx": "^2.1.1",
     "file-type": "^21.0.0",