From 1b0f3bf67ab6d4dbc94818bf174764dd498e32f7 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Tue, 17 Oct 2023 18:23:37 +0200
Subject: [PATCH] moved scripts out of index.html

---
 server/public/index.html | 78 +---------------------------------------
 server/public/index.js   | 75 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 77 deletions(-)
 create mode 100644 server/public/index.js
diff --git a/server/public/index.html b/server/public/index.html
index 454993a..309973f 100644
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -29,83 +29,7 @@
 <body>
     <div class="content">
         <div id="main">
-            <script>
-                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);
-                }
-            </script>
+            <script src="index.js"></script>
         </div>
         <div id="footer">
             Created using <a href="/">Just Share Please</a> for <a href="https://obsidian.md">Obsidian</a>
diff --git a/server/public/index.js b/server/public/index.js
new file mode 100644
index 0000000..cc3c686
--- /dev/null
+++ b/server/public/index.js
@@ -0,0 +1,75 @@
+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);
+}
