[FA-18] Frontend bootstrapped

2025-11-24 13:25:29 -05:00
parent 16ed16ff62
commit e8596b67c4
42 changed files with 9747 additions and 2 deletions
--- a/fictionarchive-web/src/auth/AuthContext.tsx
+++ b/fictionarchive-web/src/auth/AuthContext.tsx
@@ -0,0 +1,130 @@
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
+import type { User } from 'oidc-client-ts'
+import { isOidcConfigured, userManager } from './oidcClient'
+
+type AuthContextValue = {
+  user: User | null
+  isLoading: boolean
+  isConfigured: boolean
+  login: () => Promise<void>
+  logout: () => Promise<void>
+}
+
+const AuthContext = createContext<AuthContextValue | undefined>(undefined)
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+  const [user, setUser] = useState<User | null>(null)
+  const [isLoading, setIsLoading] = useState(true)
+  const callbackHandledRef = useRef(false)
+
+  useEffect(() => {
+    if (!userManager) {
+      setIsLoading(false)
+      return
+    }
+
+    let cancelled = false
+    userManager
+      .getUser()
+      .then((loadedUser) => {
+        if (!cancelled) setUser(loadedUser ?? null)
+      })
+      .finally(() => {
+        if (!cancelled) setIsLoading(false)
+      })
+
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
+  useEffect(() => {
+    const manager = userManager
+    if (!manager) return
+
+    const handleLoaded = (nextUser: User) => setUser(nextUser)
+    const handleUnloaded = () => setUser(null)
+
+    manager.events.addUserLoaded(handleLoaded)
+    manager.events.addUserUnloaded(handleUnloaded)
+    manager.events.addUserSignedOut(handleUnloaded)
+
+    return () => {
+      manager.events.removeUserLoaded(handleLoaded)
+      manager.events.removeUserUnloaded(handleUnloaded)
+      manager.events.removeUserSignedOut(handleUnloaded)
+    }
+  }, [])
+
+  useEffect(() => {
+    const manager = userManager
+    if (!manager || callbackHandledRef.current) return
+
+    const url = new URL(window.location.href)
+    const hasAuthParams =
+      url.searchParams.has('code') ||
+      url.searchParams.has('id_token') ||
+      url.searchParams.has('error')
+
+    if (!hasAuthParams) return
+
+    callbackHandledRef.current = true
+    manager
+      .signinRedirectCallback()
+      .then((nextUser) => {
+        setUser(nextUser ?? null)
+      })
+      .catch((error) => {
+        console.error('Failed to complete sign-in redirect', error)
+      })
+      .finally(() => {
+        const cleanUrl = `${url.origin}${url.pathname}`
+        window.history.replaceState({}, document.title, cleanUrl)
+      })
+  }, [])
+
+  const login = useCallback(async () => {
+    const manager = userManager
+    if (!manager) {
+      console.warn('OIDC is not configured; set VITE_OIDC_* environment variables.')
+      return
+    }
+    await manager.signinRedirect()
+  }, [])
+
+  const logout = useCallback(async () => {
+    const manager = userManager
+    if (!manager) {
+      console.warn('OIDC is not configured; set VITE_OIDC_* environment variables.')
+      return
+    }
+    try {
+      await manager.signoutRedirect()
+    } catch (error) {
+      console.error('Failed to sign out via redirect, clearing local session instead.', error)
+      await manager.removeUser()
+      setUser(null)
+    }
+  }, [])
+
+  const value = useMemo<AuthContextValue>(
+    () => ({
+      user,
+      isLoading,
+      isConfigured: isOidcConfigured,
+      login,
+      logout,
+    }),
+    [isLoading, login, logout, user],
+  )
+
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
+}
+
+export function useAuth() {
+  const context = useContext(AuthContext)
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider')
+  }
+  return context
+}