derw-lang/js/index.mjs

import { unparser } from "./unparser.mjs";
import { parser, runner, openers } from "./parser.mjs";
import objsI from "./objs.mjs";

let data = parser(`
    on(
        [compile]
        {   
            echo(add([2][3]))
            echo([Hello World!])
            echo(add([2][3]))
            echo([Hello World!])
        }
    )
`);

async function runWrap() {
    let objs = Object.assign({},objsI);
    objs.events = new EventTarget();
    await runner(data, objs);
    let ev = new Event('compile'); // TODO: more events

    objs.events.dispatchEvent(ev);
}

let clickedBlock = false;
let clickedArea = false;

async function createBlocks(dat) {
    let args = Object.assign([], dat.args);
    if (!args || !args[0]) args = [dat.args];
    if (!args || !args[0]) args = [];
    for (let i in args) {
        args[i] = await createBlocks(args[i])
    }

    let o = dat.op ? dat.op.charCodeAt() : 'nil';

    let div = document.createElement('div');
    div.classList.add(`op-${o}`)
    div.classList.add(`block-${dat.context}`)
    div.classList.add(`block`)
    div.textContent = dat.str || dat.context;
    document.body.appendChild(div);

    for (let arg of args) {
        if (arg) div.appendChild(arg);
    }

    div.onclick = function (e) {
        if (clickedBlock) {
            if (clickedArea != dat) {
                let p = clickedBlock.parentElement;
                div.parentElement.appendChild(clickedBlock);
                p.appendChild(div);

                let swap = {};
                console.log(clickedArea, dat)
                Object.assign(swap, clickedArea);
                Object.assign(clickedArea, dat);
                Object.assign(dat, swap);
            }

            runWrap();

            clickedBlock = false;
            clickedArea = false;
        } else {
            clickedBlock = div;
            clickedArea = dat;
        }
        e.stopPropagation();
    }

    return div;
}

runWrap();
createBlocks(data);