remade old shit

html/logic.js

@@ -27,16 +27,7 @@ function drawTimer() {
 
 function connect() {
 //    socket.close();
-    serverAddress = document.getElementById("server-address").value;
-    serverPort = document.getElementById("server-port").value
-    console.log(`Connecting ${serverAddress}:${serverPort}`)
-    socket = new WebSocket(`wss://${serverAddress}:${serverPort}`)
-    timer.textContent="Board is loading, please wait";
-    socket.addEventListener("open", (event) => {
-        socket.send(JSON.stringify({code:0}));
-    });
-    
-    socket.addEventListener("message", (event) => {
+    const handler = (event) => {
         event.data.text().then(function(packet){
             packet = JSON.parse(packet)
             let code = packet.code
@@ -74,9 +65,36 @@ function connect() {
                 break                
             }
         });
-    });
+    }
     
-    // socket.send("{\"code\":0}");
+    serverAddress = document.getElementById("server-address").value;
+    serverPort = document.getElementById("server-port").value
+
+	console.log()
+
+	if (location.protocol == "https:") {
+		console.log(`Connecting wss://${serverAddress}:${serverPort}`)
+    	socket = new WebSocket(`wss://${serverAddress}:${serverPort}`)
+    	
+	} else {
+		console.log(`Connecting ws://${serverAddress}:${serverPort}`)
+    	socket = new WebSocket(`ws://${serverAddress}:${serverPort}`)
+  	}
+	socket.addEventListener("open", (event) => {
+        socket.send(JSON.stringify({code:0}));
+    	setInterval(() => {pingServer(socket)}, 10000);
+    });
+      
+    socket.addEventListener("message", (event) => {
+		handler(event);
+    });
+		
+    socket.addEventListener('close', (socket) => {
+        console.log(`Connecting ws://${serverAddress}:${serverPort}`)
+        socket = new WebSocket(`ws://${serverAddress}:${serverPort}`);
+        
+    })
+    timer.textContent="Board is loading, please wait";
 }
 
 function drawPixel(x, y, color) {
@@ -300,3 +318,8 @@ function trackTransforms(ctx){
         return pt.matrixTransform(xform.inverse());
     }
 }
+
+const pingServer = (socket) => {
+	console.log("Pinging server");
+	socket.send(JSON.stringify({}));
+}