calepin 0.0.18

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

(() => {
  "use strict";

  function topbarOffset() {
    const topbar = document.querySelector(".academic-topbar");
    return (topbar ? topbar.getBoundingClientRect().height : 0) + 16;
  }

  function scrollToElement(target) {
    const top = target.getBoundingClientRect().top + window.scrollY - topbarOffset();
    window.scrollTo({ top: Math.max(0, top), behavior: "smooth" });
    if (typeof target.focus === "function") target.focus({ preventScroll: true });
  }

  function updateHash(id) {
    if (!id) return;
    if (history.pushState) {
      history.pushState(null, "", `#${id}`);
    } else {
      window.location.hash = id;
    }
  }

  function enhanceFootnotes() {
    const section = document.querySelector('section[role="doc-endnotes"]');
    if (!section) return;

    const notes = Array.from(section.querySelectorAll("li[id]"));
    let moved = 0;

    notes.forEach((note, index) => {
      const backlink = note.querySelector('sup[role="doc-backlink"] a[href^="#"]');
      const backref = backlink ? backlink.closest('sup[role="doc-backlink"]') : null;
      const refId = backlink ? backlink.getAttribute("href").slice(1) : "";
      const reference = refId ? document.getElementById(refId) : null;
      if (!backref || !reference) return;

      const sidenote = document.createElement("span");
      sidenote.className = "sidenote academic-footnote";
      sidenote.id = note.id;
      sidenote.tabIndex = -1;
      sidenote.setAttribute("role", "note");

      const number = document.createElement("a");
      number.className = "academic-footnote-backref";
      number.href = `#${reference.id}`;
      number.textContent =
        backlink.textContent.trim() || reference.textContent.trim() || String(index + 1);
      number.setAttribute("aria-label", "Back to footnote reference");
      sidenote.append(number);

      backref.remove();
      while (note.firstChild) sidenote.append(note.firstChild);

      reference.insertAdjacentElement("afterend", sidenote);

      const referenceLink = reference.querySelector('a[href^="#"]');
      if (referenceLink) {
        referenceLink.addEventListener("click", (event) => {
          event.preventDefault();
          updateHash(sidenote.id);
          scrollToElement(sidenote);
        });
      }

      number.addEventListener("click", (event) => {
        event.preventDefault();
        updateHash(reference.id);
        scrollToElement(reference);
      });

      note.remove();
      moved += 1;
    });

    if (moved > 0 && !section.querySelector("li")) section.remove();
  }

  enhanceFootnotes();

  const button = document.querySelector(".academic-nav-toggle");
  const menu = document.getElementById("academic-menu");
  if (!button || !menu) return;

  function setOpen(open) {
    menu.classList.toggle("is-open", open);
    button.setAttribute("aria-expanded", open ? "true" : "false");
  }

  button.addEventListener("click", () => {
    setOpen(!menu.classList.contains("is-open"));
  });

  menu.addEventListener("click", (event) => {
    if (event.target.closest("a")) setOpen(false);
  });

  document.addEventListener("keydown", (event) => {
    if (event.key === "Escape") setOpen(false);
  });
})();