Function renderMath

demo/render-math.ts:20–53

(root: HTMLElement, streaming = false)

/** Typeset [data-latex] elements; incomplete formulas keep a stable placeholder. */
export function renderMath(root: HTMLElement, streaming = false): void {
  root.querySelectorAll("[data-latex]").forEach((el) => {
    if (!(el instanceof HTMLElement)) return;

    const latex = el.getAttribute("data-latex");
    if (!latex?.trim()) return;

    const display =
      el.classList.contains("math-block") ||
      el.getAttribute("data-display") === "true";

    if (streaming && !isLatexReady(latex)) {
      if (!el.dataset.katexPlaceholder) {
        el.innerHTML = "";
        el.dataset.katexPlaceholder = "1";
      }
      return;
    }

    if (el.dataset.katexSrc === latex) return;

    try {
      katex.render(latex, el, {
        displayMode: display,
        throwOnError: false,
        strict: "ignore",
      });
      el.dataset.katexSrc = latex;
      delete el.dataset.katexPlaceholder;
    } catch {
      // retry next chunk
    }
  });
}