Aaron Pham
2025-01-01 2e6a675edddd25a71ecfddc73e0e292cb21d5981
quartz/components/scripts/mermaid.inline.ts
@@ -1,5 +1,4 @@
import { removeAllChildren } from "./util"
import mermaid from "mermaid"
interface Position {
  x: number
@@ -144,6 +143,7 @@
  "--codeFont",
] as const
let mermaidImport = undefined
document.addEventListener("nav", async () => {
  const center = document.querySelector(".center") as HTMLElement
  const nodes = center.querySelectorAll("code.mermaid") as NodeListOf<HTMLElement>
@@ -157,6 +157,12 @@
    {} as Record<(typeof cssVars)[number], string>,
  )
  mermaidImport ||= await import(
    //@ts-ignore
    "https://cdnjs.cloudflare.com/ajax/libs/mermaid/11.4.0/mermaid.esm.min.mjs"
  )
  const mermaid = mermaidImport.default
  const darkMode = document.documentElement.getAttribute("saved-theme") === "dark"
  mermaid.initialize({
    startOnLoad: false,