logic.js

var params = new URLSearchParams(document.location.search);

const user = "crazy1112345";  // github link info
const repo = "RMC14Paperwork";
const branch = "main";

var dir;  // Scrapped directory json file

var textbox;  // <p> with contenteditable
var tree;  // TreeView

var file_name = "document.txt";

const elements = {  // Tags
    "[bold]": "<strong>[bold]",
    "[italic]": "<em>[italic]",
    "[bolditalic]": "<strong><em>[bolditalic]",
    "[/bold]": "[/bold]</strong>",
    "[/italic]": "[/italic]</em>",
    "[/bolditalic]": "[/bolditalic]</em></strong>",
    "[head]": "<h3>[head]",
    "[head=1]": "<h3>[head=1]",
    "[head=2]": "<h3>[head=2]",
    "[head=3]": "<h3>[head=3]",
    "[/head]": "[/head]</h3>",
    "[/color]": "[/color]</span>",
}

document.addEventListener('DOMContentLoaded', function()
{
    textbox = document.getElementById("text");
    textbox.addEventListener("focusout", rerender_text)

    tree = document.getElementById("tree");

    fetch_directory(`https://api.github.com/repos/${user}/${repo}/git/trees/${branch}?recursive=1`);

    if (params.has('file'))
    {
        file_name = params.get('file').slice(params.get('file').lastIndexOf('/')+1)
        fetch_file(`https://api.github.com/repos/${user}/${repo}/contents/${params.get('file')}`)
    }

}, false);


// Fetches json file with every file in specified repo
async function fetch_directory(url)
{
    const response = await fetch(url);
    dir = await response.json();

    var tree_links = {"": tree}

    for (const i of dir.tree)
    {
        // Gets array with directory path and file name.
        const path = [i.path.split('/').slice(0, -1).join('/'), i.path.split('/').slice(-1)[0]];

        if (path[1].startsWith('Placeholder'))
            continue;

        const tree_item = document.createElement("li");

        const tree_item_span = document.createElement("span");
        tree_item_span.innerText = path[1];

        if (i.type == "tree")  // Directory
        {
            tree_item_span.classList.add("caret");
            tree_item_span.addEventListener("click", function() {
                this.parentElement.querySelector(".nested").classList.toggle("active");
                this.classList.toggle("caret-down");
            });
        }
        else  // File
        {
            tree_item_span.addEventListener("click", function() {
                params.set('file', i.path);
                history.pushState('', '', '?' + params.toString());
                file_name = i.path.split('/').at(-1);
                fetch_file(i.url);
            });
        }

        tree_item.appendChild(tree_item_span);

        const tree_item_ul = document.createElement("ul");
        tree_item_ul.classList.add("nested");
        tree_item.appendChild(tree_item_ul);

        if (i.type == "tree")
        {
            if (path[0] === "")
                tree_links[path[1]] = tree_item_ul;
            else
                tree_links[path.join('/')] = tree_item_ul;
        }

        tree_links[path[0]].appendChild(tree_item);
    }
}

// Fetches file json with b64 encoded text
async function fetch_file(url)
{
    const response = await fetch(url);
    const file = await response.json();

    console.log(url);

    text.innerHTML = parse_text(decode_text(file.content));
}

// Transforms SS14 papercode tags into html tags
function parse_text(file_content)
{
    var content = "";
    const tokens = `${file_content}`.split(/(\[\/?[a-z=0-9#]+\])/i).filter(Boolean); // stolen from yagwog, thanks <3

    for (const i in tokens)
    {
        if (tokens[i] in elements)
            content += elements[tokens[i]];
        else if (tokens[i].startsWith("[color="))
            content += `<span style="color: ${tokens[i].split('=')[1].slice(0, -1)};">${tokens[i]}`
        else
            content += tokens[i];
    }
    content += "<br/>"
    return content;
}

function rerender_text()
{
    textbox.innerHTML = parse_text(textbox.textContent);
}

// Decodes b64 to UTF-8
function decode_text(encoded)
{
    // atob only can decode into ASCII, github encodes text into UTF-8.
    // Taken from https://stackoverflow.com/a/64752311

    const text = atob(encoded);
    const length = text.length;
    const bytes = new Uint8Array(length);
    for (let i = 0; i < length; i++) {
        bytes[i] = text.charCodeAt(i);
    }
    const decoder = new TextDecoder(); // default is utf-8
    return decoder.decode(bytes);
}


// Adds/Removes autolabel
function toggle_label()
{
    if (textbox.textContent[0] == '#')
        textbox.innerHTML = textbox.innerHTML.slice(textbox.innerHTML.indexOf('\n')+1);
    else
        textbox.innerHTML = `# ${file_name.replace('.txt', '')}\n` + textbox.innerHTML
}


function copy()
{
    navigator.clipboard.writeText(textbox.textContent);
    console.log("Copied the text!");
}

function save()
{
    // TODO, https://developer.mozilla.org/en-US/docs/Web/API/Window/showSaveFilePicker#browser_compatibility

    const blob = new Blob([textbox.textContent], {type:'text/plain'});
    const a = document.createElement('a');

    a.href = URL.createObjectURL(blob);
    a.download = file_name;
    a.click();
}