ikat 0.12.0

Weave Markdown into camera-ready LaTeX: mermaid-to-TikZ, pgfplots figures, publisher templates
Documentation 
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

const assembly = document.querySelector("#assembly-board");
const assembleButton = document.querySelector("#assemble-button");
const assemblyStatus = document.querySelector("#assembly-status");

if (assembly && assembleButton) {
  const outputPart = assembly.querySelector(".part-output");
  const leaderLines = [...assembly.querySelectorAll(".leader")];
  let connectorFrame = 0;
  let connectorTimer = 0;

  const updateConnectors = () => {
    const boardRect = assembly.getBoundingClientRect();
    const source = assembly.querySelector(".part-source").getBoundingClientRect();
    const figures = assembly.querySelector(".part-figures").getBoundingClientRect();
    const engine = assembly.querySelector(".part-engine").getBoundingClientRect();
    const output = outputPart.getBoundingClientRect();
    const port = (rect, x, y) => ({ x: rect.left + rect.width * x, y: rect.top + rect.height * y });
    const mobile = window.matchMedia("(max-width: 620px)").matches;
    const links = mobile
      ? [
          [port(source, 0.5, 1), port(figures, 0.5, 0)],
          [port(figures, 0.5, 1), port(engine, 0.5, 0)],
          [port(engine, 0.5, 1), port(output, 0.5, 0)],
        ]
      : [
          [port(source, 0.5, 1), port(engine, 0.5, 0)],
          [port(figures, 0, 1), port(engine, 1, 0)],
          [port(engine, 1, 0.5), port(output, 0, 0.5)],
        ];

    links.forEach(([start, end], index) => {
      const line = leaderLines[index];
      const dx = end.x - start.x;
      const dy = end.y - start.y;
      line.style.left = `${start.x - boardRect.left}px`;
      line.style.top = `${start.y - boardRect.top}px`;
      line.style.width = `${Math.hypot(dx, dy)}px`;
      line.style.height = "1px";
      line.style.transform = `rotate(${Math.atan2(dy, dx)}rad)`;
    });
  };

  const stopFollowing = () => {
    window.cancelAnimationFrame(connectorFrame);
    window.clearTimeout(connectorTimer);
    connectorFrame = 0;
    connectorTimer = 0;
    updateConnectors();
  };

  const followParts = () => {
    window.cancelAnimationFrame(connectorFrame);
    window.clearTimeout(connectorTimer);
    const follow = () => {
      updateConnectors();
      connectorFrame = window.requestAnimationFrame(follow);
    };
    connectorFrame = window.requestAnimationFrame(follow);
    connectorTimer = window.setTimeout(stopFollowing, 1400);
  };

  updateConnectors();
  window.addEventListener("resize", updateConnectors, { passive: true });

  outputPart?.addEventListener("transitionend", (event) => {
    if (event.propertyName !== "top") return;
    stopFollowing();
    assemblyStatus.textContent = assembly.dataset.state === "assembled"
      ? "Manuscript and figure inputs connect through the Rust core to the document output."
      : "The parts are separated so each input and output is visible.";
  });

  assembleButton.addEventListener("click", () => {
    const isAssembled = assembly.dataset.state !== "assembled";
    assembly.dataset.state = isAssembled ? "assembled" : "exploded";
    assembly.setAttribute("aria-label", isAssembled
      ? "Assembled view of ikat’s document pipeline"
      : "Exploded view of ikat’s document pipeline");
    assembleButton.setAttribute("aria-pressed", String(isAssembled));
    assembleButton.textContent = isAssembled ? "Explode the view" : "Assemble the layers";
    assemblyStatus.textContent = isAssembled
      ? "Aligning the manuscript and figure inputs with the Rust core…"
      : "Separating the source plates so each pipeline stage is visible…";
    followParts();
  });
}

const copyStatus = document.querySelector("#copy-status");
const copyButtons = document.querySelectorAll("[data-copy]");

async function copyText(text) {
  if (navigator.clipboard && window.isSecureContext) {
    await navigator.clipboard.writeText(text);
    return;
  }

  const temporary = document.createElement("textarea");
  temporary.value = text;
  temporary.setAttribute("readonly", "");
  temporary.style.position = "fixed";
  temporary.style.opacity = "0";
  document.body.append(temporary);
  temporary.select();
  const copied = document.execCommand("copy");
  temporary.remove();
  if (!copied) throw new Error("Clipboard access is unavailable");
}

copyButtons.forEach((button) => {
  button.addEventListener("click", async () => {
    const source = document.getElementById(button.dataset.copy);
    if (!source) {
      copyStatus.textContent = "Could not find the command block. Select and copy it manually.";
      return;
    }

    try {
      await copyText(source.textContent.trim());
      button.textContent = "Copied";
      copyStatus.textContent = "Commands copied. Paste them into your terminal.";
      window.setTimeout(() => {
        button.textContent = "Copy commands";
      }, 1800);
    } catch {
      copyStatus.textContent = "Clipboard access was blocked. Select the commands and copy them manually.";
    }
  });
});