backend.js

const VALID_INSTRUCTIONS = new Set([
    "NIL",
    "MOV",
    "NOP",
    "SWP",
    "SAV",
    "ADD",
    "SUB",
    "NEG",
    "JMP",
    "JEZ",
    "JNZ",
    "JGZ",
    "JLZ"
]);
const VALID_DIR = new Set([
    "NIL",
    "LEFT",
    "RIGHT",
    "UP",
    "DOWN"
]);
const VALID_INTERNAL_DIR = new Set([
    "ACC"
]);

//UI DATA
let MODAL_OPEN = false;


let RUNNING = false;
let FAST = false;
const RUN_SPEED = 500;
const FAST_RUN_SPEED = 150;

let iterations = 0;

const node_count = 9;
let graph_connections = null;
const current_nodes = [];
let current_connection_port_data = []; //[from, to, direction, data]

const LEVEL_ONE_TITLE = "00000"
const LEVEL_ONE_NAME = "Diagnostic STEP A";
const LEVEL_ONE_BLURB = "> Read a value from IN.A \n > Read a value from IN.C \n > Output IN.A to OUT.C \n > Output IN.C to OUT.A";
const LEVEL_ONE_NODES = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const LEVEL_ONE_DATA_A = [111, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 999]; //36 length
const LEVEL_ONE_DATA_B = [];
const LEVEL_ONE_DATA_C = [111, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 999];
const LEVEL_ONE_EXPECTED_OUTPUT_A = [111, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 999];
const LEVEL_ONE_EXPECTED_OUTPUT_B = [];
const LEVEL_ONE_EXPECTED_OUTPUT_C = [111, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 999];

const LEVEL_ONE_CONNECTIONS = [
    [1, 2, 'RIGHT'],
    [1, 4, 'DOWN'],
    [1, 11, 'UP'], // input
    [2, 1, 'LEFT'],
    [2, 22, 'UP'], //input
    [2, 3, 'RIGHT'],
    [2, 5, 'DOWN'],
    [3, 33, 'UP'], //input
    [3, 2, 'LEFT'],
    [3, 6, 'DOWN'],
    [4, 1, 'UP'],
    [4, 7, 'DOWN'],
    [4, 5, 'RIGHT'],
    [5, 2, 'UP'],
    [5, 4, 'LEFT'],
    [5, 6, 'RIGHT'],
    [5, 8, 'DOWN'],
    [6, 3, 'UP'],
    [6, 5, 'LEFT'],
    [6, 9, 'DOWN'],
    [7, 4, 'UP'],
    [7, 8, 'RIGHT'],
    [8, 5, 'UP'],
    [8, 7, 'LEFT'],
    [8, 9, 'RIGHT'],
    [9, 6, 'UP'],
    [9, 8, 'LEFT'],
    [7, 111, 'DOWN'], //output
    [9, 333, 'DOWN'], //output
    [11, 1, 'DOWN'], //input
    [33, 3, 'DOWN'] //input
];

//load level data into these placeholders in initialize level
let OUTPUT_STACK_A = [];
let OUTPUT_STACK_B = [];
let OUTPUT_STACK_C = [];
let INPUT_STACK_A = [];
let INPUT_STACK_B = [];
let INPUT_STACK_C = [];
let EXPECTED_OUTPUT_A = [];
let EXPECTED_OUTPUT_B = [];
let EXPECTED_OUTPUT_C = [];
let LEVEL_TITLE = "";
let LEVEL_NAME = "";

//load the level data for the UI
let UI_LEVEL_TITLE;
let UI_LEVEL_NAME;
let UI_LEVEL_BLURB;
let UI_SOLVED_BLURB;
let UI_SELECTED;


//list containing data waiting at valid connection
//cannot add connection if data is waiting
//instruction is set back


//Adjacency list directed
class Graph {
    constructor() {
        this.adjacencyList = {};
    }

    addVertex(vertex) {
        if (!this.adjacencyList[vertex]) {
            this.adjacencyList[vertex] = [];
        }
    }

    addEdge(vertex1, vertex2) {
        if (!this.adjacencyList[vertex1]) {
            this.addVertex(vertex1);
        }
        if (!this.adjacencyList[vertex2]) {
            this.addVertex(vertex2);
        }
        this.adjacencyList[vertex1].push(vertex2);
    }

    removeEdge(vertex1, vertex2) {
        this.adjacencyList[vertex1] = this.adjacencyList[vertex1].filter(
            v => v !== vertex2
        );
    }

    removeVertex(vertex) {
        while (this.adjacencyList[vertex].length) {
            const adjacentVertex = this.adjacencyList[vertex].pop();
            this.removeEdge(adjacentVertex, vertex);
        }
        delete this.adjacencyList[vertex];
    }

    display() {
        for (let vertex in this.adjacencyList) {
            console.log(vertex + " -> " + this.adjacencyList[vertex].join(", "));
        }
    }
    getEdges(vertex) {
        return this.adjacencyList[vertex] || [];
    }
}

class TNODE {
    constructor(node_id) {
        this.name = node_id;
        this.ACC = 0;
        this.BAK = 0;
        this.LAST = "N/A";
        this.MODE = "IDLE";
        this.IDLE = "0%";
        this.hang_send_state = false;
        this.hang_receive_state = false;
        this.current_instruction_line = -1;
        this.label_jump_instruction_line = -1;
    }
}


function start_up() {

    initalize_nodes();
    reset_display();
    add_node_connections();
    create_node_connection_arrows();
    limit_instruction_input_fiels();
    initialize_level();
    load_level_data();
}



function reset_display() {
    for (let i = 0; i < current_nodes.length; i++) {
        current_nodes[i].ACC = 0;
        current_nodes[i].BAK = 0;
        current_nodes[i].current_instruction_line = -1;
        accv = "NODE" + current_nodes[i].name + "_ACC_VALUE";
        document.getElementById(accv).innerHTML = "0";
        bakv = "NODE" + current_nodes[i].name + "_BAK_VALUE";
        document.getElementById(bakv).innerHTML = "0";
    }
    clear_instruction_colors();
    current_connection_port_data.length = 0;

}


function reset_level_data() {
    //empty i/o registers for level
    //change the colors back on the p tags
    OUTPUT_STACK_A = [];
    OUTPUT_STACK_B = [];
    OUTPUT_STACK_C = [];

    INPUT_STACK_A = [];
    INPUT_STACK_B = [];
    INPUT_STACK_C = [];



    const current_output_a_div = document.getElementById('level_num_box_in_a');
    const current_output_a_para = current_output_a_div.getElementsByTagName('p');
    const current_output_b_div = document.getElementById('level_num_box_in_b');
    const current_output_b_para = current_output_b_div.getElementsByTagName('p');
    const current_output_c_div = document.getElementById('level_num_box_in_c');
    const current_output_c_para = current_output_c_div.getElementsByTagName('p');
    //output
    const current_received_output_a_div = document.getElementById('level_num_box_output_a');
    let current_received_output_a_para = current_received_output_a_div.getElementsByTagName('p');
    const current_received_output_b_div = document.getElementById('level_num_box_output_b');
    let current_received_output_b_para = current_received_output_b_div.getElementsByTagName('p');
    const current_received_output_c_div = document.getElementById('level_num_box_output_c');
    let current_received_output_c_para = current_received_output_c_div.getElementsByTagName('p');


    //delete all previous highlights
    for (i = 0; i < 35; i++) {
        current_output_a_para[i].classList.remove('selected_number_higholight');
        current_output_b_para[i].classList.remove('selected_number_higholight');
        current_output_c_para[i].classList.remove('selected_number_higholight');
        current_received_output_a_para[i].classList.remove('selected_number_higholight');
        current_received_output_a_para[i].classList.remove('incorrect_number_highlight');
        current_received_output_b_para[i].classList.remove('selected_number_higholight');
        current_received_output_b_para[i].classList.remove('incorrect_number_highlight');
        current_received_output_c_para[i].classList.remove('selected_number_higholight');
        current_received_output_c_para[i].classList.remove('incorrect_number_highlight');

    }

}

function update_display() {
    for (let i = 0; i < current_nodes.length; i++) {
        accv = "NODE" + current_nodes[i].name + "_ACC_VALUE";
        document.getElementById(accv).innerHTML = current_nodes[i].ACC;
        bakv = "NODE" + current_nodes[i].name + "_BAK_VALUE";
        document.getElementById(bakv).innerHTML = current_nodes[i].BAK;
    }
}




function update_level_data_ui() {
    //input
    const current_output_a_div = document.getElementById('level_num_box_in_a');
    const current_output_a_para = current_output_a_div.getElementsByTagName('p');
    const current_output_b_div = document.getElementById('level_num_box_in_b');
    const current_output_b_para = current_output_b_div.getElementsByTagName('p');
    const current_output_c_div = document.getElementById('level_num_box_in_c');
    const current_output_c_para = current_output_c_div.getElementsByTagName('p');
    //output
    const current_received_output_a_div = document.getElementById('level_num_box_output_a');
    let current_received_output_a_para = current_received_output_a_div.getElementsByTagName('p');
    const current_received_output_b_div = document.getElementById('level_num_box_output_b');
    let current_received_output_b_para = current_received_output_b_div.getElementsByTagName('p');
    const current_received_output_c_div = document.getElementById('level_num_box_output_c');
    let current_received_output_c_para = current_received_output_c_div.getElementsByTagName('p');

    //delete all previous highlights
    for (i = 0; i < 35; i++) {
        current_output_a_para[i].classList.remove('selected_number_higholight');
        current_output_b_para[i].classList.remove('selected_number_higholight');
        current_output_c_para[i].classList.remove('selected_number_higholight');
        //keep incorrect lines ?
        current_received_output_a_para[i].classList.remove('selected_number_higholight');
        //current_received_output_a_para[i].classList.remove('incorrect_number_highlight');
        current_received_output_b_para[i].classList.remove('selected_number_higholight');
        //current_received_output_b_para[i].classList.remove('incorrect_number_highlight');
        current_received_output_c_para[i].classList.remove('selected_number_higholight');
        //current_received_output_c_para[i].classList.remove('incorrect_number_highlight');

    }

    //HIGHLIGHT CURRENT LINE THAT THE IN NODES ARE OUTPUTTING

    let s = (EXPECTED_OUTPUT_A.length - INPUT_STACK_A.length) - 1;
    if (s < 0) {
        s = 0
    };
    current_output_a_para[s].classList.add('selected_number_higholight');


    s = (EXPECTED_OUTPUT_B.length - INPUT_STACK_B.length) - 1;
    if (s < 0) {
        s = 0
    };
    current_output_b_para[s].classList.add('selected_number_higholight');


    s = (EXPECTED_OUTPUT_C.length - INPUT_STACK_C.length) - 1;
    if (s < 0) {
        s = 0
    };
    current_output_c_para[s].classList.add('selected_number_higholight');


    //Fill the OUT A B C with received outputs
    //HIGHLIGHT CURRENT LINE THAT IS CURRENTLY BEING OUTPUTTED
    //HIGHLIGHT INCORRECT OUTPUTS

    for (i = 0; i < OUTPUT_STACK_A.length; i++) {
        current_received_output_a_para[i].innerText = OUTPUT_STACK_A[i];

        if ((i + 1) == OUTPUT_STACK_A.length) {
            if (OUTPUT_STACK_A[i] == EXPECTED_OUTPUT_A[i]) {
                current_received_output_a_para[i].classList.add('selected_number_higholight');
            } else {
                current_received_output_a_para[i].classList.add('incorrect_number_highlight');
            }
        }
    }


    for (i = 0; i < OUTPUT_STACK_B.length; i++) {
        current_received_output_b_para[i].innerText = OUTPUT_STACK_B[i];

        if ((i + 1) == OUTPUT_STACK_B.length) {
            if (OUTPUT_STACK_B[i] == EXPECTED_OUTPUT_B[i]) {
                current_received_output_b_para[i].classList.add('selected_number_higholight');
            } else {
                current_received_output_b_para[i].classList.add('incorrect_number_highlight');
            }
        }
    }


    for (i = 0; i < OUTPUT_STACK_C.length; i++) {
        current_received_output_c_para[i].innerText = OUTPUT_STACK_C[i];

        if ((i + 1) == OUTPUT_STACK_C.length) {
            if (OUTPUT_STACK_C[i] == EXPECTED_OUTPUT_C[i]) {
                current_received_output_c_para[i].classList.add('selected_number_higholight');
            } else {
                current_received_output_c_para[i].classList.add('incorrect_number_highlight');
            }
        }
    }



}

function clear_instruction_colors(n = -1) {
    if (n == -1) {
        for (let i = 0; i < current_nodes.length; i++) {
            for (let k = 0; k <= 14; k++) {
                const ln = "NODE" + current_nodes[i].name + "_INSTRUCTION" + k + "_CODE_LINE";
                document.getElementById(ln).style.backgroundColor = 'rgb(36, 35, 35)';
            }
        }
    } else {
        for (let k = 0; k <= 14; k++) {
            const ln = "NODE" + n + "_INSTRUCTION" + k + "_CODE_LINE";
            document.getElementById(ln).style.backgroundColor = 'rgb(36, 35, 35)';
        }
    }
}


function add_node_connections() {

    graph_connections = new Graph();

    for (let i = 0; i < current_nodes.length; i++) {
        graph_connections.addVertex(i.name);
    }

    LEVEL_ONE_CONNECTIONS.forEach(pair => {
        const [first, second] = pair;
        graph_connections.addEdge(first, second);
    })

}

function create_node_connection_arrows() {
    // alert(graph_connections.getEdges(1));
}

function initalize_nodes() {
    for (let i = 0; i < LEVEL_ONE_NODES.length; i++) {
        let new_node = new TNODE(LEVEL_ONE_NODES[i]);
        current_nodes.push(new_node);
    }
}

function limit_instruction_input_fiels() {
    document.querySelectorAll('.INSTRUCTION_CODE_LINE').forEach(line => {
        line.addEventListener('input', (e) => {
            const text = e.target.innerText;

            // Limit characters to 15
            if (text.length > 15) {
                e.target.innerText = text.substring(0, 15);
                placeCaretAtEnd(e.target);
            }

            // Prevent new lines
            if (text.includes('\n')) {
                e.target.innerText = text.replace(/\n/g, '');
                placeCaretAtEnd(e.target);
            }
        });

        // Prevent pasting multiline text
        line.addEventListener('paste', (e) => {
            e.preventDefault();
            const text = e.clipboardData.getData('text/plain').replace(/\n/g, '').substring(0, 15);
            document.execCommand('insertText', false, text);
        });
    });
}


function initialize_level() {

    //grab the level form the URL
    let urlParams = new URLSearchParams(window.location.search);
    let level_id = urlParams.get('levelid');
    if (level_id == "" || level_id == null){
        level_id = "ONE";
    }
    let t;
    t = "LEVEL_" + level_id + "_";

    //initialize level data
    INPUT_STACK_A = Array.from(eval(t + "DATA_A"));
    INPUT_STACK_B = Array.from(eval(t + "DATA_B"));
    INPUT_STACK_C = Array.from(eval(t + "DATA_C"));

    EXPECTED_OUTPUT_A = Array.from(eval(t + "EXPECTED_OUTPUT_A"));
    EXPECTED_OUTPUT_B = Array.from(eval(t + "EXPECTED_OUTPUT_B"));
    EXPECTED_OUTPUT_C = Array.from(eval(t + "EXPECTED_OUTPUT_C"));

    LEVEL_TITLE = eval(t + "TITLE");
    UI_LEVEL_TITLE = LEVEL_TITLE;
    LEVEL_NAME = eval(t + "NAME");

    OUTPUT_STACK_A = [];
    OUTPUT_STACK_B = [];
    OUTPUT_STACK_C = [];

    const blurb = document.getElementById('LEVEL_BLURB_TEXT');
    blurb.innerText = eval(t + "BLURB")

    //delete former data if there is any
    //input
    const current_output_a_div = document.getElementById('level_num_box_in_a');
    const current_output_a_para = current_output_a_div.getElementsByTagName('p');
    const current_output_b_div = document.getElementById('level_num_box_in_b');
    const current_output_b_para = current_output_b_div.getElementsByTagName('p');
    const current_output_c_div = document.getElementById('level_num_box_in_c');
    const current_output_c_para = current_output_c_div.getElementsByTagName('p');
    //output
    const current_received_output_a_div = document.getElementById('level_num_box_output_a');
    let current_received_output_a_para = current_received_output_a_div.getElementsByTagName('p');
    const current_received_output_b_div = document.getElementById('level_num_box_output_b');
    let current_received_output_b_para = current_received_output_b_div.getElementsByTagName('p');
    const current_received_output_c_div = document.getElementById('level_num_box_output_c');
    let current_received_output_c_para = current_received_output_c_div.getElementsByTagName('p');

    const current_expected_output_a = document.getElementById('level_num_box_expected_a');
    let current_expected_output_a_para = current_expected_output_a.getElementsByTagName('p');
    const current_expected_output_b = document.getElementById('level_num_box_expected_b');
    let current_expected_output_b_para = current_expected_output_b.getElementsByTagName('p');
    const current_expected_output_c = document.getElementById('level_num_box_expected_c');
    let current_expected_output_c_para = current_expected_output_c.getElementsByTagName('p');

    Array.from(current_output_a_para).forEach(p => p.remove());
    Array.from(current_output_b_para).forEach(p => p.remove());
    Array.from(current_output_c_para).forEach(p => p.remove());
    Array.from(current_received_output_a_para).forEach(p => p.remove());
    Array.from(current_received_output_b_para).forEach(p => p.remove());
    Array.from(current_received_output_c_para).forEach(p => p.remove());
    Array.from(current_expected_output_a_para).forEach(p => p.remove());
    Array.from(current_expected_output_b_para).forEach(p => p.remove());
    Array.from(current_expected_output_c_para).forEach(p => p.remove());


    //fill out user data boxes with empty values
    const numberBoxoutputa = document.getElementById("level_num_box_output_a");
    const numberBoxoutputb = document.getElementById("level_num_box_output_b");
    const numberBoxoutputc = document.getElementById("level_num_box_output_c");

    const in_header_a = document.getElementById("in_a");
    const in_header_b = document.getElementById("in_b");
    const in_header_c = document.getElementById("in_c");

    const out_header_a = document.getElementById("out_a");
    const out_header_b = document.getElementById("out_b");
    const out_header_c = document.getElementById("out_c");

    //DISPLAY DATA
    const numberBox = document.getElementById("level_num_box_in_a");
    if (INPUT_STACK_A.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberElement.textContent = "...";
            numberBox.className = "null_number";
            numberBox.appendChild(numberElement);
            in_header_a.className = "disabled_level_header";

        }
    }
    INPUT_STACK_A.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBox.className = "level_num_box";
        numberBox.appendChild(numberElement);
        in_header_a.className = "level_header";
    })

    const numberBoxb = document.getElementById("level_num_box_in_b");
    if (INPUT_STACK_B.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberBoxb.className = "null_number";
            numberElement.textContent = "...";
            numberBoxb.appendChild(numberElement);
            in_header_b.className = "disabled_level_header";
        }
    }
    INPUT_STACK_B.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBoxb.appendChild(numberElement);
        numberBoxb.className = "level_num_box";
        in_header_b.className = "level_header";
    })

    const numberBoxc = document.getElementById("level_num_box_in_c");
    if (INPUT_STACK_C.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberElement.textContent = "...";
            numberBoxc.className = "null_number";
            numberBoxc.appendChild(numberElement);
            in_header_c.className = "disabled_level_header";
        }
    }
    INPUT_STACK_C.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBoxc.appendChild(numberElement);
        numberBoxc.className = "level_num_box";
        in_header_c.className = "level_header";
    })


    const numberBoxoa = document.getElementById("level_num_box_expected_a");
    if (EXPECTED_OUTPUT_A.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberElement.textContent = "...";
            numberBoxoa.className = "null_number";
            numberBoxoa.appendChild(numberElement);
            numberBoxoutputa.className = "null_number";
            out_header_a.className = "disabled_level_header";
        }
    }
    EXPECTED_OUTPUT_A.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBoxoa.appendChild(numberElement);
        numberBoxoa.className = "level_num_box";
        numberBoxoutputa.className = "level_num_box";
        out_header_a.className = "level_header";
    })

    const numberBoxob = document.getElementById("level_num_box_expected_b");
    if (EXPECTED_OUTPUT_B.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberElement.textContent = "...";
            numberBoxob.className = "null_number";
            numberBoxob.appendChild(numberElement);
            numberBoxoutputb.className = "null_number";
            out_header_b.className = "disabled_level_header";
        }
    }
    EXPECTED_OUTPUT_B.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBoxob.appendChild(numberElement);
        numberBoxob.className = "level_num_box";
        numberBoxoutputb.className = "level_num_box";
        out_header_b.className = "level_header";
    })

    const numberBoxoc = document.getElementById("level_num_box_expected_c");
    if (EXPECTED_OUTPUT_C.length < 1) {
        for (i = 0; i < 36; i++) {
            const numberElement = document.createElement('p');
            numberElement.className = '.number';
            numberElement.textContent = "...";
            numberBoxoc.className = "null_number";
            numberBoxoc.appendChild(numberElement);
            numberBoxoutputc.className = "null_number";
            out_header_c.className = "disabled_level_header";
        }
    }
    EXPECTED_OUTPUT_C.forEach(number => {
        const numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = number;
        numberBoxoc.appendChild(numberElement);
        numberBoxoc.className = "level_num_box";
        numberBoxoutputc.className = "level_num_box";
        out_header_c.className = "level_header";
    })


    for (i = 0; i < 36; i++) {
        let numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = " . ";
        numberBoxoutputa.appendChild(numberElement);
        numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = " . ";
        numberBoxoutputb.appendChild(numberElement);
        numberElement = document.createElement('p');
        numberElement.className = '.number';
        numberElement.textContent = " . ";
        numberBoxoutputc.appendChild(numberElement);
    }


}





// Function to place the caret at the end of the contenteditable div
function placeCaretAtEnd(el) {
    el.focus();
    if (typeof window.getSelection != 'undefined' &&
        typeof document.createRange != 'undefined') {
        const range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        const sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    }
}


function node_send_hang_state_check(node_name) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    if (current_connection_port_data.length > 0) {
        for (let i = 0; i < current_connection_port_data.length; i++) {
            const [from, to, direction, ddata] = current_connection_port_data[i];
            if (from == node_name) {
                //still in hang send state
                return true;
            }
        }

    } else {
        //no longer in hang state
        in_node.hang_send_state = false;
        return false;
    }
    in_node.hang_send_state = false;
    return false;
}



function arrays_Equal(arr1, arr2) {
    // Check if arrays are the same length
    if (arr1.length !== arr2.length) {
        return false;
    }

    // Compare elements
    for (let i = 0; i < arr1.length; i++) {
        if (arr1[i] !== arr2[i]) {
            return false;
        }
    }
    return true;
}

function process_level_conditions() {
    let a = false;
    let b = false;
    let c = false;
    if (EXPECTED_OUTPUT_A.length > 0) {
        if (arrays_Equal(OUTPUT_STACK_A, EXPECTED_OUTPUT_A)) {
            //console.log("EQUAL")
            a = true;
        }
    } else {
        a = true;
    }
    if (EXPECTED_OUTPUT_B.length > 0) {
        if (arrays_Equal(OUTPUT_STACK_B, EXPECTED_OUTPUT_B)) {
            //console.log("EQUAL")
            b = true;
        }
    } else {
        b = true;
    }
    if (EXPECTED_OUTPUT_C.length > 0) {
        if (arrays_Equal(OUTPUT_STACK_C, EXPECTED_OUTPUT_C)) {
            //console.log("EQUAL")
            c = true;
        }
    } else {
        c = true;
    }


    if (a == true && b == true && c == true) {
        save_level_completion_data();
        save_level_data();
        document.getElementById("win_modal").style.display = "block";
    }
}

function process_level() {

    //push numbers to the inputs if the previous numbers have been taken
    if (INPUT_STACK_A.length > 0) {
        a = false;
        //check to see if there is data from this node in the sent list
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (from == 11) {
                    //still has number waiting to be recieved
                    a = true;
                }
            }

        }
        if (a == false) {
            //send a data to be recieved & pop it from the send list
            current_connection_port_data.push([11, 1, "DOWN", INPUT_STACK_A.shift()]);
        }
    }
    if (INPUT_STACK_B.length > 0) {
        a = false;
        //check to see if there is data from this node in the sent list
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (from == 22) {
                    //still has number waiting to be recieved
                    a = true;
                }
            }

        }
        if (a == false) {
            //send a data to be recieved & pop it from the send list
            current_connection_port_data.push([22, 2, "DOWN", INPUT_STACK_B.shift()]);
        }
    }
    if (INPUT_STACK_C.length > 0) {
        a = false;
        //check to see if there is data from this node in the sent list
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (from == 33) {
                    //still has number waiting to be recieved
                    a = true;
                }
            }

        }
        if (a == false) {
            //send a data to be recieved & pop it from the send list
            current_connection_port_data.push([33, 3, "DOWN", INPUT_STACK_C.shift()]);
        }
    }
    //OUTPUT
    //recieve numbers from outputs if some are waiting
    if (EXPECTED_OUTPUT_A.length > 0) {
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (7 == from && 111 == to && "DOWN" == direction) {
                    if (OUTPUT_STACK_A.length < EXPECTED_OUTPUT_A.length) {
                        OUTPUT_STACK_A.push(ddata);
                        // Remove the found entry
                        current_connection_port_data.splice(i, 1);
                    }
                }
            }
        }
    }
    if (EXPECTED_OUTPUT_B.length > 0) {
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (8 == from && 222 == to && "DOWN" == direction) {
                    if (OUTPUT_STACK_B.length < EXPECTED_OUTPUT_B.length) {
                        OUTPUT_STACK_B.push(ddata);
                        // Remove the found entry
                        current_connection_port_data.splice(i, 1);
                    }
                }
            }
        }
    }
    if (EXPECTED_OUTPUT_C.length > 0) {
        if (current_connection_port_data.length > 0) {
            for (let i = 0; i < current_connection_port_data.length; i++) {
                const [from, to, direction, ddata] = current_connection_port_data[i];
                if (9 == from && 333 == to && "DOWN" == direction) {

                    if (OUTPUT_STACK_C.length < EXPECTED_OUTPUT_C.length) {
                        OUTPUT_STACK_C.push(ddata);
                        // Remove the found entry
                        current_connection_port_data.splice(i, 1);
                        return;
                    }
                }
            }
        }
    }
}

function find_instruction(node_name) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    let ln;

    //change the color back to default for our current line
    clear_instruction_colors(in_node.name);

    if (in_node.label_jump_instruction_line != -1) {
        in_node.current_instruction_line = in_node.label_jump_instruction_line;
        in_node.label_jump_instruction_line = -1;
    } else if (in_node.hang_receive_state == false) {
        in_node.current_instruction_line = in_node.current_instruction_line + 1;
    }

    let found_instruction = "";
    let found_instruction_line = "";
    let starting_line = in_node.current_instruction_line - 1;

    for (i = 0; i < 15; i++) {
        starting_line = starting_line + 1;
        if (starting_line > 14) {
            starting_line = 0
        } else if (starting_line < 0) {
            starting_line = 0;
        }
        ln = "NODE" + in_node.name + "_INSTRUCTION" + starting_line + "_CODE_LINE";
        const line = document.getElementById(ln);
        const text = line.innerText.trim().toUpperCase();
        const words = text.split(/\s+/);



        for (let word of words) {
            //Check first char for breakpoint, comment ! #
            //Check first char for label : 
            if (word[0] == "!") {
                found_instruction = "!";
                found_instruction_line = text;
                //console.log("HAS BREAKPOINT-!", word)
                break;
            } else if (word[0] == "#") {
                found_instruction = "#";
                found_instruction_line = text;
                //console.log("HAS COMMENT - #", word)
                break;
            } else if (word[word.length - 1] == ":") {

                //CHECK TO SEE IF THIS LABEL HAS INSTRUTIONS AFTER IT
                //L: MOVE 8 RIGHT
                solo = true;
                to_remove = word;
                for (let word of words) {
                    if (VALID_INSTRUCTIONS.has(word)) {
                        solo = false;
                        found_instruction = word;
                        const new_words = words.filter(word => word.toUpperCase() !== to_remove.toUpperCase());
                        const new_text = new_words.join(' ');
                        found_instruction_line = new_text;
                        break;
                    }
                }

                if (solo == false) {
                    break;
                }
                //LABEL LINES SHOULD BE SKIPPED SO WE DO NOT BREAK
            } else if (VALID_INSTRUCTIONS.has(word)) {
                found_instruction = word;
                found_instruction_line = text;
                //console.log("HAS CODE-", word)
                break;
            } else if (word == "JRO") {
                console.log("IMPLEMENT JRO DUM DUM");
            }
        }
        if (found_instruction != "") {
            break;
        }
    }

    //set the current instruction line
    in_node.current_instruction_line = starting_line;

    //change the line color
    if (found_instruction != "") {
        ln = "NODE" + in_node.name + "_INSTRUCTION" + starting_line + "_CODE_LINE";
        document.getElementById(ln).style.backgroundColor = 'grey';
    }

    let ff = []
    ff.push(found_instruction);
    ff.push(found_instruction_line);
    return ff;
}

function search_for_label(node_name, label_name) {

    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    let starting_line = in_node.current_instruction_line;
    let label_search = label_name + ":";
    for (i = 0; i < 15; i++) {
        starting_line = starting_line + 1;
        if (starting_line > 14) {
            starting_line = 0
        }
        ln = "NODE" + in_node.name + "_INSTRUCTION" + starting_line + "_CODE_LINE";
        const line = document.getElementById(ln);
        const text = line.innerText.trim().toUpperCase();
        const words = text.split(/\s+/);
        for (let word of words) {
            if (word[word.length - 1] == ":" && word == label_search) {
                in_node.label_jump_instruction_line = starting_line;
                return;
            }
        }
    }
}


function inst_jmp(node_name, inst) {
    //JMP CATS
    //search for label
    let i = find_src(inst[1], 1);
    search_for_label(node_name, i[1]);
}

function inst_jez(node_name, inst) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    if (in_node.ACC == 0) {
        let i = find_src(inst[1], 1);
        search_for_label(node_name, i[1]);
    }
}

function inst_jnz(node_name, inst) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    if (in_node.ACC != 0) {
        let i = find_src(inst[1], 1);
        search_for_label(node_name, i[1]);
    }

}

function inst_jgz(node_name, inst) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    if (in_node.ACC > 0) {
        let i = find_src(inst[1], 1);
        search_for_label(node_name, i[1]);
    }

}

function inst_jlz(node_name, inst) {
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    if (in_node.ACC < 0) {
        let i = find_src(inst[1], 1);
        search_for_label(node_name, i[1]);
    }
}


function inst_label() {
    return null;
}

function inst_breakpoint() {
    //WRITE BREAKPOINT PAUSE
    return null;
}

function inst_comment() {
    return null;
}

function inst_nil() {
    return null;
}

function inst_sub(node_name, inst) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    //get the source
    const src = find_src(inst[1], 1);
    if (src[0] == "NULL") {
        return;
    } else if (src[0] == "NUMBER") {
        in_node.ACC = in_node.ACC - Number(src[1]);
        if (in_node.ACC < -999) {
            in_node.ACC = -999;
        }
        return;
    } else if (src[0] == "DIR") {
        //ADD LEFT
        if (confirm_node_connection(node_name, src[1])) {
            let d = get_data_to_receive(node_name, src[1]);
            if (d != null) {
                in_node.ACC = in_node.ACC - Number(d);
                in_node.hang_receive_state = false;
                if (in_node.ACC < -999) {
                    in_node.ACC = -999;
                }
                return;
            } else {
                //PUT NODE IN HANG STATE
                in_node.hang_receive_state = true;
                return;
            }
        }
    }
}

function inst_add(node_name, inst) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    //get the source
    const src = find_src(inst[1], 1);
    if (src[0] == "NULL") {
        return;
    } else if (src[0] == "NUMBER") {
        in_node.ACC = in_node.ACC + Number(src[1]);
        if (in_node.ACC > 999) {
            in_node.ACC = 999;
        }
        return;
    } else if (src[0] == "DIR") {
        //ADD LEFT
        if (confirm_node_connection(node_name, src[1])) {
            let d = get_data_to_receive(node_name, src[1]);
            if (d != null) {
                in_node.ACC = in_node.ACC + Number(d);
                in_node.hang_receive_state = false;
                if (in_node.ACC > 999) {
                    in_node.ACC = 999;
                }
                return;
            } else {
                //PUT NODE IN HANG STATE
                in_node.hang_receive_state = true;
                return;
            }
        }
    }
}

function inst_swp(node_name) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);
    //process the instruction
    let bak = in_node.BAK;
    in_node.BAK = in_node.ACC;
    in_node.ACC = bak;
}

function inst_sav(node_name) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);
    //process the current instruction
    in_node.BAK = in_node.ACC;
}

function inst_nop() {
    return null;
}

function inst_neg(node_name) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    in_node.ACC = -Number(in_node.ACC);

}





function inst_mov(node_name, inst) {
    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);


    //get the source
    const src = find_src(inst[1], 1);
    const dst = find_dst(inst[1], 2);


    if (src[0] == "NULL") {
        return;
    } else if (src[0] == "NUMBER") {
        if (dst[0] == "NULL") {
            return;
        } else if (dst[0] == "DIR") {
            //MOV 5 RIGHT
            if (confirm_node_connection(node_name, dst[1])) {
                //confirm that their is data to pickup IF there is no data then hang for data
                //send the data for pickup, check on next iteration if data has been picked up else send again.
                // move the received data that is in D
                send_data_from_connection_port(node_name, dst[1], src[1]);
                in_node.hang_send_state = true;
                return;
            } else {
                //there is no data waiting to be received, put the node in a hang state
                console.log("NOT VALID MOV LOCATION FOR NUMBER");
            }
        } else if (dst[0] == "ACC") {
            //MOV 5 ACC
            in_node.ACC = Number(src[1]);
            return;
        }
        return;
    } else if (src[0] == "ACC") {
        //keep ACC in register, just move it
        //MOV ACC NIL
        if (dst[1] == "NIL") {
            return;
        } else if (dst[0] == "NULL") {
            return;
        } else if (dst[0] == "DIR") {
            //MOV ACC UP
            if (confirm_node_connection(node_name, dst[1])) {

                send_data_from_connection_port(node_name, dst[1], in_node.ACC);
                in_node.hang_send_state = true;
                return;
            } else {
                console.log("Not VALID ACC->NULL Move location");
                return;
            }
        }
        return;
    } else if (src[0] == "DIR") {
        if (dst[1] == "NIL") {
            //MOV UP NIL
            if (confirm_node_connection(node_name, src[1])) {
                let d = get_data_to_receive(node_name, src[1]);
                if (d != null) {
                    //discard the value
                    in_node.hang_receive_state = false;
                } else {
                    in_node.hang_receive_state = true;
                }
            }
            return;
        } else if (dst[0] == "NULL") {
            return;
        } else if (dst[0] == "NUMBER") {
            return;
        } else if (dst[0] == "ACC") {
            //MOV LEFT ACC

            if (dst[0] == "NULL") {
                return;
            } else if (confirm_node_connection(node_name, src[1])) {

                let d = get_data_to_receive(node_name, src[1]);
                if (d != null) {
                    in_node.ACC = Number(d);
                    in_node.hang_receive_state = false;
                    return;
                } else {
                    //PUT NODE IN HANG STATE
                    in_node.hang_receive_state = true;
                    return;
                }
            }
            return;
        } else if (dst[0] == "DIR") {
            //MOV LEFT RIGHT
            if (confirm_node_connection(node_name, dst[1]) == true) {
                if (confirm_node_connection(node_name, src[1])) {

                    //confirm that their is data to pickup IF there is no data then hang for data
                    //send the data for pickup, check on next iteration if data has been picked up else send again.
                    let d = get_data_to_receive(node_name, src[1]);
                    if (d != null) {
                        // move the received data that is in D
                        send_data_from_connection_port(node_name, dst[1], d);
                        return;
                    } else {
                        //there is no data waiting to be received, put the node in a hang state
                        in_node.hang_receive_state = true;
                        return;
                    }
                }
            }
        }
        return;
    }
}

function isNumber(word) {
    return !isNaN(word);
}


function send_data_from_connection_port(node_id, ddirection, ddata) {
    //send the data from this node to the list AND put the node in a HANG STATE
    LEVEL_ONE_CONNECTIONS.forEach(connection => {
        const [from, to, direction] = connection;
        if (from == node_id && ddirection == direction) {

            //push the data to current connection port data
            //put the node in  hang state
            current_connection_port_data.push([node_id, to, ddirection, ddata]);
            const in_node = current_nodes.find(({
                name
            }) => name === node_id);
            in_node.hang_send_state = true;
        }
    });
    return;
}

function get_data_to_receive(src, ddirection) {
    let dur;
    let flip_receive;
    let d = null;
    if (ddirection == "LEFT") {
        dur = "RIGHT";
    } else if (ddirection == "RIGHT") {
        dur = "LEFT";
    } else if (ddirection == "UP") {
        dur = "DOWN";
    } else if (ddirection == "DOWN") {
        dur = "UP";
    }
    LEVEL_ONE_CONNECTIONS.forEach(connection => {
        const [from, to, direction] = connection;
        if (from == src && ddirection == direction) {
            flip_receive = [to, from, dur];
        }
    });

    if (current_connection_port_data.length > 0) {
        for (let i = 0; i < current_connection_port_data.length; i++) {
            const [from, to, direction, ddata] = current_connection_port_data[i];
            if (flip_receive[0] == from && flip_receive[1] == to && flip_receive[2] == direction) {
                d = ddata;
                // Remove the found entry
                current_connection_port_data.splice(i, 1);
                return d; // Return the data after removing the entry
            }
        }
    } else {
        d = null;
    }
    return d;
}

function confirm_node_connection(node_name, dir) {
    for (const connection of LEVEL_ONE_CONNECTIONS) {
        const [from, to, direction] = connection;
        if (from == node_name && dir == direction) {
            return true;
        }
    };
    return false;
}

function find_src(inst_line, target_word = 1) {
    let r = []
    const words = inst_line.split(/\s+/);
    const word = words[target_word]
    if (isNumber(word)) {
        r.push("NUMBER")
        r.push(word);
        return r;
    }
    //check if valid direction/source/destination
    else if (VALID_DIR.has(word)) {
        r.push("DIR")
        r.push(word);
        return r;
    } else if (VALID_INTERNAL_DIR.has(word)) {
        r.push("ACC")
        r.push(word);
        return r;
    } else {
        r.push("NULL");
        r.push(word);
        return r;
    }
}

function find_dst(inst_line, target_word = 2) {
    let r = []
    const words = inst_line.split(/\s+/);
    if (words.length > 1) {
        const word = words[target_word]
        if (VALID_DIR.has(word)) {
            r.push("DIR")
            r.push(word);
            return r;
        } else if (VALID_INTERNAL_DIR.has(word)) {
            r.push("ACC")
            r.push(word);
            return r;
        } else {
            r.push("NULL");
            r.push(word);
            return r;
        }
    }
    r.push("NULL");
    r.push(word);
    return r;
}

function process_instruction(node_name, inst) {

    //get the current node
    const in_node = current_nodes.find(({
        name
    }) => name === node_name);

    /*
    "#",
    ":", // MAKE LABEL SEARCHER 
    "MOV", SRC DST
    "NOP",  ADD 0
    "SWP", SWAP ACC & BAK VALUES
    "SAV", ACC -> BAK
    "ADD", ADD SRC
    "SUB", SUB SRC
    "NEG", ACC Negative
    "JMP", SRC
    "JEZ", JEZ SRC(LABEL) IF acc = 0
    "JNZ",
    "JGZ",
    "JLZ",
    "JRO",
    "!" //BREAKPOINT  MAKE SEARCHER
    */

    if (inst[0] == "#") {
        inst_comment();
    } else if (inst[0] == ":") {
        inst_label();
    } else if (inst[0] == "!") {
        //SET PROGRAM TO STEP MODE WHEN RUN MODE IS IMPLEMENTED
        inst_breakpoint();
    } else if (inst[0] == "SWP") {
        inst_swp(node_name);
    } else if (inst[0] == "SAV") {
        inst_sav(node_name);
    } else if (inst[0] == "ADD") {
        inst_add(node_name, inst);
    } else if (inst[0] == "MOV") {
        inst_mov(node_name, inst);
    } else if (inst[0] == "NOP") {
        inst_nop();
    } else if (inst[0] == "SUB") {
        inst_sub(node_name, inst);
    } else if (inst[0] == "NEG") {
        inst_neg(node_name);
    } else if (inst[0] == "JMP") {
        inst_jmp(node_name, inst);
    } else if (inst[0] == "JEZ") {
        inst_jez(node_name, inst);
    } else if (inst[0] == "JNZ") {
        inst_jnz(node_name, inst);
    } else if (inst[0] == "JGZ") {
        inst_jgz(node_name, inst);
    } else if (inst[0] == "JLZ") {
        inst_jlz(node_name, inst);
    }


    return null;
}

function stop_run_loop() {
    clearInterval(intervalID);
    iterations = 0;
    document.getElementById('RUN_BUTTON').classList.remove('button_running');
    document.getElementById('RUN_BUTTON').innerText = "RUN";
    document.getElementById('FAST_BUTTON').classList.remove('button_fast');
    document.getElementById('FAST_BUTTON').innerText = "FAST";
    document.getElementById('FAST_BUTTON').disabled = false;
    console.log('loop stopped');
    RUNNING = false;
    FAST = false;
}

function btn_run() {
    //DO THE BTN STEPS FUNCTION IN A LOOP THAT RUNS AT A CERTAIN FRAMERATE
    if (iterations != 0) {
        stop_run_loop();
    } else {
        iterations++;
        let speed = 0;
        if (FAST == true) {
            speed = FAST_RUN_SPEED;
            document.getElementById('FAST_BUTTON').classList.add('button_fast');
            document.getElementById('FAST_BUTTON').innerText = "STOP";
        } else {
            speed = RUN_SPEED;
            document.getElementById('FAST_BUTTON').disabled = true;
        }
        intervalID = setInterval(() => {
            console.log('Iteration', iterations);
            // current_received_output_a_para[i].classList.add('selected_number_higholight');
            document.getElementById('RUN_BUTTON').classList.add('button_running');
            document.getElementById('RUN_BUTTON').innerText = "STOP";


            btn_step();
            RUNNING = true;

            iterations++;
        }, speed);
    }

}

function btn_fast() {
    FAST = true;

    btn_run();

}

//make a function that runs all the nodes
function btn_step() {

    process_level();
    process_level_conditions();
    update_level_data_ui();

    for (let i = 0; i < current_nodes.length; i++) {
        //READ CURRENT INSTRUCTION
        if (node_send_hang_state_check(current_nodes[i].name) == false) {
            let cur_instruction = find_instruction(current_nodes[i].name);
            if (cur_instruction[0] != "") {
                process_instruction(current_nodes[i].name, cur_instruction)
            }
        }
    }

    //update the html to reflect new node data:
    update_display();
}

function btn_stop() {
    reset_display();
    initialize_level();
    stop_run_loop();
}

//button clear
function clear_instruction_data() {
    for (let i = 0; i < current_nodes.length; i++) {
        for (let k = 0; k <= 14; k++) {
            const ln = "NODE" + current_nodes[i].name + "_INSTRUCTION" + k + "_CODE_LINE";
            document.getElementById(ln).innerText = "";
        }
    }
    clear_instruction_colors();
    reset_display();
    initialize_level();
}


function open_manual_modal_btn() {
    window.open('https://www.zachtronics.com/images/TIS-100P%20Reference%20Manual.pdf');
}

//UI FUNCTIONS


function close_win_modal(){
    document.getElementById("win_modal").style.display = "none";
    btn_stop();
}

window.addEventListener('keydown', function (e) {
    if (e.key == "Escape") {
        if (MODAL_OPEN == true) {
            document.getElementById("options_modal").style.display = "none";
            MODAL_OPEN = false;
        } else {
            document.getElementById("options_modal").style.display = "block";
            MODAL_OPEN = true;
        }

    }
}, false);


function index_load(){
    selected_button(undefined, "ONE");
}

function selected_button(button, id = "ONE") {
    //load up the level data based off the button name
    b = button;
    let t;
    if(b != undefined){
     t = "LEVEL_" + b.id + "_";
     UI_SELECTED = b.id;
    }
    else{ t = "LEVEL_" + id + "_"; UI_SELECTED = id;}
    UI_LEVEL_BLURB = eval(t + "BLURB");
    UI_LEVEL_TITLE = eval(t + "TITLE");
    UI_LEVEL_NAME = eval(t + "NAME");
    

    document.getElementById('SEGMENT_TITLE').innerText = UI_LEVEL_TITLE + " " + UI_LEVEL_NAME;
    document.getElementById('LEVEL_BLURB').innerText = UI_LEVEL_BLURB;


    //check to see if this node has been completed before and load the iterations
    let iter = localStorage.getItem("Iterations" + UI_LEVEL_TITLE);
    let date_comp = localStorage.getItem(UI_LEVEL_TITLE + "DATE");

    if(iter){document.getElementById('LAST_SOLVED_ITERATIONS').innerText = "SOLVED ITERATIONS " + iter;}
    else{document.getElementById('LAST_SOLVED_ITERATIONS').innerText = "SOLVED ITERATIONS ?@?@?@"}
    if(date_comp){document.getElementById('LAST_SOLVED_DATE').innerText = "LAST ATTEMPT SOLVED ON " + date_comp;}
    else{document.getElementById('LAST_SOLVED_DATE').innerText = "LAST ATTEMPT SOLVED ON NULL?#?#"}
}

function load_selected_level(){
    let levelid = UI_SELECTED;
    let url = "segment.html?levelid=" + levelid;
    window.location.href = url;
}


function retrieve_instructions_from_node() {
    let d = [];
    let data = [];
    let t;
    for (let i = 0; i < current_nodes.length; i++) {
        data = [];
        for (let k = 0; k <= 14; k++) {
            t = "";
            const ln = "NODE" + current_nodes[i].name + "_INSTRUCTION" + k + "_CODE_LINE";
            t = document.getElementById(ln).innerText;
            data.push(t);
        }
        d.push(data);
    }
    return d;
}


function save_level_completion_data(){
    save_level_data();
    localStorage.setItem("Iterations" + LEVEL_TITLE, iterations);
    localStorage.setItem(LEVEL_TITLE + "DATE", new Date());
}

function save_level_data() {
    //check for existing data, if so delete it
    localStorage.removeItem(LEVEL_TITLE);
    //GATHER LEVEL DATA
    const jsonData = JSON.stringify(retrieve_instructions_from_node());
    localStorage.setItem(LEVEL_TITLE, jsonData);
}

function btn_load(){
    load_level_data();
}

function delete_selected_level_data(){
    
    localStorage.removeItem(UI_LEVEL_TITLE);
    localStorage.removeItem("Iterations" + UI_LEVEL_TITLE);
    localStorage.removeItem(UI_LEVEL_TITLE + "DATE");
    index_load(UI_LEVEL_TITLE);
}

function load_level_data(){

    const jsonData = localStorage.getItem(LEVEL_TITLE);
    
    if(jsonData){
        //data found
        let parsed_data = JSON.parse(jsonData);
        clear_instruction_data();

        for (let i = 0; i < current_nodes.length; i++) {
            for (let k = 0; k <= 14; k++) {
                const ln = "NODE" + current_nodes[i].name + "_INSTRUCTION" + k + "_CODE_LINE";
                document.getElementById(ln).innerText = parsed_data[i][k];
            }
        }

    }
    else{return;}
}

function btn_save() {
    save_level_data();
}