Function loadNote

script.js:178–229

(note, headingSlug = null)

// --- Loading and rendering notes ------------------------------

async function loadNote(note, headingSlug = null) {
  activeNoteId = note.id;
  renderBreadcrumb(note);
  setActiveLink(note.id);
  pushNav(note.id);      // navigation history
  addToRecent(note.id);  // recently viewed

  contentEl.textContent = "Loading…";

  let md;
  if (noteCache.has(note.path)) {
    md = noteCache.get(note.path);
  } else {
    const res = await fetch(note.path);
    if (!res.ok) {
      contentEl.textContent = `Failed to load: ${note.path}`;
      return;
    }
    md = await res.text();
    noteCache.set(note.path, md);
  }

  // Process image embeds FIRST, then wiki links — order matters
  const withImages = replaceImageEmbeds(md);
  const withWiki   = replaceWikiLinks(withImages);
  const html       = marked.parse(withWiki);

  // Wrap in .prose so the column centres without breaking pre overflow
  const prose = document.createElement("div");
  prose.className = "prose";
  prose.innerHTML = html;
  contentEl.innerHTML = "";
  contentEl.appendChild(prose);

  addHeadingIds(prose);
  wireWikiLinks(prose);

  // Syntax highlighting
  if (typeof hljs !== "undefined") {
    prose.querySelectorAll("pre code").forEach((block) => {
      hljs.highlightElement(block);
    });
  }

  // Copy-to-clipboard buttons on every code block
  addCopyButtons(prose);

  if (headingSlug) requestAnimationFrame(() => scrollToHeading(headingSlug));

  // Sync URL hash without pushing a new history entry
  history.replaceState(null, "", "#" + note.id);
}

function wireWikiLinks(container) {
  container = container || contentEl;