const dragStartHandler = (eve) => {
    draggedElm = eve.target;
    console.debug("Node: ", draggedElm);
    eve.dataTransfer.setData("text", eve.target.tagName.toLowerCase());
}

const dragOverHandler = (eve) => { eve.preventDefault(); }

const dragDropHandler = (eve) => {
    eve.preventDefault();
    eve.stopPropagation();

    const tagTarget = eve.currentTarget;

    if (
        eve.currentTarget.id.toLowerCase() === "header"     ||
        eve.currentTarget.classList.contains("flex-parent")
    ) {
        if ( draggedElm.parentNode.id.toLowerCase() !== "menu" ) {
            destroyScriptBlock(draggedElm, tagTarget);
        }

        return;
    }

    addBlockToScript(draggedElm, tagTarget);
}


window.onload = (eve) => {
    setupMenuBlocks();
    setupDragAndDrop();
    setupScriptRunner();
}

clearBttn.onclick = (eve) => {
    clearScriptNode();
    clearCanvas();
}

saveBttn.onclick  = (eve) => {
    console.log("Save");
}

loadBttn.onclick  = (eve) => {
    console.log("Load");
}

runBttn.onclick  = (eve) => {
    console.log("Run");
    runScript();
}