From 177792929f30b91677ac4958053bf961a54f8724 Mon Sep 17 00:00:00 2001
From: Nicolas Cantu <ncantu@4nkweb.com>
Date: Tue, 16 Sep 2025 05:31:11 +0200
Subject: [PATCH] =?UTF-8?q?debug:=20Ajout=20de=20timeout=20et=20logs=20d?=
 =?UTF-8?q?=C3=A9taill=C3=A9s=20pour=20diagnostiquer=20le=20probl=C3=A8me?=
 =?UTF-8?q?=20de=20r=C3=A9seau?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajout d'un timeout de 10 secondes avec AbortController
- Logs détaillés du début de la requête fetch
- Headers explicites pour la requête
- Gestion d'erreur spécifique pour les timeouts
- Logs du parsing JSON

Fixes: Diagnostic du problème de requête qui ne retourne jamais
---
 src/services/folderApi.ts | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/services/folderApi.ts b/src/services/folderApi.ts
index 0dff132..2496d31 100644
--- a/src/services/folderApi.ts
+++ b/src/services/folderApi.ts
@@ -106,8 +106,23 @@ export async function getFolderResults(folderHash: string): Promise<FolderRespon
   console.log(`[API] URL: ${API_BASE_URL}/folders/${folderHash}/results`)
   
   try {
-    const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`)
+    // Créer un AbortController pour gérer le timeout
+    const controller = new AbortController()
+    const timeoutId = setTimeout(() => {
+      console.log(`[API] Timeout après 10 secondes`)
+      controller.abort()
+    }, 10000)
     
+    console.log(`[API] Début de la requête fetch...`)
+    const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`, {
+      signal: controller.signal,
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      }
+    })
+    
+    clearTimeout(timeoutId)
     console.log(`[API] Réponse reçue:`, response.status, response.statusText)
     console.log(`[API] Headers:`, Object.fromEntries(response.headers.entries()))
     
@@ -116,12 +131,17 @@ export async function getFolderResults(folderHash: string): Promise<FolderRespon
       throw new Error(`Erreur lors de la récupération des résultats du dossier: ${response.statusText}`)
     }
     
+    console.log(`[API] Début du parsing JSON...`)
     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) {
+    if (error.name === 'AbortError') {
+      console.error(`[API] Requête annulée (timeout)`)
+      throw new Error('Timeout: La requête a pris trop de temps')
+    }
     console.error(`[API] Erreur lors de l'appel API:`, error)
     throw error
   }