const loadPreviewEditor = () => {
    ace.require("ace/ext/language_tools");

    previewEditor = ace.edit("preview-editor");
    // Note:  https://github.com/ajaxorg/ace/wiki/Configuring-Ace
    previewEditor.setOptions(editorOpts);

    // Note:  https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts
    previewEditor.commands.addCommands(editorCommands);
    previewEditor.setReadOnly(true);

    previewEditor.setTheme("ace/theme/one_dark");
}

const loadEditor = () => {
    ace.require("ace/ext/language_tools");
    ace.require("ace-linters/language-client");

    editor = ace.edit("editor");
    // Note:  https://github.com/ajaxorg/ace/wiki/Configuring-Ace
    editor.setOptions(editorOpts);

    // Note:  https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts
    editor.commands.addCommands(editorCommands);

    editor.setTheme("ace/theme/one_dark");

    editor.addEventListener("click", (eve) => {
        setLabels();
    });
}

const loadInitialSession = () => {
    newSession(null, editor.getSession());
}

const loadStartingFiles = () => {
    sendMessage("load_starting_files");
}

const newSession = async (eve = null, session = null) => {
    let ftype          = "buffer";
    let fhash          = Date.now().toString();
    let fpath          = ""
    session            = ( isNotNullOrUndefined(session) ) ? session : ace.createEditSession("");

    aceSessions[fhash] = {"ftype": ftype, "fname": "", "fpath": fpath, "session": session};

    setSession(ftype, fhash, session);
    sendMessage("load_buffer", ftype, fhash, fpath, "");
}

const switchSession = (fhash) => {
    ftype   = aceSessions[fhash]["ftype"];
    session = aceSessions[fhash]["session"];

    setSession(ftype, fhash, session);
}

// const setSession = (ftype, fhash, session) => {
const setSession = async (ftype, fhash, session) => {
    currentSession = fhash;
    editor.setSession(session);

    if (ftype !== "buffer") {
        editor.session.setMode("ace/mode/" + ftype);

        if (ftype === "python") {
            // const baseLink = "http://0.0.0.0:4880";

            // importJavaScriptFile(baseLink + "/ace-linters.js").then(
            importJavaScriptFileFromBlobURL( scriptBlobURLs["ace-linters.js"] ).then(
                async () => {
                    /* Works but isn't websocket */
                    // manager.registerService("python", {
                    //     module: () => {
                    //         importScripts( "${ scriptBlobURLs["python-service.js"] }" );
                    //         return {PythonService};
                    //     },
                    //     className: "PythonService",
                    //     modes: "python|python3",
                    // });

                    // importScripts("${await importScriptFromNetwork(baseLink + "/service-manager.js")}");
                    // importScripts("${await importScriptFromNetwork(baseLink + "/python-service.js")}");
                    // importScripts("${await importScriptFromNetwork(baseLink + "/language-client.js")}");
                    let workerString = `
                        !function () {
                            importScripts( "${ scriptBlobURLs["service-manager.js"] }" );
                            let manager = new ServiceManager(self);

                            /* Works and is websocket */
                            manager.registerServer("python", {
                                module: () => {
                                    importScripts( "${ scriptBlobURLs["language-client.js"] }" );
                                    return {LanguageClient};
                                },
                                modes: "python|python3",
                                type: "socket", // "socket|worker"
                                socket: new WebSocket("ws://127.0.0.1:3030/python"),
                                initializationOptions: {
                                    "pylsp.plugins.jedi.extra_paths": [
                                        "/home/abaddon/Portable_Apps/py-venvs/flask-apps-venv/venv/lib/python3.10/site-packages",
                                        "/home/abaddon/Portable_Apps/py-venvs/gtk-apps-venv/venv/lib/python3.10/site-packages/gi"
                                    ]
                                }
                            });

                        }()
                    `;

                    let worker   = new Worker(
                        createBlobURL(
                            createScriptBlob(workerString)
                        )
                    );

                    let provider = LanguageProvider.create(worker);
                    provider.registerEditor(editor);

                }
            ).catch((e) => {
                console.log(e);
            });

        }
    }

    setLabels();
}

const updateSession = (fhash, ftype, fname, fpath) => {
    aceSessions[fhash]["ftype"] = ftype;
    aceSessions[fhash]["fname"] = fname;
    aceSessions[fhash]["fpath"] = fpath;
}

const closeSession = () => {
    let keys  = Object.keys(aceSessions);
    if (keys.length === 1) {
        const msg = "Can't close last buffer...";
        displayMessage(msg, "warning", 3);
        return;
    }

    let index = keys.indexOf(currentSession);
    let fhash = keys[index + 1];
    if ( !isNotNullOrUndefined(fhash) ) {
        fhash = keys[index - 1];
    }

    let ftype   = aceSessions[fhash]["ftype"];
    let session = aceSessions[fhash]["session"];

    delete aceSessions[currentSession]["session"];
    delete aceSessions[currentSession];

    setSession(ftype, fhash, session);
}

const removeSession = (fhash) => {
    delete aceSessions[fhash];
}

const loadFile = (ftype, fname, fpath, content, line = 0) => {
    let fhash          = Date.now().toString();
    session            = ace.createEditSession( atob(content) );
    aceSessions[fhash] = {"ftype": ftype, "fname": fname, "fpath": fpath, "session": session};

    setSession(ftype, fhash, session);
    sendMessage("load_file", ftype, fhash, fpath, fname);
}

const saveSession = (fhash) => {
    let ftype   = aceSessions[fhash]["ftype"];
    let fpath   = aceSessions[fhash]["fpath"];
    let session = aceSessions[fhash]["session"];
    let content = session.getValue();

    sendMessage("save", ftype, fhash, fpath, content);
}




const listOpenBuffers = () => {
    $('#buffers-modal').modal("toggle");

    let ulElm = document.getElementById('buffers-selection');
    let keys  = Object.keys(aceSessions);

    for (let i = 0; i < keys.length; i++) {
        let session = aceSessions[keys[i]];
        let liElm   = document.createElement("li");
        let fname   = aceSessions[keys[i]]["fname"];
        let fhash   = keys[i];

        liElm.innerText = ( fname === "" ) ? "buffer" : fname;
        liElm.classList.add("list-group-item");
        liElm.setAttribute("fhash", fhash);

        if (fhash === currentSession) {
            let fpath   = aceSessions[fhash]["fpath"];
            previewSel  = liElm;

            liElm.classList.add("bg-success");
            liElm.classList.add("bg-info");
            document.getElementById("preview-path").innerText = fpath;
        }


        liElm.addEventListener("click", (eve) => {
            if ( !isNotNullOrUndefined(previewSel) ) return;

            previewSel.classList.remove("bg-info");

            let fhash   = eve.target.getAttribute("fhash");
            let ftype   = aceSessions[fhash]["ftype"];
            let session = aceSessions[fhash]["session"];
            let fpath   = aceSessions[fhash]["fpath"];
            previewSel  = eve.target;

            previewEditor.setSession(session);

            if (ftype !== "buffer") {
                previewEditor.session.setMode(`ace/mode/${ftype}`);
            }

            document.getElementById("preview-path").innerText = fpath;
            previewSel.classList.add("bg-info");
        })

        liElm.addEventListener("dblclick", (eve) => {
            let fhash   = eve.target.getAttribute("fhash");
            let ftype   = aceSessions[fhash]["ftype"];
            let session = aceSessions[fhash]["session"];

            clearChildNodes(previewSel.parentElement);

            previewSel  = null;
            setSession(ftype, fhash, session);
            $('#buffers-modal').modal("toggle");
            editor.focus();
        })

        ulElm.appendChild(liElm);
    }
}


const selectPriorPreview = () => {
    let selectedElm = previewSel.previousElementSibling;
    if ( !isNotNullOrUndefined(selectedElm) ) {
        let childrenElms = previewSel.parentElement.children;
        selectedElm = childrenElms[childrenElms.length - 1];
    }

    selectedElm.click();
}

const selectNextPreview = () => {
    let selectedElm = previewSel.nextElementSibling;
    if ( !isNotNullOrUndefined(selectedElm) ) {
        let childrenElms = previewSel.parentElement.children;
        selectedElm = childrenElms[0];
    }

    selectedElm.click();
}


const setLabels = () => {
    let ftype  = aceSessions[currentSession]["ftype"];
    let fpath  = aceSessions[currentSession]["fpath"];
    let cursor = editor.selection.getCursor();
    let pos    = `${cursor.row + 1}:${cursor.column}`;

    sendMessage("set_info_labels", ftype, "", fpath, pos);
}


const findEntry = (query = null, isBackwwards = true, isWrap = true,
                                                        isCaseSensitive = false,
                                                        useWholeWord = false,
                                                        useRegExp = false,
                                                        range = null) => {
    // if ( isNotNullOrUndefined(queryMarkers) ) {
    //     for (let i = 0; i < queryMarkers.length; i++) {
    //         delete queryMarkers[i];
    //     }
    // }

    // let result = editor.find(query, {
    //     backwards: isBackwwards === "True" ? true : false,
    //     wrap: isWrap === "True" ? true : false,
    //     caseSensitive: isCaseSensitive === "True" ? true : false,
    //     wholeWord: useWholeWord === "True" ? true : false,
    //     regExp: useRegExp === "True" ? true : false,
    //     range: range === "True" ? true : false
    // });

    let result = editor.findAll(query, {
        caseSensitive: isCaseSensitive === "True" ? true : false,
        wholeWord: useWholeWord === "True" ? true : false,
        regExp: useRegExp === "True" ? true : false,
    });

    console.log(result)
    // if ( isNotNullOrUndefined(result) ) {
    //     for (let i = 0; i < result.length; i++) {
    //         loadMarker( result[i] );
    //     }
    // }
}


const loadMarker = (r) => {
    var range = new Range(rowStart, columnStart, rowEnd, columnEnd);
    // var range = new Range(r.start.row, r.start.column, r.end.row, r.end.column);
    let marker = editor.getSession().addMarker(range, "ace_selected_word", "text");
    queryMarkers.append(marker);
}



const findNextEntry = (query) => {
    editor.findNext();
}

const findPreviousEntry = (query) => {
    editor.findPrevious();
}

const replaceEntry = (fromStr, toStr) => {
    console.log(fromStr);
    console.log(toStr);
}

const replaceAll = (fromStr, toStr) => {
    console.log(fromStr);
    console.log(toStr);
}

const zoomIn = () => {
    fontSize += 1;
    document.getElementById('editor').style.fontSize = `${fontSize}px`;
}

const zoomOut = () => {
    fontSize -= 1;
    document.getElementById('editor').style.fontSize = `${fontSize}px`;
}

const toggleLineHighlight = () => {
    highlightLine = !highlightLine;
    editor.setHighlightActiveLine(highlightLine);
}