let md = markdownit({
    html: true,
    linkify: true,
    langPrefix: "hljs language-",
    highlight: (c, l) => {
        const language = hljs.getLanguage(l) ? l : "plaintext";
        return hljs.highlight(c, {language}).value;
    }
});
md.use(texmath, {
    engine: katex,
    delimiters: ["dollars", "beg_end"]
});
md.use(markdownItAnchor, {
    permalink: markdownItAnchor.permalink.linkInsideHeader({
        placement: "after",
        ariaHidden: true
    }),
    // prepend current file id to the anchor permalink
    slugify: s => `${getId() ?? ""}-${encodeURIComponent(String(s).trim().toLowerCase().normalize("NFKD").replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""))}`
});
md.use(markdownitFootnote);

let rulesToReplace = [
    // prepend current file id to footnotes
    ["footnote_ref", [/href="#(fn\d+)"/, `href="#${getId() ?? ""}-$1"`]],
    ["footnote_open", [/id="(fn\d+)"/, `id="${getId() ?? ""}-$1"`]],
    // prepend current file id to footnote refs
    ["footnote_ref", [/id="(fnref\d+)"/, `id="${getId() ?? ""}-$1"`]],
    ["footnote_anchor", [/href="#(fnref\d+)"/, `href="#${getId() ?? ""}-$1"`]]
];
for (let replacement of rulesToReplace) {
    let prevRule = md.renderer.rules[replacement[0]];
    md.renderer.rules[replacement[0]] = (tokens, idx, options, env, self) => {
        return prevRule(tokens, idx, options, env, self).replace(...replacement[1]);
    };
}

let main = $("#main");
$(window).on("hashchange", e => {
    let oldUrl = e.originalEvent?.oldURL;
    let oldHash = oldUrl?.lastIndexOf("#");
    if (oldHash && getId(oldUrl.substring(oldHash)) !== getId())
        display();
});
display();

function display() {
    main.html(`<div class="center-message"><p>Loading...</p></div>`);
    let id = getId();
    $.ajax({
        method: "get",
        url: id ? `share.php?id=${id}` : "index.md",
        success: t => {
            main.html(DOMPurify.sanitize(md.render(t)));

            // scroll to anchor
            $(() => {
                let element = $(window.location.hash);
                if (element.length)
                    $(window).scrollTop(element.offset().top);
            });
        },
        error: (r, s, e) => main.html(`<div class="center-message"><p>Error loading shared note with id <code>${id}</code>: ${e}</p><p><a href="#">Home</a></p></div>`)
    });
}

function getId(hash) {
    hash ||= window.location.hash;
    if (!hash)
        return undefined;
    // hashes consist of the file id, a dash and then the permalink anchor name
    let dash = hash.indexOf("-");
    return hash.substring(1, dash > 0 ? dash : hash.length);
}