import React, { createContext, useContext, useState, useEffect, useCallback, useMemo, ReactNode } from 'react'; import type FileSystem from '@oddjs/odd/fs/index'; import { Session, SessionError } from '../lib/auth/types'; import { AuthService } from '../lib/auth/authService'; import { saveSession, clearStoredSession } from '../lib/auth/sessionPersistence'; interface AuthContextType { session: Session; setSession: (updatedSession: Partial) => void; updateSession: (updatedSession: Partial) => void; clearSession: () => void; fileSystem: FileSystem | null; setFileSystem: (fs: FileSystem | null) => void; initialize: () => Promise; login: (username: string) => Promise; register: (username: string) => Promise; logout: () => Promise; } const initialSession: Session = { username: '', authed: false, loading: true, backupCreated: null, obsidianVaultPath: undefined, obsidianVaultName: undefined }; export const AuthContext = createContext(undefined); export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => { const [session, setSessionState] = useState(initialSession); const [fileSystem, setFileSystemState] = useState(null); // Update session with partial data const setSession = useCallback((updatedSession: Partial) => { setSessionState(prev => { const newSession = { ...prev, ...updatedSession }; // Save session to localStorage if authenticated if (newSession.authed && newSession.username) { saveSession(newSession); } return newSession; }); }, []); // Set file system const setFileSystem = useCallback((fs: FileSystem | null) => { setFileSystemState(fs); }, []); /** * Initialize the authentication state */ const initialize = useCallback(async (): Promise => { setSessionState(prev => ({ ...prev, loading: true })); try { const { session: newSession, fileSystem: newFs } = await AuthService.initialize(); setSessionState(newSession); setFileSystemState(newFs); // Save session to localStorage if authenticated if (newSession.authed && newSession.username) { saveSession(newSession); } } catch (error) { console.error('Auth initialization error:', error); setSessionState(prev => ({ ...prev, loading: false, authed: false, error: error as SessionError })); } }, []); /** * Login with a username */ const login = useCallback(async (username: string): Promise => { setSessionState(prev => ({ ...prev, loading: true })); try { const result = await AuthService.login(username); if (result.success && result.session && result.fileSystem) { setSessionState(result.session); setFileSystemState(result.fileSystem); // Save session to localStorage if authenticated if (result.session.authed && result.session.username) { saveSession(result.session); } return true; } else { setSessionState(prev => ({ ...prev, loading: false, error: result.error as SessionError })); return false; } } catch (error) { console.error('Login error:', error); setSessionState(prev => ({ ...prev, loading: false, error: error as SessionError })); return false; } }, []); /** * Register a new user */ const register = useCallback(async (username: string): Promise => { setSessionState(prev => ({ ...prev, loading: true })); try { const result = await AuthService.register(username); if (result.success && result.session && result.fileSystem) { setSessionState(result.session); setFileSystemState(result.fileSystem); // Save session to localStorage if authenticated if (result.session.authed && result.session.username) { saveSession(result.session); } return true; } else { setSessionState(prev => ({ ...prev, loading: false, error: result.error as SessionError })); return false; } } catch (error) { console.error('Register error:', error); setSessionState(prev => ({ ...prev, loading: false, error: error as SessionError })); return false; } }, []); /** * Clear the current session */ const clearSession = useCallback((): void => { clearStoredSession(); setSessionState({ username: '', authed: false, loading: false, backupCreated: null, obsidianVaultPath: undefined, obsidianVaultName: undefined }); setFileSystemState(null); }, []); /** * Logout the current user */ const logout = useCallback(async (): Promise => { try { await AuthService.logout(); clearSession(); } catch (error) { console.error('Logout error:', error); throw error; } }, [clearSession]); // Initialize on mount useEffect(() => { try { initialize(); } catch (error) { console.error('Auth initialization error in useEffect:', error); // Set a safe fallback state setSessionState(prev => ({ ...prev, loading: false, authed: false })); } }, []); // Empty dependency array - only run once on mount const contextValue: AuthContextType = useMemo(() => ({ session, setSession, updateSession: setSession, clearSession, fileSystem, setFileSystem, initialize, login, register, logout }), [session, setSession, clearSession, fileSystem, setFileSystem, initialize, login, register, logout]); return ( {children} ); }; export const useAuth = (): AuthContextType => { const context = useContext(AuthContext); if (context === undefined) { throw new Error('useAuth must be used within an AuthProvider'); } return context; };