Update index.html

index.html

@@ -20,10 +20,10 @@
       <textarea id="url" placeholder="EndPoint URL" style="width: 400px;">https://api-inference.huggingface.co/models/mistralai/Mistral-Nemo-Instruct-2407</textarea>
       <textarea id="fetchParamsOptions" placeholder="fetchParamsOptions" style="width: 600px;">
 {
-  "inputs": "You are TuneChat. Who are you?",
+  "inputs": "You are Mistral Instruct.",
   "parameters": {
-    "temperature": 0.5,
-    "max_length": 1000
+    "temperature": 0.2,
+    "max_length": 512
   }
 }</textarea>
       <textarea id="API-KEY" placeholder="API-KEY" style="width: 400px;"></textarea><br>
@@ -43,6 +43,7 @@
     let typingstatus = false;
     let MAX_RESPONSES = 250;
     let aiResponseCounter = 0;
+    const RETRY_INTERVAL = 10000; // 10 seconds
 
     function typeWriterForTerminal(text, onComplete) {
       const terminal = document.getElementById('terminal');
@@ -74,6 +75,16 @@
       }
     }
 
+    function handleResponse(response) {
+      return response.json().then(data => {
+        if (response.ok) {
+          return data;
+        } else {
+          throw new Error(data.error || 'Request failed');
+        }
+      });
+    }
+
     function handleSubmit(event) {
       if (event) event.preventDefault();
 
@@ -102,14 +113,7 @@
         },
         body: JSON.stringify(fetchParamsOptions)
       })
-      .then(response => {
-        if (!response.ok) {
-          return response.text().then(body => {
-            throw new Error('Failed to load resource: Server response status: ' + response.status + ', Response body: ' + body);
-          });
-        }
-        return response.json();
-      })
+      .then(handleResponse)
       .then(data => {
         const responseText = (data.generated_text) ? data.generated_text.trim() : '';
         typeWriterForTerminal(responseText, () => {
@@ -128,6 +132,17 @@
             handleSubmit();
           }
         });
+      })
+      .catch(error => {
+        console.error("Error:", error);
+        if (error.message.includes("currently loading")) {
+          setTimeout(handleSubmit, RETRY_INTERVAL);
+        } else {
+          typeWriterForTerminal("An error occurred: " + error.message);
+        }
+      })
+      .finally(() => {
+        loader.style.display = 'none';
       });
     }