@bouko/react 2.9.3 → 2.9.4

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.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -26,6 +26,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",