Add mermaidjs dependency

Author: wenderjean

package.json

@@ -8,6 +8,7 @@
     "@monaco-editor/loader": "^1.3.2",
     "@wasmer/wasi": "^0.12.0",
     "@wasmer/wasmfs": "^0.12.0",
+    "mermaid": "^9.4.0",
     "path-browserify": "^1.0.1",
     "ruby-head-wasm-wasi": "^0.3.0"
   },

src/mermaid-js.ts

@@ -0,0 +1,24 @@
+import mermaidjs from "mermaid";
+
+const getCleanContainer = () => {
+  const div = document.querySelector("#graph-container");
+  
+  div.innerHTML = '';
+
+  return div;
+}
+
+const render = (fn: Function) => {
+  let container = getCleanContainer();
+
+  container.setAttribute("style", "display: block;");
+
+  mermaidjs.initialize({ startOnLoad: false });
+  mermaidjs.render('preparedScheme', fn(), (svg) => {
+    container.innerHTML = svg;
+  }, container);
+}
+
+const reset = () => getCleanContainer().setAttribute("style", "display: none;");
+
+export { render, reset };