Update static/models.js

static/models.js

@@ -1,6 +1,27 @@
 // DO NOT TRY TO COPY MY UI OR STYLE
 
 
+
+window.addEventListener('load', function() {
+    const socket = io('https://xyplon.onrender.com', {
+        reconnectionAttempts: 3,
+        timeout: 10000
+    });
+
+    socket.on('connect', function() {
+        console.log('Connected to Socket.IO server');
+    });
+
+    socket.on('connect_error', function(error) {
+        console.error('Connection error:', error);
+    });
+
+    socket.on('update', function(data) {
+        document.getElementById('stats').textContent = `Pending (Generating): ${data["Pending Requests"]} Total Requests: ${data["Total Requests"]}`;
+    });
+});
+
+
 const div = document.getElementById('imshow');
 let width = 1024
 let height = 1024
@@ -224,9 +245,3 @@ btn.onclick = async () => {
     
 }
 
-window.addEventListener('load', function() {
-    const socket = io('https://xyplon.onrender.com');
-    socket.on('update', function(data) {
-        document.getElementById('stats').textContent = `Pending (Generating): ${data["Pending Requests"]} Total Requests: ${data["Total Requests"]}`;
-    });
-});