mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update app.js

Browse source
This commit is contained in:
Mark Randall Havens △ The Empathic Technologist ⟁ Doctor Who 42 2025-11-08 11:57:17 -06:00 • committed by GitHub
parent b09288d10f
commit 4f154b5e94
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/app.js
View file

@ -8,6 +8,7 @@ const filterSel = document.getElementById("filter");
const searchBox = document.getElementById("search"); const searchBox = document.getElementById("search");
const prevBtn = document.getElementById("prev"); const prevBtn = document.getElementById("prev");
const nextBtn = document.getElementById("next"); const nextBtn = document.getElementById("next");
const sidebar = document.querySelector(".sidebar");
async function loadIndex() { async function loadIndex() {
const res = await fetch("/index.json", { cache: "no-store" }); const res = await fetch("/index.json", { cache: "no-store" });
@ -36,7 +37,7 @@ function rebuildTree() {
const pruned = filterTree(root, f => (filter === "all" || f.path.split("/")[0] === filter) && (!query || (f.title || f.name).toLowerCase().includes(query))); const pruned = filterTree(root, f => (filter === "all" || f.path.split("/")[0] === filter) && (!query || (f.title || f.name).toLowerCase().includes(query)));
sortDir(pruned, sort); sortDir(pruned, sort);
for (const c of pruned.children) treeEl.appendChild(renderNode(c)); for (const c of pruned.children) treeEl.appendChild(renderNode(c));
treeEl.querySelectorAll(".dir").forEach(d => d.classList.add("open")); // Auto-open tops treeEl.querySelectorAll(".dir").forEach(d => d.classList.add("open"));
} }
function filterTree(node, keep) { function filterTree(node, keep) {
if (node.type === "file") return keep(node) ? node : null; if (node.type === "file") return keep(node) ? node : null;
@ -108,17 +109,17 @@ async function openPath(path) {
else renderHTML(f.path); else renderHTML(f.path);
setActive(path); setActive(path);
updatePager(); updatePager();
if (window.innerWidth < 900) document.querySelector(".sidebar").classList.remove("open"); if (window.innerWidth < 900) sidebar.classList.remove("open");
} }
async function renderMarkdown(path) { async function renderMarkdown(path) {
mdView.style.display = "none";
const res = await fetch("/" + path); const res = await fetch("/" + path);
if (!res.ok) { mdView.innerHTML = "<p>File not found: " + path + "</p>"; return; } if (!res.ok) { mdView.innerHTML = "<p>File not found: " + path + "</p>"; requestAnimationFrame(() => mdView.style.display = "block"); return; }
const text = await res.text(); const text = await res.text();
const html = window.marked ? window.marked.parse(text) : text.replace(/&/g, '&amp;').replace(/</g, '&lt;'); const html = window.marked ? window.marked.parse(text) : text.replace(/&/g, '&amp;').replace(/</g, '&lt;');
const safe = window.DOMPurify ? window.DOMPurify.sanitize(html) : html; const safe = window.DOMPurify ? window.DOMPurify.sanitize(html) : html;
mdView.innerHTML = safe; mdView.innerHTML = safe;
mdView.style.display = "block"; requestAnimationFrame(() => { mdView.style.display = "block"; htmlView.style.display = "none"; });
htmlView.style.display = "none";
} }
function renderHTML(path) { function renderHTML(path) {
htmlView.src = "/" + path; htmlView.src = "/" + path;
@ -162,4 +163,5 @@ document.body.addEventListener("click", e => {
openPath(href.replace(/^\//, "")); openPath(href.replace(/^\//, ""));
} }
}); });
window.addEventListener("resize", () => { if (window.innerWidth < 900) sidebar.classList.remove("open"); });
window.addEventListener("DOMContentLoaded", loadIndex); window.addEventListener("DOMContentLoaded", loadIndex);