Corrections apportées:
1. **Utilisation correcte des services exportés**
- Remplacement de apiService.X par les services nommés (chantierService, clientService, etc.)
- Alignement avec l'architecture d'export du fichier services/api.ts
2. **Correction des types d'interface**
- Utilisation des types officiels depuis @/types/btp
- Chantier: suppression des propriétés custom, utilisation du type standard
- Client: ajout des imports Chantier et Facture
- Materiel: adaptation aux propriétés réelles (numeroSerie au lieu de reference)
- PlanningEvent: remplacement de TacheChantier par PlanningEvent
3. **Correction des propriétés obsolètes**
- Chantier: dateFin → dateFinPrevue, budget → montantPrevu, responsable → typeChantier
- Client: typeClient → entreprise, suppression de chantiers/factures inexistants
- Materiel: reference → numeroSerie, prixAchat → valeurAchat
- PlanningEvent: nom → titre, suppression de progression
4. **Correction des enums**
- StatutFacture: EN_ATTENTE → ENVOYEE/BROUILLON/PARTIELLEMENT_PAYEE
- PrioritePlanningEvent: MOYENNE → CRITIQUE/HAUTE/NORMALE/BASSE
5. **Fix async/await pour cookies()**
- Ajout de await pour cookies() dans les routes API (Next.js 15 requirement)
- app/api/auth/logout/route.ts
- app/api/auth/token/route.ts
- app/api/auth/userinfo/route.ts
6. **Fix useSearchParams() Suspense**
- Enveloppement de useSearchParams() dans un Suspense boundary
- Création d'un composant LoginContent séparé
- Ajout d'un fallback avec spinner
Résultat:
✅ Build production réussi: 126 pages générées
✅ Compilation TypeScript sans erreurs
✅ Linting validé
✅ Middleware 34.4 kB
✅ First Load JS shared: 651 kB
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Améliorations apportées:
1. **Connexion à apiService**
- Remplacement de fetch direct par apiService.planning.getByChantier()
- Bénéficie de l'authentification automatique par cookies HttpOnly
- Gestion automatique des erreurs 401 avec redirection
2. **Vue Gantt interactive**
- Ajout d'un diagramme de Gantt horizontal avec Chart.js
- Affichage de la durée des tâches en jours
- Code couleur par statut (vert=terminé, bleu=en cours, rouge=en retard, gris=à faire)
- Hauteur optimisée pour une bonne lisibilité
3. **Basculement Timeline/Gantt**
- Bouton pour alterner entre vue Timeline et vue Gantt
- Conservation des données lors du changement de vue
- Interface cohérente avec le reste de l'application
4. **Gestion des états vides**
- Message informatif si aucune tâche à afficher
- Icônes et textes explicatifs
Bénéfices:
- Meilleure visualisation du planning avec deux perspectives complémentaires
- Timeline pour la chronologie détaillée
- Gantt pour une vue d'ensemble des durées et chevauchements
- Expérience utilisateur enrichie pour la gestion de projet
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Mise à jour de services/api.ts pour supporter l'authentification par cookies HttpOnly
* Ajout de withCredentials: true dans l'intercepteur de requêtes
* Modification de l'intercepteur de réponse pour gérer les 401 sans localStorage
* Utilisation de sessionStorage pour returnUrl au lieu de localStorage
* Suppression des tentatives de nettoyage de tokens localStorage (gérés par cookies)
- Connexion des pages de détails à apiService au lieu de fetch direct:
* app/(main)/chantiers/[id]/page.tsx → apiService.chantiers.getById()
* app/(main)/chantiers/[id]/budget/page.tsx → apiService.budgets.getByChantier()
* app/(main)/clients/[id]/page.tsx → apiService.clients.getById()
* app/(main)/materiels/[id]/page.tsx → apiService.materiels.getById()
Avantages:
- Gestion automatique de l'authentification via cookies HttpOnly (plus sécurisé)
- Redirection automatique vers /api/auth/login en cas de 401
- Code plus propre et maintenable
- Gestion d'erreurs cohérente dans toute l'application
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
PHASE 1 - CORRECTIONS CRITIQUES TERMINÉES
✅ API Routes Auth créées:
- /api/auth/login: Initie le flux OAuth avec Keycloak
- /api/auth/token: Échange le code OAuth contre des tokens
- /api/auth/logout: Déconnexion et nettoyage des tokens
- /api/auth/userinfo: Récupère les informations utilisateur
✅ Middleware d'authentification:
- Protection des routes privées
- Vérification de l'access_token dans les cookies HttpOnly
- Vérification de l'expiration des tokens
- Redirection automatique vers /auth/login si non authentifié
- Routes publiques configurées (/auth/*, /api/health, /)
✅ Page de login:
- Interface moderne avec PrimeReact
- Redirection vers Keycloak OAuth
- Gestion du returnUrl pour revenir à la page demandée
✅ Sécurité:
- Tokens stockés dans cookies HttpOnly (pas localStorage)
- Protection CSRF avec state parameter
- Validation de l'expiration des tokens
- Nettoyage automatique des cookies expirés
✅ Callback OAuth:
- Protection contre les appels multiples (useRef)
- Gestion d'erreurs robuste
- Nettoyage de l'URL après échange
- Suspense boundary pour le chargement
Cette implémentation résout les problèmes critiques:
- Boucle OAuth infinie (code réutilisé)
- Absence d'API route token exchange
- Middleware non fonctionnel
- Pas de page de login
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
PROBLÈME RÉSOLU:
- Erreur "Code already used" répétée dans les logs Keycloak
- Boucle infinie de tentatives d'échange du code d'autorisation OAuth
- Utilisateurs bloqués à la connexion
CORRECTIONS APPLIQUÉES:
1. Ajout de useRef pour protéger contre les exécutions multiples
- hasExchanged.current: Flag pour prévenir les réexécutions
- isProcessing.current: Protection pendant le traitement
2. Modification des dépendances useEffect
- AVANT: [searchParams, router] → exécution à chaque changement
- APRÈS: [] → exécution unique au montage du composant
3. Amélioration du logging
- Console logs pour debug OAuth flow
- Messages emoji pour faciliter le suivi
4. Nettoyage de l'URL
- window.history.replaceState() pour retirer les paramètres OAuth
- Évite les re-renders causés par les paramètres dans l'URL
5. Gestion d'erreurs améliorée
- Capture des erreurs JSON du serveur
- Messages d'erreur plus explicites
FICHIERS AJOUTÉS:
- app/(main)/aide/* - 4 pages du module Aide (documentation, tutoriels, support)
- app/(main)/messages/* - 4 pages du module Messages (inbox, envoyés, archives)
- app/auth/callback/page.tsx.backup - Sauvegarde avant modification
IMPACT:
✅ Un seul échange de code par authentification
✅ Plus d'erreur "Code already used"
✅ Connexion fluide et sans boucle
✅ Logs propres et lisibles
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Suppression du stockage localStorage dans /auth/callback
- Utilisation de window.location.href pour la redirection
- Les tokens sont maintenant gérés uniquement par les cookies HttpOnly
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Stockage des tokens dans des cookies HttpOnly côté serveur
- Suppression du stockage localStorage côté client
- Modification du middleware pour vérifier les cookies HttpOnly
- Redirection propre après authentification
- Suppression du nettoyage précoce des paramètres URL
Cela corrige le problème où le dashboard se rafraîchissait en boucle
après l'authentification Keycloak.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Correction des erreurs TypeScript dans userService.ts et workflowTester.ts
- Ajout des propriétés manquantes aux objets User mockés
- Conversion des dates de string vers objets Date
- Correction des appels asynchrones et des types incompatibles
- Ajout de dynamic rendering pour résoudre les erreurs useSearchParams
- Enveloppement de useSearchParams dans Suspense boundary
- Configuration de force-dynamic au niveau du layout principal
Build réussi: 126 pages générées avec succès
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
