Update static/appS.js

static/appS.js

@@ -12,11 +12,9 @@ document.addEventListener('DOMContentLoaded', () => {
 
     let selectedFile = null;
 
-    // Default mode
     const summarizeRadio = document.getElementById('summarize-radio');
     if (summarizeRadio) summarizeRadio.checked = true;
 
-    // Mode switching
     document.querySelectorAll('.select-options input[name="mode"]').forEach(radio => {
         radio.addEventListener('change', (e) => {
             if (e.target.checked) {
@@ -36,7 +34,6 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     });
 
-    // File upload handlers
     fileBtn.addEventListener('click', () => fileUpload.click());
     imageBtn.addEventListener('click', () => imageUpload.click());
 
@@ -176,7 +173,7 @@ document.addEventListener('DOMContentLoaded', () => {
         return bubble;
     }
 
-   /* async function handleSubmit() {
+    async function handleSubmit() {
         if (!selectedFile) {
             alert("Please upload a file first");
             return;
@@ -184,13 +181,16 @@ document.addEventListener('DOMContentLoaded', () => {
 
         const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
         
-        // ✨ KEY UPDATE HERE
-        const endpoint = isSummarizeMode ? '/Summarization/summarize/' : '/Summarization/imagecaption/';
-        
-        const thinkingText = isSummarizeMode ? 'Processing document 📄... <div class="loader"></div>' : "Generating caption 🖼️ ... <div class='loader'></div>";
-        const senderName = "Aidan";
+        const BASE_PATH = window.location.pathname.split('/').slice(0, 2).join('/');
+        const endpoint = isSummarizeMode 
+            ? `${BASE_PATH}/Summarization/summarize/`
+            : `${BASE_PATH}/Summarization/imagecaption/`;
 
-        const thinkingBubble = createMessageBubble(thinkingText, senderName);
+        const thinkingText = isSummarizeMode
+            ? 'Processing document 📄... <div class="loader"></div>'
+            : "Generating caption 🖼️... <div class='loader'></div>";
+
+        const thinkingBubble = createMessageBubble(thinkingText, "Aidan");
 
         const formData = new FormData();
         formData.append('file', selectedFile);
@@ -202,20 +202,10 @@ document.addEventListener('DOMContentLoaded', () => {
                 body: formData
             });
 
-          /*  if (!response.ok) {
-                let errorMessage = 'Request failed';
-                try {
-                    const error = await response.json();
-                    errorMessage = error.detail || error.error || errorMessage;
-                } catch (e) {}
-                throw new Error(errorMessage);
-            } */
             if (!response.ok) {
-    if (response.status === 404) {
-        throw new Error("Service endpoint not found. Please check the AI service deployment.");
-    }
-    throw new Error("Request failed");
-}
+                const error = await response.json().catch(() => null);
+                throw new Error(error?.detail || error?.error || "Request failed");
+            }
 
             const result = await response.json();
             thinkingBubble.remove();
@@ -241,46 +231,6 @@ document.addEventListener('DOMContentLoaded', () => {
         } finally {
             selectedFile = null;
         }
-    } */
- async function handleSubmit() {
-        if (!selectedFile) {
-            alert("Please upload a file first");
-            return;
-        }
-
-        const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
-        
-        // ✅ Dynamic path handling for Hugging Face Spaces
-        const BASE_PATH = window.location.pathname.split('/').slice(0, 3).join('/');
-        const endpoint = isSummarizeMode 
-            ? `${BASE_PATH}/summarization/summarize/` 
-            : `${BASE_PATH}/summarization/imagecaption/`;
-
-        const thinkingText = isSummarizeMode 
-            ? 'Processing document 📄... <div class="loader"></div>' 
-            : "Generating caption 🖼️... <div class='loader'></div>";
-
-        const thinkingBubble = createMessageBubble(thinkingText, "Aidan");
-
-        try {
-            const response = await fetch(endpoint, {
-                method: 'POST',
-                body: formData
-            });
-
-            if (!response.ok) {
-                const error = await response.json().catch(() => null);
-                throw new Error(error?.detail || error?.error || "Request failed");
-            }
-
-            const result = await response.json();
-            // ... (rest of your success handling)
-        } catch (error) {
-            console.error("API Error:", error);
-            createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
-        } finally {
-            thinkingBubble.remove();
-        }
     }
 
     const style = document.createElement('style');
@@ -301,7 +251,6 @@ document.addEventListener('DOMContentLoaded', () => {
     `;
     document.head.appendChild(style);
 
-    // ✅ Back button
     var backarrow = document.querySelector(".fa-arrow-left");
     backarrow.addEventListener('click', function () {
         window.location.href = '/';