const socket = new WebSocket('wss://eas-ws.nin0.dev');

socket.onopen = function(event) {
    log("Connection opened")
};

socket.onmessage = function(event) {
  log("IN: " + event.data)
  if(event.data.startsWith("MSG ")) {
   alert(event.data.replace("MSG ", ""))
  }
};

socket.onclose = function(event) {
 alert("Connection has been closed, refresh the page.");
};

function sendMessage(message) {
  socket.send(message);
  log("OUT: " + message)
}

function log(message) {
   const logArea = document.getElementById("log");
   const newVal = message + "<br/>" + logArea.innerHTML;
   logArea.innerHTML = newVal;
}

function processSend() {
   const endpoint = document.getElementById("endpoint").value
   if(endpoint == "get") {
     sendMessage("GET")
   }
   const token = document.getElementById("token").value
   const msg = document.getElementById("msg").value
   if(endpoint == "msg") {
      sendMessage(`MSG ${token} ${msg}`)
   }
   if(endpoint == "clear") {
      sendMessage(`CLEAR ${token}`)
  }
}