From f79422e795ae0d0e82e8fda0aaeccc6b854ad773 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:05:19 +0000
Subject: [PATCH] Fix Mermaid diagram rendering by updating markdown-it
 highlight function

Co-authored-by: emako <24737061+emako@users.noreply.github.com>
---
 .../QuickLook.Plugin.MarkdownViewer/Resources/md2html.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/QuickLook.Plugin/QuickLook.Plugin.MarkdownViewer/Resources/md2html.html b/QuickLook.Plugin/QuickLook.Plugin.MarkdownViewer/Resources/md2html.html
index a0eab97..8a5cb02 100644
--- a/QuickLook.Plugin/QuickLook.Plugin.MarkdownViewer/Resources/md2html.html
+++ b/QuickLook.Plugin/QuickLook.Plugin.MarkdownViewer/Resources/md2html.html
@@ -216,6 +216,9 @@
           typographer: false,
           quotes: "“”‘’",
           highlight: function (str, lang) {
+            if (lang === 'mermaid') {
+              return '<div class="mermaid">' + str + '</div>';
+            }
             if (lang && hljs.getLanguage(lang)) {
               try {
                 return (
@@ -273,7 +276,7 @@
         // Render Mermaid diagrams with error handling
         setTimeout(() => {
           try {
-            mermaid.init(undefined, document.querySelectorAll('pre code.language-mermaid'));
+            mermaid.init(undefined, document.querySelectorAll('.mermaid'));
           } catch (error) {
             console.warn('Mermaid rendering error:', error);
           }
@@ -293,7 +296,7 @@
             // Re-render all Mermaid diagrams
             setTimeout(() => {
               try {
-                mermaid.init(undefined, document.querySelectorAll('pre code.language-mermaid'));
+                mermaid.init(undefined, document.querySelectorAll('.mermaid'));
               } catch (error) {
                 console.warn('Mermaid re-rendering error:', error);
               }