main.js

let worker = null;

document.addEventListener('DOMContentLoaded', (event) => {

});

let deleteWorker = function() {
    worker.terminate();
    worker = null;
};

let keyupListener = function(event) {
    if(event.key === "Enter") {
        event.preventDefault();
        keyupListener.sendBtn.click();
    }
};

let runClicked = function(context, debug_mode, max_lines) {
    if (debug_mode === undefined) {
        debug_mode = true;
    }
    if (max_lines === undefined) {
        max_lines = 6;
    }
    if (worker !== null) {
        deleteWorker();
    }
    let inputArea = context.parentNode.parentNode.children[0];
    let outputArea = context.parentNode.children[1];
    if (context.parentNode.children.length > 3) {
        intentInput = context.parentNode.children[2];
        let sendBtn = context.parentNode.children[3];
        keyupListener.sendBtn = sendBtn;
        intentInput.addEventListener("keyup", keyupListener, false);
        intentInput.style.display = "";
        sendBtn.style.display = "";
        sendBtn.onclick = function() {
            if (worker !== null) {
                worker.postMessage({
                    type: 'handle-event', 
                    input: intentInput.value
                });
                intentInput.value = "";
            }
        };
    }
    let dmsExample = inputArea.innerText.split('\n');
    dmsExample.shift();
    let dms = dmsExample.join('\n');
    outputArea.innerText = "";
    let dmpl = Compiler(dms);
    worker = new Worker('./worker.js');
    worker.onmessage = function(msg) {
        let { data } = msg;
        switch(data.type) {
            case 'print':
                let dataJson = JSON.parse(data.text);
                if (dataJson['@act'] !== undefined) {
                    outputArea.innerText += `${JSON.stringify(dataJson['@act'])}\n`;
                } else if (dataJson['@set'] !== undefined) {
                    outputArea.innerText += `${dataJson['@set']} = ${JSON.stringify(dataJson['val'])}\n`;
                }
                
                if (outputArea.innerText.split('\n').length > max_lines) {
                    outputArea.innerText += `...`;
                    deleteWorker();
                }
                break;
            default:
                throw new Error('Unknown message from worker: ' + JSON.stringify(data));
        }
    };
    worker.postMessage({
        type: 'start', 
        dependencies: {
            "__main__": dmpl
        },
        debug_mode: debug_mode
    });
    return false;
}