Files
factoryOps-v2/dashboard/lib/auth-context.tsx
Johngreen ab2a3e35b2 feat: Phase 0-2 complete — auth, machines, equipment parts with full CRUD
Multi-tenant factory inspection system (SpiFox, Enkid, Alpet):
- FastAPI backend with JWT auth, PostgreSQL (asyncpg)
- Next.js 16 frontend with App Router, SWR data fetching
- Machines CRUD with equipment parts management
- Part lifecycle tracking (hours/count/date) with counters
- Partial unique index for soft-delete support
- 24 pytest tests passing, E2E verified

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
2026-02-10 12:05:22 +09:00

103 lines
2.9 KiB
TypeScript

'use client';
import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';
import { useRouter } from 'next/navigation';
import type { User } from './types';
interface AuthContextType {
user: User | null;
token: string | null;
isLoading: boolean;
login: (email: string, password: string) => Promise<{ success: boolean; error?: string }>;
logout: () => void;
isAuthenticated: boolean;
}
const AuthContext = createContext<AuthContextType | undefined>(undefined);
const AUTH_TOKEN_KEY = 'factoryops_token';
const AUTH_USER_KEY = 'factoryops_user';
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 router = useRouter();
useEffect(() => {
const storedToken = localStorage.getItem(AUTH_TOKEN_KEY);
const storedUser = localStorage.getItem(AUTH_USER_KEY);
if (storedToken && storedUser) {
setToken(storedToken);
setUser(JSON.parse(storedUser));
}
setIsLoading(false);
}, []);
const login = useCallback(async (email: string, password: string) => {
try {
const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000';
const res = await fetch(`${apiUrl}/api/auth/login`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email, password }),
});
if (!res.ok) {
const error = await res.json().catch(() => ({ detail: '로그인에 실패했습니다.' }));
return { success: false, error: error.detail || '로그인에 실패했습니다.' };
}
const data = await res.json();
const { access_token, user: userData } = data;
localStorage.setItem(AUTH_TOKEN_KEY, access_token);
localStorage.setItem(AUTH_USER_KEY, JSON.stringify(userData));
setToken(access_token);
setUser(userData);
return { success: true };
} catch {
return { success: false, error: '서버 연결에 실패했습니다.' };
}
}, []);
const logout = useCallback(() => {
localStorage.removeItem(AUTH_TOKEN_KEY);
localStorage.removeItem(AUTH_USER_KEY);
setToken(null);
setUser(null);
router.push('/login');
}, [router]);
return (
<AuthContext.Provider
value={{
user,
token,
isLoading,
login,
logout,
isAuthenticated: !!token && !!user,
}}
>
{children}
</AuthContext.Provider>
);
}
export function useAuth() {
const context = useContext(AuthContext);
if (context === undefined) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
}
export function getStoredToken(): string | null {
if (typeof window === 'undefined') return null;
return localStorage.getItem(AUTH_TOKEN_KEY);
}