const dragStartHandler = (eve) => {
    draggedElm = eve.target;
    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();
    resetCanvasState();
}

saveBttn.onclick = (eve) => { saveScript(); }
loadBttn.onclick = (eve) => { loadScript;   }
runBttn.onclick  = (eve) => { runScript();  }