From 41dc846f9aab6bc12d4ee6affe5d5dd3d88a2d58 Mon Sep 17 00:00:00 2001
From: Nicolas Cantu <ncantu@4nkweb.com>
Date: Tue, 16 Sep 2025 05:27:31 +0200
Subject: [PATCH] =?UTF-8?q?debug:=20Ajout=20de=20logs=20suppl=C3=A9mentair?=
 =?UTF-8?q?es=20pour=20diagnostiquer=20le=20probl=C3=A8me=20de=20chargemen?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Logs détaillés dans getFolderResults avec gestion d'erreur
- Logs des headers de réponse HTTP
- Logs dans loadFolderResults du store
- Gestion d'erreur complète avec try/catch

Fixes: Diagnostic approfondi du problème de chargement des documents
---
 src/services/folderApi.ts  | 48 ++++++++++++++++++++++----------------
 src/store/documentSlice.ts | 10 +++++++-
 2 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/src/services/folderApi.ts b/src/services/folderApi.ts
index ec94000..0dff132 100644
--- a/src/services/folderApi.ts
+++ b/src/services/folderApi.ts
@@ -66,11 +66,11 @@ export async function createFolder(): Promise<CreateFolderResponse> {
       'Content-Type': 'application/json',
     },
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la création du dossier: ${response.statusText}`)
   }
-  
+
   return response.json()
 }
 
@@ -82,11 +82,11 @@ export async function createDefaultFolder(): Promise<CreateFolderResponse> {
       'Content-Type': 'application/json',
     },
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la création du dossier par défaut: ${response.statusText}`)
   }
-  
+
   return response.json()
 }
 
@@ -105,28 +105,36 @@ export async function getFolderResults(folderHash: string): Promise<FolderRespon
   console.log(`[API] Appel getFolderResults pour le dossier: ${folderHash}`)
   console.log(`[API] URL: ${API_BASE_URL}/folders/${folderHash}/results`)
   
-  const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`)
-  
-  console.log(`[API] Réponse reçue:`, response.status, response.statusText)
-  
-  if (!response.ok) {
-    throw new Error(`Erreur lors de la récupération des résultats du dossier: ${response.statusText}`)
+  try {
+    const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`)
+    
+    console.log(`[API] Réponse reçue:`, response.status, response.statusText)
+    console.log(`[API] Headers:`, Object.fromEntries(response.headers.entries()))
+    
+    if (!response.ok) {
+      console.error(`[API] Erreur HTTP:`, response.status, response.statusText)
+      throw new Error(`Erreur lors de la récupération des résultats du dossier: ${response.statusText}`)
+    }
+    
+    const data = await response.json()
+    console.log(`[API] Données reçues:`, data)
+    console.log(`[API] Nombre de résultats:`, data.results?.length || 0)
+    
+    return data
+  } catch (error) {
+    console.error(`[API] Erreur lors de l'appel API:`, error)
+    throw error
   }
-  
-  const data = await response.json()
-  console.log(`[API] Données reçues:`, data)
-  
-  return data
 }
 
 // Récupérer un fichier original depuis un dossier
 export async function getFolderFile(folderHash: string, fileHash: string): Promise<Blob> {
   const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/files/${fileHash}`)
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la récupération du fichier: ${response.statusText}`)
   }
-  
+
   return response.blob()
 }
 
@@ -135,15 +143,15 @@ export async function uploadFileToFolder(file: File, folderHash: string): Promis
   const formData = new FormData()
   formData.append('document', file)
   formData.append('folderHash', folderHash)
-  
+
   const response = await fetch(`${API_BASE_URL}/extract`, {
     method: 'POST',
     body: formData,
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de l'upload: ${response.statusText}`)
   }
-  
+
   return response.json()
 }
diff --git a/src/store/documentSlice.ts b/src/store/documentSlice.ts
index f2866c1..2334a4f 100644
--- a/src/store/documentSlice.ts
+++ b/src/store/documentSlice.ts
@@ -195,7 +195,15 @@ export const createDefaultFolderThunk = createAsyncThunk(
 export const loadFolderResults = createAsyncThunk(
   'document/loadFolderResults',
   async (folderHash: string) => {
-    return await getFolderResults(folderHash)
+    console.log(`[STORE] loadFolderResults appelé avec folderHash: ${folderHash}`)
+    try {
+      const result = await getFolderResults(folderHash)
+      console.log(`[STORE] loadFolderResults résultat:`, result)
+      return result
+    } catch (error) {
+      console.error(`[STORE] loadFolderResults erreur:`, error)
+      throw error
+    }
   }
 )