Update templates/index.html

templates/index.html

@@ -465,79 +465,65 @@
             }
 
             form.addEventListener('submit', async (event) => {
-                event.preventDefault();
-                const file = imageInput.files[0];
-                if (!file) {
-                    alert('Veuillez sélectionner une image.');
-                    return;
-                }
-
-                startTimer();
+    event.preventDefault();
+    const file = imageInput.files[0];
+    if (!file) {
+        alert('Veuillez sélectionner une image.');
+        return;
+    }
+
+    startTimer();
+
+    loader.classList.remove('hidden');
+    solutionDiv.classList.add('hidden');
+    thoughtsContent.innerHTML = '';
+    answerContent.innerHTML = '';
+    thoughtsBox.classList.add('open');
+
+    const formData = new FormData();
+    formData.append('image', file);
+
+    try {
+        const response = await fetch('/solve', {
+            method: 'POST',
+            body: formData
+        });
 
-                loader.classList.remove('hidden');
-                solutionDiv.classList.add('hidden');
-                thoughtsContent.innerHTML = '';
-                answerContent.innerHTML = '';
-                thoughtsBox.classList.add('open');
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
 
-                const formData = new FormData();
-                formData.append('image', file);
+        // Essayons d'abord de lire la réponse comme du JSON
+        try {
+            const data = await response.json();
+            loader.classList.add('hidden');
+            solutionDiv.classList.remove('hidden');
+            
+            if (data.thinking) {
+                renderContent(data.thinking, thoughtsContent);
+            }
+            if (data.answer) {
+                renderContent(data.answer, answerContent);
+            }
+        } catch (jsonError) {
+            // Si ce n'est pas du JSON, essayons de lire comme du texte
+            const textData = await response.text();
+            loader.classList.add('hidden');
+            solutionDiv.classList.remove('hidden');
+            renderContent(textData, answerContent);
+        }
 
-                try {
-                    let currentMode = null;
-                    const response = await fetch('/solve', {
-                        method: 'POST',
-                        body: formData
-                    });
+        stopTimer();
 
-                    const reader = response.body.getReader();
-                    const decoder = new TextDecoder();
-                    let buffer = '';
-
-                    while (true) {
-                        const { done, value } = await reader.read();
-                        if (done) {
-                            stopTimer();
-                            break;
-                        }
-
-                        buffer += decoder.decode(value, { stream: true });
-                        let eolIndex;
-
-                        while ((eolIndex = buffer.indexOf('\n\n')) >= 0) {
-                            const line = buffer.slice(0, eolIndex).trim();
-                            buffer = buffer.slice(eolIndex + 2);
-
-                            if (line.startsWith('data:')) {
-                                const data = JSON.parse(line.slice(5));
-                                
-                                if (data.mode) {
-                                    currentMode = data.mode;
-                                    loader.classList.add('hidden');
-                                    solutionDiv.classList.remove('hidden');
-                                }
-                                
-                                if (data.content) {
-                                    const content = data.content;
-                                    if (currentMode === 'thinking') {
-                                        renderContent(content, thoughtsContent);
-                                        thoughtsContent.scrollTop = thoughtsContent.scrollHeight;
-                                    } else if (currentMode === 'answering') {
-                                        renderContent(content, answerContent);
-                                        answerContent.scrollTop = answerContent.scrollHeight;
-                                    }
-                                }
-                            }
-                        }
-                    }
+    } catch (error) {
+        console.error('Erreur:', error);
+        alert('Une erreur est survenue lors du traitement de la requête.');
+        loader.classList.add('hidden');
+        stopTimer();
+    }
+});
 
-                } catch (error) {
-                    console.error('Erreur:', error);
-                    alert('Une erreur est survenue lors du traitement de la requête.');
-                    loader.classList.add('hidden');
-                    stopTimer();
-                }
-            });
+          
         });
     </script>
 </body>