From e59181c3aa26c2a86b1ce9f501f53a9e3de2908f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 11 Mar 2025 17:20:15 +0000
Subject: [PATCH] docs(explorer): update to account for new client side explorer)
---
quartz/components/scripts/mermaid.inline.ts | 12 +++++++++---
1 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/quartz/components/scripts/mermaid.inline.ts b/quartz/components/scripts/mermaid.inline.ts
index 77a3ebe..36d384c 100644
--- a/quartz/components/scripts/mermaid.inline.ts
+++ b/quartz/components/scripts/mermaid.inline.ts
@@ -1,5 +1,4 @@
-import { removeAllChildren } from "./util"
-import mermaid from "mermaid"
+import { registerEscapeHandler, removeAllChildren } from "./util"
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,
@@ -231,12 +237,12 @@
closeBtn.addEventListener("click", hideMermaid)
expandBtn.addEventListener("click", showMermaid)
+ registerEscapeHandler(popupContainer, hideMermaid)
document.addEventListener("keydown", handleEscape)
window.addCleanup(() => {
closeBtn.removeEventListener("click", hideMermaid)
expandBtn.removeEventListener("click", showMermaid)
- document.removeEventListener("keydown", handleEscape)
})
}
})
--
Gitblit v1.10.0