feat: markdown mermaid support (#214)

AlistGo · Dec 27, 2024 · 5738a39 · 5738a39
1 parent e3eed1d
commit 5738a39
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
@@ -162,6 +162,13 @@ const insertKatexCSS = once(() => {
   document.head.appendChild(link)
 })
 
+const insertMermaidJS = once(() => {
+  const script = document.createElement("script")
+  script.src =
+    "https://registry.npmmirror.com/mermaid/11/files/dist/mermaid.min.js"
+  document.body.appendChild(script)
+})
+
 export function Markdown(props: {
   children?: string | ArrayBuffer
   class?: string
@@ -213,9 +220,14 @@ export function Markdown(props: {
     on(md, () => {
       setShow(false)
       insertKatexCSS()
+      insertMermaidJS()
       setTimeout(() => {
         setShow(true)
         hljs.highlightAll()
+        window.mermaid &&
+          window.mermaid.run({
+            querySelector: ".language-mermaid",
+          })
         window.onMDRender && window.onMDRender()
       })
     }),