/* * 인증 컨텍스트 — JWT를 secure-store에 영속, 앱 부팅 시 복원. * 활성 워크스페이스(행사) 선택 상태 보관. 비밀번호는 저장하지 않는다. */ import React, { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react'; import { setAccessToken } from '../lib/api'; import { secureDelete, secureGet, secureSet } from '../lib/secureStore'; import type { AuthUser, LoginResponse, WorkspaceDto } from '../lib/types'; const TOKEN_KEY = 'kintex.accessToken'; const USER_KEY = 'kintex.user'; interface AuthState { ready: boolean; token: string | null; user: AuthUser | null; workspaces: WorkspaceDto[]; activeEventId: string | null; } interface AuthContextValue extends AuthState { activeWorkspace: WorkspaceDto | null; signIn: (res: LoginResponse) => Promise; signOut: () => Promise; selectWorkspace: (eventId: string) => void; } const AuthContext = createContext(undefined); export function AuthProvider({ children }: { children: React.ReactNode }) { const [state, setState] = useState({ ready: false, token: null, user: null, workspaces: [], activeEventId: null, }); // 부팅 시 토큰 복원 useEffect(() => { let cancelled = false; (async () => { const token = await secureGet(TOKEN_KEY); const userRaw = await secureGet(USER_KEY); if (cancelled) return; const user = userRaw ? (JSON.parse(userRaw) as AuthUser) : null; if (token) setAccessToken(token); setState((s) => ({ ...s, ready: true, token, user })); })(); return () => { cancelled = true; }; }, []); const signIn = useCallback(async (res: LoginResponse) => { setAccessToken(res.accessToken); await secureSet(TOKEN_KEY, res.accessToken); await secureSet(USER_KEY, JSON.stringify(res.user)); setState((s) => ({ ...s, token: res.accessToken, user: res.user, workspaces: res.workspaces ?? [], activeEventId: res.workspaces?.[0]?.eventId ?? null, })); }, []); const signOut = useCallback(async () => { setAccessToken(null); await secureDelete(TOKEN_KEY); await secureDelete(USER_KEY); setState((s) => ({ ...s, token: null, user: null, workspaces: [], activeEventId: null, })); }, []); const selectWorkspace = useCallback((eventId: string) => { setState((s) => ({ ...s, activeEventId: eventId })); }, []); const value = useMemo(() => { const activeWorkspace = state.workspaces.find((w) => w.eventId === state.activeEventId) ?? null; return { ...state, activeWorkspace, signIn, signOut, selectWorkspace }; }, [state, signIn, signOut, selectWorkspace]); return {children}; } export function useAuth(): AuthContextValue { const ctx = useContext(AuthContext); if (!ctx) throw new Error('useAuth must be used within AuthProvider'); return ctx; }