var startTime = Date.now() ;
console.log("Meine Document-Location: " + document.location);
var lastPingRequest;

//var socket = new WebSocket(String(document.location).replace("https://","wss://").replace("10010","2095").replace("index.html","") + "echo");
var socket = new WebSocket("wss://thinkcentre.local:2095/echo");
socket.onopen = () => console.log('Connected') ||  setInterval(() => {  lastPingRequest = Date.now();
                                                                        socket.send("Ping");
                                                                     }, 5000);    
socket.onclose = (event) =>  console.log((event.wasClean) ? 'Disconnected' :  'Connection break: ' + (event.reason || event.code)); 

socket.onmessage = (event) => {
    if(event.data == "Ping"){
        console.log("Ping: " + (Date.now() - lastPingRequest).toString() + " ms");
    }
    else if(event.data.toString().includes("position")){
        console.log("Position: " + event.data);
    }
    else if(event.data.toString().includes("XYZ__FShow__XYZ")){
        const content = event.data.toString().split("XYZ__FShow__XYZ")[1];
        console.log("File Content: " + content);
        console.log(document.getElementById("GCodeWindow"))
        
        console.log(document.querySelectorAll("textarea#GCodeWindow.editor-look")[0]);

        document.querySelectorAll("textarea#GCodeWindow.editor-look")[0].value = content;
    }
    else{
        console.log('DATA  SinceStartup: ' +  (Date.now() - startTime).toString() +':  ', event.data);
    }
}
socket.onerror = (err) => console.error(err.message);