Upgrade MermaidJS (#5043

* Upgrade MermaidJS

* fix: Flashing of diagrams while editing another

* Upgrade vite

* type imports

shared/editor/lib/ExtensionManager.ts

@@ -3,10 +3,11 @@ import { keymap } from "prosemirror-keymap";
 import { MarkdownParser, TokenConfig } from "prosemirror-markdown";
 import { Schema } from "prosemirror-model";
 import { EditorView } from "prosemirror-view";
-import { Editor } from "~/editor";
-import Mark from "../marks/Mark";
-import Node from "../nodes/Node";
-import Extension, { CommandFactory } from "./Extension";
+import type { Editor } from "~/editor";
+import type Mark from "../marks/Mark";
+import type Node from "../nodes/Node";
+import type Extension from "./Extension";
+import { CommandFactory } from "./Extension";
 import makeRules from "./markdown/rules";
 import { MarkdownSerializer } from "./markdown/serializer";
 

shared/editor/plugins/Mermaid.ts

@@ -76,23 +76,22 @@ function getNewState({
             theme: pluginState.isDark ? "dark" : "default",
             fontFamily: "inherit",
           });
-          try {
-            module.default.render(
-              "mermaid-diagram-" + diagramId,
-              block.node.textContent,
-              (svgCode) => {
-                element.innerHTML = svgCode;
+
+          module.default
+            .render("mermaid-diagram-" + diagramId, block.node.textContent)
+            .then(({ svg, bindFunctions }) => {
+              element.innerHTML = svg;
+              bindFunctions?.(element);
+            })
+            .catch((error) => {
+              console.log(error);
+              const errorNode = document.getElementById(
+                "d" + "mermaid-diagram-" + diagramId
+              );
+              if (errorNode) {
+                element.appendChild(errorNode);
               }
-            );
-          } catch (error) {
-            console.log(error);
-            const errorNode = document.getElementById(
-              "d" + "mermaid-diagram-" + diagramId
-            );
-            if (errorNode) {
-              element.appendChild(errorNode);
-            }
-          }
+            });
         });
 
         return element;