perf: reduce bundle size (closes #1607) (#1689)

This commit is contained in:
Aaron Pham
2025-01-01 12:24:32 -08:00
committed by GitHub
parent e3162f7a7e
commit 2e6a675edd
11 changed files with 94 additions and 578 deletions

View File

@ -1,5 +1,4 @@
import { removeAllChildren } from "./util"
import mermaid from "mermaid"
interface Position {
x: number
@ -144,6 +143,7 @@ const cssVars = [
"--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 @@ document.addEventListener("nav", async () => {
{} 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,