calepin 0.0.38

A Rust CLI for preprocessing Typst documents with executable code chunks
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

(() => {
  "use strict";

  const toc = document.querySelector(".calepin-website-toc");
  if (!toc) return;

  const entries = Array.from(toc.querySelectorAll('a[href^="#"]'))
    .map((link) => {
      const id = decodeURIComponent(link.hash.slice(1));
      return { link, heading: document.getElementById(id) };
    })
    .filter((entry) => entry.heading);
  if (!entries.length) return;

  let activeLink = null;
  let ticking = false;

  function revealInToc(link) {
    const tocBox = toc.getBoundingClientRect();
    const linkBox = link.getBoundingClientRect();
    const padding = 12;

    if (linkBox.top < tocBox.top + padding) {
      toc.scrollBy({ top: linkBox.top - tocBox.top - padding, behavior: "smooth" });
    } else if (linkBox.bottom > tocBox.bottom - padding) {
      toc.scrollBy({ top: linkBox.bottom - tocBox.bottom + padding, behavior: "smooth" });
    }
  }

  function setActive(link) {
    if (link === activeLink) return;
    activeLink?.classList.remove("active");
    activeLink?.removeAttribute("aria-current");
    activeLink = link;
    activeLink.classList.add("active");
    activeLink.setAttribute("aria-current", "location");
    revealInToc(activeLink);
  }

  function update() {
    const topbar = document.querySelector(".calepin-website-topbar, .academic-topbar");
    const threshold = (topbar?.offsetHeight || 0) + 24;
    let current = entries[0];

    for (const entry of entries) {
      if (entry.heading.getBoundingClientRect().top > threshold) break;
      current = entry;
    }

    setActive(current.link);
    ticking = false;
  }

  function requestUpdate() {
    if (ticking) return;
    ticking = true;
    window.requestAnimationFrame(update);
  }

  window.addEventListener("scroll", requestUpdate, { passive: true });
  window.addEventListener("resize", requestUpdate);
  window.addEventListener("hashchange", requestUpdate);
  requestUpdate();
})();