Updated mathjax parsing.

Author: localhost433

js/mathjax.js

@@ -1,6 +1,9 @@
 window.MathJax = {
+    loader: {
+        load: ['input/tex', 'output/chtml']
+    },
     tex: {
-        packages: { '[+]': ['noerrors', 'ams', 'tipa'] },
+        packages: { '[+]': ['noerrors', 'ams', 'textmacros'] },
         macros: {
             qed: "\\square",
             ran: "\\text{ran}",
@@ -25,9 +28,12 @@ window.MathJax = {
             proj: ["\\text{proj}_{#1}", 1],
         },
         inlineMath: [['$', '$'], ['\\(', '\\)']],
-        displayMath: [['$$', '$$'], ['\\[', '\\]']]
+        displayMath: [['$$', '$$'], ['\\[', '\\]']],
+        textipa: ['{\\fontfamily{tipa}\\selectfont #1}', 1]
     },
     svg: {
         fontCache: 'global'
-    }
-};
+    },
+    cthml: {
+    },
+};

note.html

@@ -13,11 +13,13 @@
             }
         })();
     </script>
+
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Note – Robin’s Site</title>
     <link rel="stylesheet" href="css/shared.css" />
     <link rel="stylesheet" href="css/notes.css" />
+    <link rel="stylesheet" href="https://mirrors.ctan.org/fonts/tipa/tipa.sty/tex/tipa/fonts/tipa/tipa.css" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self';
          script-src 'self' https://cdn.jsdelivr.net;
          connect-src 'self';

notes/js/note.js

@@ -71,32 +71,49 @@ fetch(`/notes/courses/${course}/${noteSlug}.md`)
         const contentDiv = document.createElement("div");
         contentDiv.innerHTML = sanitize(dirty);
 
-        if (headingData.length) {
+        const tocEntries = [];
+
+        contentDiv.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(h => {
+            tocEntries.push({
+                text: h.textContent,
+                level: parseInt(h.tagName.charAt(1), 10),
+                slug: h.id
+            });
+        });
+
+        if (tocEntries.length) {
             const tocNav = document.createElement("nav");
             tocNav.className = "table-of-contents";
             const ul = document.createElement("ul");
 
-            headingData.forEach(({ text, level, slug }) => {
+            tocEntries.forEach(({ text, level, slug }) => {
                 const li = document.createElement("li");
                 li.style.marginLeft = `${(level - 1) * 16}px`;
 
                 const a = document.createElement("a");
                 a.href = `#${slug}`;
                 a.textContent = text;
                 li.append(a);
-                li.addEventListener("click", (e) => {
+
+                li.addEventListener("click", e => {
                     e.preventDefault();
-                    document.getElementById(slug).scrollIntoView({ behavior: "smooth" });
+                    document.getElementById(slug)
+                        .scrollIntoView({ behavior: "smooth" });
                 });
                 ul.append(li);
             });
 
-            tocNav.appendChild(ul);
+            tocNav.append(ul);
             container.prepend(tocNav);
         }
 
         container.append(contentDiv);
 
+        if (window.MathJax && MathJax.typesetPromise) {
+            MathJax.typesetPromise([container])
+                .catch(err => console.error('MathJax typeset failed:', err));
+        }
+        
         const back = document.getElementById("back-to-course");
         back.href = `course.html?id=${encodeURIComponent(course)}`;
     })