File size: 1,618 Bytes
3e30e4e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | import React, {
createContext,
useCallback,
useContext,
useEffect,
useMemo,
useState,
} from 'react';
import { apiFetch } from '@/lib/api';
const AuthContext = createContext(null);
export function AuthProvider({ children }) {
const [phase, setPhase] = useState('loading');
const [googleOn, setGoogleOn] = useState(false);
const [user, setUser] = useState(null);
const refresh = useCallback(async () => {
try {
const [st, meRes] = await Promise.all([
apiFetch('/api/auth/status').then((r) => r.json()),
apiFetch('/api/auth/me'),
]);
setGoogleOn(!!st.googleConfigured);
setUser(meRes.ok ? await meRes.json() : null);
setPhase('ready');
} catch {
setPhase('error');
}
}, []);
useEffect(() => {
refresh();
}, [refresh]);
useEffect(() => {
const onAuth = () => refresh();
window.addEventListener('emailout-auth-changed', onAuth);
return () => window.removeEventListener('emailout-auth-changed', onAuth);
}, [refresh]);
const value = useMemo(
() => ({
phase,
googleOn,
user,
signedIn: !!user,
refresh,
}),
[phase, googleOn, user, refresh]
);
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
}
export function useAuth() {
const ctx = useContext(AuthContext);
if (!ctx) {
throw new Error('useAuth must be used within AuthProvider');
}
return ctx;
}
|