Update index.html

index.html

@@ -179,69 +179,73 @@
   </div>
 
   <script>
-    const levelEmoji = {
-      0: "😌",
-      1: "🧐",
-      2: "😬",
-      3: "💢",
-      4: "🔥",
-      5: "🗿💀",
-      6: "💀🔥🧨",
-      7: "☠️📉🧠"
-    };
-
-    async function analyze() {
-      const input = document.getElementById("textInput").value.trim();
-      const result = document.getElementById("result");
-      const damageLabel = document.getElementById("damageLabel");
-      const barFill = document.getElementById("barFill");
-      const emojiOutput = document.getElementById("emojiOutput");
-      const roastVerdict = document.getElementById("roastVerdict");
-      const loader = document.getElementById("loader");
-
-      if (!input) {
-        alert("Paste a roast, you lazy noodle.");
-        return;
-      }
+  const levelEmoji = {
+    0: "😌",
+    1: "🧐",
+    2: "😬",
+    3: "💢",
+    4: "🔥",
+    5: "🗿💀",
+    6: "💀🔥🧨",
+    7: "☠️📉🧠"
+  };
+
+  // ✅ Put your actual ngrok URL here (HTTPS one)
+  const API_URL = "https://cf6827739654.ngrok-free.app";
+
+  async function analyze() {
+    const input = document.getElementById("textInput").value.trim();
+    const result = document.getElementById("result");
+    const damageLabel = document.getElementById("damageLabel");
+    const barFill = document.getElementById("barFill");
+    const emojiOutput = document.getElementById("emojiOutput");
+    const roastVerdict = document.getElementById("roastVerdict");
+    const loader = document.getElementById("loader");
+
+    if (!input) {
+      alert("Paste a roast, you lazy noodle.");
+      return;
+    }
+
+    // Reset UI
+    loader.style.display = "block";
+    result.style.display = "none";
+    barFill.style.width = "0%";
+    roastVerdict.textContent = "";
+    damageLabel.textContent = "Analyzing...";
+    emojiOutput.textContent = "🤖";
+
+    try {
+      const response = await fetch(`${API_URL}/predict`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ text: input })
+      });
 
-      // Reset
-      loader.style.display = "block";
-      result.style.display = "none";
-      barFill.style.width = "0%";
+      const data = await response.json();
+
+      const label = data.label || "Level ? unknown";
+      const roast = data.roast || "EmoNet is speechless.";
+      const level = parseInt(label.match(/\d+/)?.[0]) || 0;
+
+      loader.style.display = "none";
+      damageLabel.textContent = label;
+      emojiOutput.textContent = levelEmoji[level] || "😶";
+      roastVerdict.textContent = roast;
+      barFill.style.width = `${(level + 1) * 12.5}%`;
+      result.style.display = "block";
+
+    } catch (err) {
+      console.error(err);
+      loader.style.display = "none";
+      damageLabel.textContent = "💀 EmoNet crashed. Try again.";
       roastVerdict.textContent = "";
-      damageLabel.textContent = "Analyzing...";
-      emojiOutput.textContent = "🤖";
-
-      try {
-        const response = await fetch("/api/predict", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ text: input })
-        });
-
-        const data = await response.json();
-
-        const label = data.label || "Level ? unknown";
-        const roast = data.roast || "EmoNet is speechless.";
-        const level = parseInt(label.match(/\d+/)?.[0]) || 0;
-
-        loader.style.display = "none";
-        damageLabel.textContent = label;
-        emojiOutput.textContent = levelEmoji[level] || "😶";
-        roastVerdict.textContent = roast;
-        barFill.style.width = `${(level + 1) * 12.5}%`;
-
-        result.style.display = "block";
-      } catch (err) {
-        console.error(err);
-        loader.style.display = "none";
-        damageLabel.textContent = "💀 EmoNet crashed. Try again.";
-        roastVerdict.textContent = "";
-        emojiOutput.textContent = "🥀";
-        result.style.display = "block";
-      }
+      emojiOutput.textContent = "🥀";
+      result.style.display = "block";
     }
-  </script>
+  }
+</script>
+
 
   <!-- ☕ Buy Me a Coffee Widget -->
   <script data-name="BMC-Widget"