reconnect to socket

index.html

@@ -56,6 +56,34 @@
 		<link rel="icon" href="/favicon.ico" id="favicon" />
 		<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415518411898563" crossorigin="anonymous"></script> -->
 		<script>
+			function connectToSocket() {
+				let socket = new WebSocket("/socket");
+				socket.addEventListener("open", () => {
+					let cookies = document.cookie.split("; ");
+					for (let i = 0; i < cookies.length; i++) {
+						if (cookies[i].trim().startsWith("token=")) {
+							socket.send(cookies[i].trim());
+						}
+					}
+				});
+				socket.addEventListener("message", (e)=>{
+					if(e.data.split("=")[0] == "online") {
+						socket.send("1");
+						document.getElementById("online").innerText = `currently online: ${e.data.split("=")[1]}`;
+					} else {
+						if(e.data.startsWith("annc")) {
+							let message = e.data.split(";;");
+							sAlert(message[1], message[2]);
+						}
+					}
+				})
+				socket.addEventListener("close", () => {
+					setTimeout(() => {
+						connectToSocket();
+					}, 1000 * 3)
+				})
+			}
+
 			let currentPanic = {key: "", url: ""};
 			const weatherCodeToEmoji = {
 			    0: '☀️',
@@ -124,6 +152,7 @@
 				}, 1000 * 15)
 			}
 			document.addEventListener("DOMContentLoaded", async ()=>{
+				connectToSocket();
 				getWeather();
 				setInterval(getWeather, 1000 * 60 * 30);
 				setInterval(updateTime, 1000 / 2);
@@ -158,26 +187,6 @@
 						document.querySelector("loading-game").style.display = "none";
 					}
 				}
-				let socket = new WebSocket("/socket");
-				socket.addEventListener("open", () => {
-					let cookies = document.cookie.split("; ");
-					for (let i = 0; i < cookies.length; i++) {
-						if (cookies[i].trim().startsWith("token=")) {
-							socket.send(cookies[i].trim());
-						}
-					}
-				});
-				socket.addEventListener("message", (e)=>{
-					if(e.data.split("=")[0] == "online") {
-						socket.send("1");
-						document.getElementById("online").innerText = `currently online: ${e.data.split("=")[1]}`;
-					} else {
-						if(e.data.startsWith("annc")) {
-							let message = e.data.split(";;");
-							sAlert(message[1], message[2]);
-						}
-					}
-				})
 				let currentCloak = {name: "", icon: ""};
 				setInterval(()=>{
 					if(localStorage.getItem("selenite.tab-cloak")) {