triggerssmith/static/blocks/pages/functions/script.js

let nameStringMod;
let fCodeMod;
// универсальный обработчик (вставка, ввод, удаление, drag-drop)
function triggerUpdate() {
    // вставка иногда происходит позже — даём браузеру завершить операцию
    requestAnimationFrame(updateLineNumbers);
}

// ВСЕ события, которые могут менять текст
code.addEventListener("input", triggerUpdate);
code.addEventListener("change", triggerUpdate);
code.addEventListener("keyup", triggerUpdate);
code.addEventListener("paste", triggerUpdate);
code.addEventListener("cut", triggerUpdate);
code.addEventListener("drop", triggerUpdate);

code.addEventListener("scroll", () => {
    lineNumbers.scrollTop = code.scrollTop;
});
lineNumbers.addEventListener("scroll", () => {
    code.scrollTop = lineNumbers.scrollTop;
});

updateLineNumbers();

// ==================== ORIGINAL FUNCTIONS ====================
async function loadSource(name) {
    if (name != ""){
        const res = await fetch("/api/functions/source/" + name);
        if (!res.ok) {
            code.value = "// source not found or binary only";
            return;
        }

        const text = await res.text();
        code.value = text;
        } else {
            code.value = "";    
        }
    // ВАЖНО: обновляем нумерацию после программной вставки
    requestAnimationFrame(updateLineNumbers);

}

async function loadFunctions() {
    const res = await fetch('/api/functions/list');
    const list = await res.json();

    //const sel = document.getElementById('functionList');
    functionList.innerHTML = '<option value="">— select —</option>';

//    Object.keys(list).forEach(name => {
    list.forEach(name => {
        const opt = document.createElement('option');
        opt.value = name;
        opt.textContent = name;
        functionList.appendChild(opt);
    });
}

function newf() {
    if (functionList.className == 'hidden'){
        functionList.classList.remove('hidden');
        newfunction.classList.add('hidden');
        selectFunction();
        bt_newFunc.innerText = 'Создать';
    } else {
        functionList.classList.add('hidden');
        newfunction.classList.remove('hidden');
        code.value = "";
        newfunction.value = "";
        bt_newFunc.innerText = 'Выбрать';
    }
    code.value = "";
    updateLineNumbers();
}

function selectFunction() {
    loadSource(functionList.value);
    requestAnimationFrame(updateLineNumbers);
}

async function compile() {
    if (functionList.value != ""){
    const res = await fetch('/api/functions/compile', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            functionName: functionList.value,
            goCode: code.value
        })
    });
    output.textContent = await res.text();
    }
}

async function savef() {
    if (newfunction.className == "hidden"){
//        console.log("open")
        popup("old")
    } else {
//        console.log("new")
//        await popup("new",() => {return;});
        await popup("new");
        return;
        console.log("test")
    }
    if (newfunction.value != ""){
    const res = await fetch('/api/functions/save', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            functionName: newfunction.value,
            goCode: code.value
        })
    });
    output.textContent = await res.text();
    }
}

async function run() {
    const name = functionList.value;

    const res = await fetch('/api/functions/run/' + name, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ input: input.value })
    });

    output.textContent = await res.text();
}

function updateLineNumbers() {
    const lines = code.value.split("\n").length;
    let html = "";
    for (let i = 1; i <= lines; i++) {
        html += i + "<br>";
    }
    lineNumbers.innerHTML = html;
}

function btLoc(){
    if (newfunction.value != ""){
        //bt_newFunc.disabled = true;
        nameStringMod = true;
    } else {
        //bt_newFunc.disabled = false
        nameStringMod = false;
    }
}

function codLoc(){
        fCodeMod = true;
        fCodeMod = false;
}

//bt_save.addEventListener("click", () => {const message = 'Пустое сообщение'; popup(message);});


functionList.addEventListener("change", selectFunction);
bt_newFunc.addEventListener("click", newf);
bt_compile.addEventListener("click", compile);
bt_run.addEventListener("click", run);
bt_save.addEventListener("click", savef);
newfunction.addEventListener("input", btLoc)
code.addEventListener("input", codLoc)

loadFunctions();