script.js

var quill = "placeholder";
var lastset = "none"
var output
//Sleep
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

//Copy to clipboard
function clipCopy(stuff) {
    try {
        navigator.clipboard.writeText(stuff);
    } catch(error){
        console.log("Copy of text failed " + error);
    }
}

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
  var expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(";");
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == " ") {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

//Make HTML out of quill
function quilltoHTML(debug=false){
    try {
    console.log("Converting quill to HTML..");
    ogcontent = quillGetHTML();
    if(debug){
        console.log(ogcontent);
    }
    let substrings = ogcontent.split(/(?=<)/);
    if(debug){
            console.log(substrings);
    }
    for (let i = 0; i < substrings.length; i++) {
        substrings[i] += '\n';
    }
    if(debug){
        console.log(substrings);
    }

    let brrr = substrings.join('')

    //hella replace things (split up so it's not readable but not as bad as if it were one long line)
    brrr = brrr.replace(/class="[^"]*"/g, '');
    brrr = brrr.replace(/ >/g, '>');
    brrr = brrr.replace(/\n<\//g, '</');
    brrr = brrr.replace(/<p>\n<br><\/p>/g, '<br>');
    brrr = brrr.replace(/<p>\n<strong>/g, '<p><strong>');
    brrr = brrr.replace(/ rel="noopener noreferrer" target="_blank"/, '')
    for (let confusion=0; confusion < 11323; confusion++){ //idk why this is necessary but i cba to find a better solution
        brrr = brrr.replace(/<div  data-language="plain">(.*?)<\/div>/, '<code>$1</code>'); 
    }

    //I FUCKING HATE HOW QUILL DOES EQUATIONS LIKE THIS, THIS DOES LIKE NOTHING (I moved on because I have better things to do)
    brrr = brrr.replace(/<span[^>]*aria-hidden="true"[^>]*>[\s\S]*?<\/span>/g, '');

    if(debug){
        console.log(brrr);
    }
    var firstOp = quill.getContents().ops.find(op => op.insert !== '\n'); // Find the first non-empty text segment
    var font = firstOp.attributes && firstOp.attributes.font ? firstOp.attributes.font : 'Sans-Serif';
    var size = firstOp.attributes && firstOp.attributes.size ? firstOp.attributes.size : '8px';
    strappedstyle="<style>\nbody{\nbackground-color:#1e1e2e;\ncolor:#cdd6f4;\nfont-family:"+font+";\n}\n</style>\n";
    console.log("Style to strap: "+strappedstyle);
    output=strappedstyle+brrr;
    const encodedString = btoa(unescape(encodeURIComponent(output)));
    hostlink="https://cstext.pages.dev/host/?note="+encodedString;
    const copyButton = document.createElement("button");
    copyButton.textContent = "Share this note with a friend? (currently read only)";
    copyButton.className = "normalbutton"
    copyButton.onclick = function() {
        clipCopy(hostlink);
        alert('link copied')
    };
    document.getElementById('host').appendChild(copyButton)
    document.getElementById('convertedhtml').innerText = output;
    document.getElementById('htmlout').style.display = 'block';
    console.log("..success!")
    } catch(error){
        console.log("error "+error);
    }
}

//Save and saveload functions
function save(quill) {
    console.log('Saving changes');
    const data = JSON.stringify(quill.getContents());
    return data;
}


function saveLocal(){
    var usin = prompt("write to save name:")
    if (localStorage.getItem(usin) == null) {
      localStorage.setItem(usin, save(quill));
      if (localStorage.getItem("itemlist")==null){
        localStorage.setItem("itemlist", "- " + usin + "\n")
      } else {
        let ls=localStorage.getItem("itemlist")
        localStorage.setItem("itemlist", ls + "- " + usin + "\n")
      }
    } else if (confirm("overwrite save?")) {
      localStorage.setItem(usin, save(quill));
    }
}
function loadLocal(){
    if (localStorage.getItem("itemlist")!=null){
        usin = prompt("Here is a list of all of your saves, choose one: \n \n" + localStorage.getItem("itemlist"))
    } else {
        alert("Sorry, you don't have any saves yet, if this is due to a bug in an update, we apologise")
    }
    if(confirm("load save "+usin+"?")){
      data = JSON.parse(localStorage.getItem(usin));
      quill.setContents(data);
      console.log("..success!");
      console.log(data);
    } else {
      console.log("loadsave cancelled successfully")
    }
}

function dropdown(){
    if (lastset == "block"){
        document.getElementById("dropdown-content").style.display="none"
        lastset = "none"
    } else {
        document.getElementById("dropdown-content").style.display="block"
        lastset = "block"
    }
}

function dlSave(){
    console.log("dlSave requested");
    let textFile = null;
    const makeTextFile = (text) => {
      const data = new Blob ([text], { type: 'text/plain', });
      if (textFile !== null) {
        window.URL.revokeObjectURL (textFile);
      }
      textFile = window.URL.createObjectURL (data);
      return textFile;
    };
    const link = document.createElement ('a');
    var nam = prompt("File name:")
    if (nam != null){
        link.setAttribute ('download', nam + ".cst");
    }
    link.href = makeTextFile(save(quill));
    try {
        link.click();
        console.log("successfully downloaded text file");
    } catch(error) {
        console.log("Small problem: " + error);
    }
}


function upSave(){
    console.log("upSave requested");
    var input = document.createElement('input');
    input.type = 'file';
    input.onchange = (e) => {
      var file = e.target.files[0];
      var reader = new FileReader();
      reader.readAsText(file, 'UTF-8');
      reader.onload = (readerEvent) => {
        var content = readerEvent.target.result;
        var data = JSON.parse(content);
        console.log(data);
        quill.setContents(data);
      }
    }
    try {
        input.click();
        console.log("load success!");
    } catch(error) {
        console.log("fuck you :D " + error);
    }

}

//Function to get HTML from a quill delta
function quillGetHTML(inputDelta=quill.getContents()) {
    console.log("Get Quill HTML");
    try {
        var tempCont = document.createElement("div");
        (new Quill(tempCont)).setContents(inputDelta);
        convhtml = tempCont.getElementsByClassName("ql-editor")[0].innerHTML;
        console.log("..success!");
    } catch(error){
        console.log("Quill HTML get failed. " + error);
    }
    return convhtml;
}

//Set quill to an empty string. Just disables all quill functions. Not sure why you need this.
function killQuill(){
    quill = "";
    console.log("quill killed. saving and loading is broken but it probably still works");
}


//Custom handler functions for the video link input (turns it into embedded links)
function getVideoUrl(url) {
    let match =
    url.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/) || //Yes this is a pain to decipher, I had bing do it
    url.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);

    if (match && match.length === 3) {
    return `https://www.youtube.com/embed/${match[2]}?showinfo=0`;
    }

    match = url.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/);
    if (match) {
        return `https://player.vimeo.com/video/${match[1]}/`;
    }

return "invalid";
}


function videoHandler() {
    console.log("Video embed button triggered");
    let url = prompt("Enter Video URL:"); // Prompt the user for the video URL
    if (url) {
        url = getVideoUrl(url); // Convert the URL to an embeddable format
        if (url == "invalid") {
            alert("invalid url provided (needs youtube or vimeo)");
            url=False;
        }

        let range = quill.getSelection();
        if (url) {
            quill.insertEmbed(range, "video", url); // Insert the video embed
        }
    } else {
        console.log("Invalid video URL provided.");
    }
}


//Essentially the main function, cuz quill needs the page to be loaded first (ik it's not a function)
document.addEventListener('DOMContentLoaded', (event) => {
    console.log("CStext 0.3.0, powered by wTextitor v0.2.1c")
    //Only init quill after everything has loaded because otherwise it throws an error :shrug:
    console.log("initalise quill");
    const fontSizeArr = ['8px','9px','10px','12px','14px','16px','20px','24px','32px','42px','54px','68px','84px','98px'];
    try {
        var Delta = Quill.import('delta');
        var Size = Quill.import('attributors/style/size');
        Size.whitelist = fontSizeArr;
        Quill.register(Size, true);
        var toolbarOptions = {
            container: [ //All the toolbar shit
            [{ 'font': [] }, { 'size': fontSizeArr }],
            ['bold', 'italic', 'underline', 'strike'],
            ['link', 'image', 'video'],
            [{ 'list': 'ordered'}, { 'list': 'bullet' }, { 'list': 'check' }, { 'align': [] }],
            ['blockquote', 'code-block', 'formula'],
            [{ 'background': [] }],
            [{ 'script': 'sub'}, { 'script': 'super' }],
            [{'header': 1}, {'header': 2}]
            ],
            handlers: {
                video: videoHandler
            }
        };

        quill = new Quill('#editor', {
            modules: {
                toolbar: toolbarOptions
            },
        theme: 'snow'
        });

    } catch(error) {
        console.log("quill broke with " + error);
        document.getElementById('infoh1').innerHTML = "quill failed to load.";
        document.getElementById('infop1').innerHTML = "Please refresh the page. If this this issue persists, please create an issue on https://github.com/ThisCatLikesCrypto/Website (not a link)";
        document.getElementById('infop2').innerHTML = "Error is " + error;
        document.getElementById('infop3').innerHTML = "Please remember that this is still in alpha, and all feedback is welcome!";
    }

    var change = new Delta();
        quill.on('text-change', function(delta) {
        change = change.compose(delta);
    });
    var toContinue=getQueryVariable("continue")
    if (toContinue != "no"){
        loadLocal()
    }
    if (getCookie("theme") != ""){
        document.getElementById("theme").href="css/"+getCookie("theme")+".css"
    }
});

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return "no";
}

function showSettings(){
    document.getElementById("notSettings").style.display="none"
    document.getElementById("settings").style.display="block"
}

function hideSettings(){
    document.getElementById("settings").style.display="none"
    document.getElementById("notSettings").style.display="block"
}


function changeTheme(theme){
    setCookie("theme", theme, 365)
    alert("theme set, save your work and reload cstext when you are ready")
}