From f1343417ab135a093fa37871484caa46e5bda483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mark=20Randall=20Havens=20=E2=96=B3=20The=20Empathic=20Tec?=
 =?UTF-8?q?hnologist=20=E2=9F=81=20Doctor=20Who=2042?=
 <mark.r.havens@gmail.com>
Date: Sat, 8 Nov 2025 11:31:02 -0600
Subject: [PATCH] Update app.js

---
 public/app.js | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/public/app.js b/public/app.js
index 925ccf3..0681ff2 100755
--- a/public/app.js
+++ b/public/app.js
@@ -116,4 +116,50 @@ async function renderMarkdown(path) {
   const text = await res.text();
   const html = window.marked ? window.marked.parse(text) : text.replace(/&/g, '&amp;').replace(/</g, '&lt;');
   const safe = window.DOMPurify ? window.DOMPurify.sanitize(html) : html;
-  mdView.innerHTML = safe
\ No newline at end of file
+  mdView.innerHTML = safe;
+  mdView.style.display = "block";
+  htmlView.style.display = "none";
+}
+function renderHTML(path) {
+  htmlView.src = "/" + path;
+  htmlView.style.display = "block";
+  mdView.style.display = "none";
+}
+function setActive(path) {
+  document.querySelectorAll(".file.active").forEach(el => el.classList.remove("active"));
+  const el = PATH_TO_EL.get(path);
+  if (el) {
+    el.classList.add("active");
+    let p = el.parentElement;
+    while (p && p !== treeEl) {
+      if (p.classList.contains("children")) p.parentElement.classList.add("open");
+      p = p.parentElement;
+    }
+  }
+}
+function updatePager() {
+  const query = searchBox.value.trim().toLowerCase();
+  const list = INDEX.flat.filter(f => (filterSel.value === "all" || f.path.split("/")[0] === filterSel.value) && (!query || f.title.toLowerCase().includes(query)));
+  const cmp = sortSel.value === "name" ? (a, b) => a.name.localeCompare(b.name) :
+              sortSel.value === "old" ? (a, b) => a.mtime - b.mtime : (a, b) => b.mtime - a.mtime;
+  list.sort(cmp);
+  const i = list.findIndex(x => x.path === CURRENT_PATH);
+  prevBtn.disabled = i <= 0;
+  nextBtn.disabled = i >= list.length - 1 || i < 0;
+  prevBtn.onclick = () => i > 0 && openPath(list[i - 1].path);
+  nextBtn.onclick = () => i < list.length - 1 && openPath(list[i + 1].path);
+}
+let searchTimer;
+searchBox.addEventListener("input", () => { clearTimeout(searchTimer); searchTimer = setTimeout(rebuildTree, 300); });
+sortSel.addEventListener("change", rebuildTree);
+filterSel.addEventListener("change", rebuildTree);
+document.body.addEventListener("click", e => {
+  const a = e.target.closest("a[href]");
+  if (!a) return;
+  const href = a.getAttribute("href");
+  if (href.startsWith("/") && !href.startsWith("//") && !a.target) {
+    e.preventDefault();
+    openPath(href.replace(/^\//, ""));
+  }
+});
+window.addEventListener("DOMContentLoaded", loadIndex);
\ No newline at end of file