[Fix] mermaid is not defined (#21)

JBZoo · Jun 22, 2024 · 8611bf3 · 8611bf3
1 parent 062bda2
commit 8611bf3
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/Render.php b/src/Render.php
@@ -79,6 +79,8 @@ public static function html(ClassDiagram|ERDiagram|Graph|Timeline $graph, array
             '   <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>',
             '<script type="module">',
             "        import mermaid from '{$scriptUrl}';",
+            '        window.mermaid = mermaid;',
+            "        document.dispatchEvent(new Event('MermaidLoaded'));",
             '</script>',
             '</head>',
             '<body>',
@@ -92,13 +94,15 @@ public static function html(ClassDiagram|ERDiagram|Graph|Timeline $graph, array
             $showZoom ?
                 "<input type=\"button\" class=\"btn btn-primary\" id=\"zoom\" value=\"Zoom In\">
                 <script>
-                     mermaid.initialize({$mermaidParams});
-                     $(function () {
+                    document.addEventListener('MermaidLoaded', function () {
+                        mermaid.initialize({$mermaidParams});
+                    }, {once: true});
+                    $(function () {
                         $('#zoom').click(() => {
                             $('.mermaid').removeAttr('data-processed');
                             $('.mermaid').width($('.mermaid svg').css('max-width'));
                         });
-                     });
+                    });
                 </script>"
                 : '',
             '<script>