feat(ui): add cv application frontend and configuration

This commit is contained in:
Tuan-Dat Tran
2026-02-23 13:47:08 +01:00
parent cbf40908a6
commit 7f06ee7f53
43 changed files with 2849 additions and 0 deletions

View File

@@ -0,0 +1,61 @@
import { createContext, useContext, useState, useEffect, useCallback } from 'react';
import { getAuthConfig, login } from '../../lib/api';
import { getToken, setToken, clearToken } from '../../lib/auth';
const AuthContext = createContext(null);
export function AuthProvider({ children }) {
const [isAuthenticated, setIsAuthenticated] = useState(false);
const [authMode, setAuthMode] = useState(null);
const [keycloakConfig, setKeycloakConfig] = useState(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
getAuthConfig()
.then((config) => {
setAuthMode(config.mode);
setKeycloakConfig(config.keycloak);
if (config.mode === 'simple') {
const token = getToken();
setIsAuthenticated(!!token);
}
})
.catch(console.error)
.finally(() => setLoading(false));
}, []);
const simpleLogin = useCallback(async (password) => {
const result = await login(password);
setToken(result.token);
setIsAuthenticated(true);
return result;
}, []);
const logout = useCallback(() => {
clearToken();
setIsAuthenticated(false);
}, []);
return (
<AuthContext.Provider value={{
isAuthenticated,
authMode,
keycloakConfig,
loading,
login: simpleLogin,
logout,
}}>
{children}
</AuthContext.Provider>
);
}
// eslint-disable-next-line react-refresh/only-export-components
export function useAuth() {
const context = useContext(AuthContext);
if (!context) {
throw new Error('useAuth must be used within AuthProvider');
}
return context;
}