fix: correct AuthContextType definition to match provider implementation

Author: Midoriya-w

apps/mobile/src/context/AuthContext.tsx

@@ -1,86 +1,155 @@
-import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import React, { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { get } from '../services/api';
+import { DEMO_TOKEN } from '../services/api';
 
-const TOKEN_KEY = 'devcard_auth_token';
-const API_BASE_URL = process.env.EXPO_PUBLIC_API_URL ?? 'http://localhost:3000';
+// ── Storage Keys ──────────────────────────────────────────────────────────
 
-type User = {
+const TOKEN_KEY = 'devcard.auth.token';
+const FIRST_LAUNCH_KEY = 'devcard.firstLaunch';
+
+// ── Types ────────────────────────────────────────────────────────────
+
+interface User {
   id: string;
-  username: string;
   email: string;
-};
+  username: string;
+  displayName: string;
+  bio: string | null;
+  pronouns: string | null;
+  role: string | null;
+  company: string | null;
+  avatarUrl: string | null;
+  accentColor: string;
+  defaultCardId: string | null;
+}
 
-type AuthContextType = {
+interface AuthContextType {
   user: User | null;
   token: string | null;
+  isAuthenticated: boolean;
   isLoading: boolean;
+  isFirstLaunch: boolean;
   login: (token: string) => Promise<void>;
   logout: () => Promise<void>;
-};
+  refreshUser: () => Promise<void>;
+  enterDemoMode: () => Promise<void>;
+}
+
+// ── Context ───────────────────────────────────────────────────────────
 
 const AuthContext = createContext<AuthContextType | undefined>(undefined);
 
 export function AuthProvider({ children }: { children: ReactNode }) {
   const [user, setUser] = useState<User | null>(null);
   const [token, setToken] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState(true);
+  const [isFirstLaunch, setIsFirstLaunch] = useState(false);
+
+  // ── Hydrate token from AsyncStorage on mount ──
 
   useEffect(() => {
-    const loadToken = async () => {
+    const hydrate = async () => {
       try {
-       const savedToken = await AsyncStorage.getItem(TOKEN_KEY);
-        if (savedToken) {
-          setToken(savedToken);
-          const res = await fetch(`${API_BASE_URL}/api/profiles/me`, {
-            headers: { Authorization: `Bearer ${savedToken}` },
-          });
-          if (res.ok) {
-            const userData = await res.json();
+        const [storedToken, launchFlag] = await Promise.all([
+          AsyncStorage.getItem(TOKEN_KEY),
+          AsyncStorage.getItem(FIRST_LAUNCH_KEY),
+        ]);
+
+        if (launchFlag === null) {
+          setIsFirstLaunch(true);
+          await AsyncStorage.setItem(FIRST_LAUNCH_KEY, 'false');
+        }
+
+        if (storedToken) {
+          setToken(storedToken);
+          // Validate token by fetching profile
+          const userData = await get<User>('/api/profiles/me', storedToken).catch(() => null);
+          if (userData) {
             setUser(userData);
           } else {
+            // Token expired or invalid — clear it
             await AsyncStorage.removeItem(TOKEN_KEY);
+            setToken(null);
           }
         }
-      } catch (err) {
-        console.error('Failed to restore session:', err);
+      } catch (error) {
+        console.error('Auth hydration failed:', error);
       } finally {
         setIsLoading(false);
       }
     };
-    loadToken();
+
+    hydrate();
   }, []);
 
-  const login = async (newToken: string) => {
+  // ── Login ──
+
+  const login = useCallback(async (newToken: string) => {
     setToken(newToken);
-   await AsyncStorage.setItem(TOKEN_KEY, newToken);
     try {
-      const res = await fetch(`${API_BASE_URL}/api/profiles/me`, {
-        headers: { Authorization: `Bearer ${newToken}` },
-      });
-      if (res.ok) {
-        const userData = await res.json();
+      await AsyncStorage.setItem(TOKEN_KEY, newToken);
+      const userData = await get<User>('/api/profiles/me', newToken).catch(() => null);
+      if (userData) {
         setUser(userData);
       }
-    } catch (err) {
-      console.error('Failed to fetch user:', err);
+    } catch (error) {
+      console.error('Failed to persist token or fetch user:', error);
     }
-  };
+  }, []);
+
+  // ── Logout ──
 
-  const logout = async () => {
+  const logout = useCallback(async () => {
     setToken(null);
     setUser(null);
-    await AsyncStorage.removeItem(TOKEN_KEY);
-  };
+    try {
+      await AsyncStorage.removeItem(TOKEN_KEY);
+    } catch (error) {
+      console.error('Failed to clear stored token:', error);
+    }
+  }, []);
+
+  // ── Refresh User ──
+
+  const refreshUser = useCallback(async () => {
+    if (!token) return;
+    try {
+      const userData = await get<User>('/api/profiles/me', token).catch(() => null);
+      if (userData) {
+        setUser(userData);
+      }
+    } catch (error) {
+      console.error('Failed to refresh user:', error);
+    }
+  }, [token]);
+
+  const enterDemoMode = useCallback(async () => {
+    await login(DEMO_TOKEN);
+  }, [login]);
 
   return (
-    <AuthContext.Provider value={{ user, token, isLoading, login, logout }}>
+    <AuthContext.Provider
+      value={{
+        user,
+        token,
+        isAuthenticated: !!token && !!user,
+        isLoading,
+        isFirstLaunch,
+        login,
+        logout,
+        refreshUser,
+        enterDemoMode,
+      }}>
       {children}
     </AuthContext.Provider>
   );
 }
 
-export function useAuth() {
+export function useAuth(): AuthContextType {
   const context = useContext(AuthContext);
-  if (!context) throw new Error('useAuth must be used within AuthProvider');
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
   return context;
 }