var Terminal = require('terminal');
require('whatwg-fetch');

function ready(fn) {
    if (document.readyState != 'loading') {
        fn();
    } else {
        document.addEventListener('DOMContentLoaded', fn);
    }
}

function refreshStatus() {
    setTimeout(function() {
        fetch("/api/status")
                    .then(function(response) {
                        return response.text();
                    }).then(function(body) {
                        status.textContent = JSON.parse(body).status;
                        refreshStatus();
                    })
    }, 5000);
}

function keepalive(ws) {
    setTimeout(function() {
            ws.send(" ");
            keepalive();
        }, 60000);
}

ready(function() {
    var ws = new WebSocket('wss://ws.juick.com/');
    var term = new Terminal('terminal', {}, {});
    var status = document.querySelector("#status");
    ws.onopen = function() {
        term.output("<br/>connected");
    };
    ws.onclose = function() {
        term.output("<br/>disconnected");
    }
    ws.onmessage = function(msg) {
        term.output("<br/>" + JSON.stringify(JSON.parse(msg.data), null, 2));
    }
    refreshStatus();
    keepalive(ws);
})