julienfroidefond/peakskills
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: no XHR for currentUser but backside

Browse Source
This commit is contained in:
Julien Froidefond
2025-08-25 21:47:15 +02:00
parent 5e1e06be47
commit 565fde2808
5 changed files with 45 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
app/api/auth/route.ts
View File

@@ -1,56 +0,0 @@
import { NextRequest, NextResponse } from "next/server";
import { AuthService, userService, TeamsService } from "@/services";
/**
* GET /api/auth - Récupère les informations de l'utilisateur connecté
*/
export async function GET(request: NextRequest) {
try {
// Récupérer l'UUID utilisateur depuis le cookie
const userUuid = await AuthService.getUserUuidFromCookie();
if (!userUuid) {
return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
}
// Récupérer le profil utilisateur
const userProfile = await userService.getUserByUuid(userUuid);
if (!userProfile) {
return NextResponse.json(
{ error: "Utilisateur non trouvé" },
{ status: 404 }
);
}
// Récupérer le nom de l'équipe
let teamName = "Équipe non définie";
if (userProfile.teamId) {
try {
const team = await TeamsService.getTeamById(userProfile.teamId);
if (team) {
teamName = team.name;
}
} catch (error) {
console.error("Failed to fetch team name:", error);
}
}
// Retourner les informations complètes de l'utilisateur
return NextResponse.json({
user: {
firstName: userProfile.firstName,
lastName: userProfile.lastName,
teamId: userProfile.teamId,
teamName: teamName,
uuid: userUuid,
},
});
} catch (error) {
console.error("Auth GET error:", error);
return NextResponse.json(
{ error: "Erreur interne du serveur" },
{ status: 500 }
);
}
}

36
app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ThemeProvider } from "@/components/layout/theme-provider";
import { Toaster } from "@/components/ui/sonner";
import { UserProvider } from "@/hooks/use-user-context";
import { NavigationWrapper } from "@/components/layout/navigation-wrapper";
import { AuthService, TeamsService } from "@/services";
export const metadata: Metadata = {
title: "PeakSkills - Auto-évaluation de compétences",
@@ -14,11 +15,42 @@ export const metadata: Metadata = {
"Plateforme d'auto-évaluation de compétences techniques pour les équipes",
};
export default function RootLayout({
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
// Récupérer les infos utilisateur côté serveur
let userInfo = null;
try {
const { userUuid, userProfile } =
await AuthService.requireAuthenticatedUser();
// Récupérer le nom de l'équipe
let teamName = "Équipe non définie";
if (userProfile.teamId) {
try {
const team = await TeamsService.getTeamById(userProfile.teamId);
if (team) {
teamName = team.name;
}
} catch (error) {
console.error("Failed to fetch team name:", error);
}
}
userInfo = {
firstName: userProfile.firstName,
lastName: userProfile.lastName,
teamName,
teamId: userProfile.teamId,
uuid: userUuid,
};
} catch (error) {
// Utilisateur non authentifié, userInfo reste null
console.log("User not authenticated:", error);
}
return (
<html lang="en" suppressHydrationWarning>
<body
@@ -30,7 +62,7 @@ export default function RootLayout({
enableSystem
disableTransitionOnChange
>
<UserProvider>
<UserProvider initialUserInfo={userInfo}>
<NavigationWrapper />
<main className="min-h-screen">{children}</main>
<Toaster />

27
clients/domains/auth-client.ts
View File

@@ -47,31 +47,4 @@ export class AuthClient extends BaseHttpClient {
async logout(): Promise<{ message: string }> {
return await this.post("/auth/logout");
}
/**
* Récupère l'utilisateur actuel depuis le cookie
*/
async getCurrentUser(): Promise<{
firstName: string;
lastName: string;
teamId: string;
teamName: string;
uuid: string;
} | null> {
try {
const response = await this.get<{
user: {
firstName: string;
lastName: string;
teamId: string;
teamName: string;
uuid: string;
};
}>("/auth");
return response.user;
} catch (error) {
console.error("Failed to get current user:", error);
return null;
}
}
}

42
hooks/use-user-context.tsx
View File

@@ -1,18 +1,13 @@
"use client";
import {
createContext,
useContext,
useState,
useEffect,
ReactNode,
} from "react";
import { authClient } from "@/clients";
import { createContext, useContext, useState, ReactNode } from "react";
interface UserInfo {
firstName: string;
lastName: string;
teamName: string;
teamId?: string;
uuid?: string;
}
interface UserContextType {
@@ -23,33 +18,14 @@ interface UserContextType {
const UserContext = createContext<UserContextType | undefined>(undefined);
export function UserProvider({ children }: { children: ReactNode }) {
const [userInfo, setUserInfo] = useState<UserInfo | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchUserInfo = async () => {
try {
// Récupérer les informations utilisateur depuis l'API
const user = await authClient.getCurrentUser();
if (user) {
setUserInfo({
firstName: user.firstName,
lastName: user.lastName,
teamName: user.teamName || "Équipe non définie",
});
interface UserProviderProps {
children: ReactNode;
initialUserInfo: UserInfo | null;
}
} catch (error) {
console.error("Failed to fetch user info:", error);
// En cas d'erreur, on considère que l'utilisateur n'est pas connecté
setUserInfo(null);
} finally {
setLoading(false);
}
};
fetchUserInfo();
}, []);
export function UserProvider({ children, initialUserInfo }: UserProviderProps) {
const [userInfo, setUserInfo] = useState<UserInfo | null>(initialUserInfo);
const [loading, setLoading] = useState(false); // Plus de loading initial
return (
<UserContext.Provider value={{ userInfo, setUserInfo, loading }}>

2
middleware.ts
View File

@@ -9,7 +9,7 @@ export function middleware(request: NextRequest) {
const publicPaths = ["/login"];
// Pages API qui ne nécessitent pas d'authentification
const publicApiPaths = ["/api/auth", "/api/teams"];
const publicApiPaths = ["/api/teams"];
// Vérifier si c'est une route publique
if (