Update index.html

index.html

@@ -92,12 +92,70 @@
 </footer>
 
 <script>
-  const API_URL = "https://gaur3009-speech-grammar.hf.space//predict";
+  // Transcribe speech from microphone
+  function transcribeSpeech() {
+    return new Promise((resolve, reject) => {
+      if (!('webkitSpeechRecognition' in window)) {
+        reject('Speech recognition not supported in this browser.');
+        return;
+      }
+      const recognition = new webkitSpeechRecognition();
+      recognition.lang = 'en-US';
+      recognition.interimResults = false;
+      recognition.maxAlternatives = 1;
+
+      recognition.onresult = (event) => {
+        resolve(event.results[0][0].transcript);
+      };
+      recognition.onerror = (event) => reject(event.error);
+
+      recognition.start();
+    });
+  }
 
-  async function checkGrammar() {
-    const text = document.getElementById("speechInput").value.trim();
-    const audioFile = document.getElementById("audioInput").files[0];
+  // Call LanguageTool API for grammar check
+  async function checkGrammarWithLanguageTool(text) {
+    const url = 'https://api.languagetool.org/v2/check';
+    const params = new URLSearchParams();
+    params.append('text', text);
+    params.append('language', 'en-US');
+
+    const response = await fetch(url, {
+      method: 'POST',
+      body: params,
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+    });
+    return await response.json();
+  }
+
+  // Parse LanguageTool response to build corrected text & score
+  function parseLanguageToolResult(text, result) {
+    let correctedText = text;
+    let offsetShift = 0;
+    const matches = result.matches || [];
+
+    matches.forEach((match) => {
+      if (match.replacements && match.replacements.length > 0) {
+        const replacement = match.replacements[0].value;
+        const start = match.offset + offsetShift;
+        const end = start + match.length;
+
+        correctedText =
+          correctedText.slice(0, start) + replacement + correctedText.slice(end);
+
+        offsetShift += replacement.length - match.length;
+      }
+    });
+
+    const score = 100 - Math.min(100, matches.length * 10); // crude score
+    return { correctedText, score };
+  }
 
+  async function checkGrammar() {
+    const textInput = document.getElementById("speechInput").value.trim();
+    const audioInput = document.getElementById("audioInput").files[0];
     const resultBox = document.getElementById("resultBox");
     const baselineText = document.getElementById("baselineText");
     const scoreText = document.getElementById("scoreText");
@@ -109,50 +167,31 @@
     improvedText.innerText = "";
 
     try {
-      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
-        });
+      let text;
+
+      if (audioInput) {
+        // Client-side audio file -> speech recognition is complex without server
+        // Instead, offer user to use microphone directly:
+        text = await transcribeSpeech();
+        document.getElementById("speechInput").value = text;
+      } else if (textInput) {
+        text = textInput;
       } else {
-        // JSON body when no file
-        response = await fetch(API_URL, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            data: [null, text]
-          })
-        });
+        baselineText.innerText = "Please enter text or upload audio.";
+        return;
       }
 
-      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");
-      }
+      baselineText.innerText = text;
 
-      const [baseline, score, improved] = json.data;
+      const result = await checkGrammarWithLanguageTool(text);
+      const { correctedText, score } = parseLanguageToolResult(text, result);
 
-      baselineText.innerText = baseline;
       scoreText.innerText = `${score}%`;
-      improvedText.innerText = improved;
+      improvedText.innerText = correctedText;
 
-    } catch (err) {
-      baselineText.innerText = "❌ Error calling API.";
-      console.error("API call error:", err);
+    } catch (error) {
+      baselineText.innerText = "❌ Error processing input.";
+      console.error(error);
     }
   }
 </script>