Update index.html

index.html

@@ -108,39 +108,55 @@
     scoreText.innerText = "";
     improvedText.innerText = "";
 
-    let body;
-    let headers = {};
-
-    if (audioFile) {
-      const formData = new FormData();
-      formData.append("data", audioFile);  // audio file
-      formData.append("data", "");         // empty text
-      body = formData;
-    } else {
-      headers["Content-Type"] = "application/json";
-      body = JSON.stringify({
-        data: [null, text]
-      });
-    }
-
     try {
-      const response = await fetch(API_URL, {
-        method: "POST",
-        headers,
-        body
-      });
+      let response;
+
+      if (audioFile) {
+        // FormData for file + text input
+        const formData = new FormData();
+        formData.append("data", audioFile); // audio file
+        formData.append("data", ""); // empty string for text
+
+        response = await fetch(API_URL, {
+          method: "POST",
+          body: formData
+        });
+      } else {
+        // JSON body when no file
+        response = await fetch(API_URL, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            data: [null, text]
+          })
+        });
+      }
+
+      if (!response.ok) {
+        throw new Error("Network response was not OK");
+      }
 
       const json = await response.json();
+
+      if (!json || !json.data || json.data.length < 3) {
+        throw new Error("Unexpected API response format");
+      }
+
       const [baseline, score, improved] = json.data;
 
       baselineText.innerText = baseline;
       scoreText.innerText = `${score}%`;
       improvedText.innerText = improved;
+
     } catch (err) {
       baselineText.innerText = "❌ Error calling API.";
-      console.error(err);
+      console.error("API call error:", err);
     }
   }
 </script>
+
+
 </body>
 </html>