fix #3757 : Remove dynamic imports for lazy load.

2025-09-30 04:39:40 +02:00 · 2022-11-08 19:12:37 +05:30
parent aab8f9273f
commit 7ca525622b
16 changed files with 218 additions and 128 deletions
--- a/tests/webpack/package.json
+++ b/tests/webpack/package.json
@@ -17,6 +17,7 @@
    "webpack-dev-server": "^4.11.1"
  },
  "dependencies": {
-    "mermaid": "workspace:*"
+    "mermaid": "workspace:*",
+    "@mermaid-js/mermaid-mindmap": "workspace:*"
  }
-}
+}
--- a/tests/webpack/public/index.html
+++ b/tests/webpack/public/index.html
@@ -5,6 +5,7 @@
    <title>Getting Started</title>
  </head>
  <body>
+    <div id="graphDiv"></div>
    <script src="./main.js"></script>
  </body>
 </html>
--- a/tests/webpack/src/index.js
+++ b/tests/webpack/src/index.js
@@ -1,6 +1,38 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable no-console */
 const mermaid = require('mermaid');
-// import mermaid from 'mermaid';
+import mindmap from '@mermaid-js/mermaid-mindmap';

-console.log(mermaid);
+const render = async (graph) => {
+  const svg = await mermaid.renderAsync('dummy', graph);
+  console.log(svg);
+  document.getElementById('graphDiv').innerHTML = svg;
+};
+
+const load = async () => {
+  await mermaid.registerExternalDiagrams([mindmap]);
+  await render('info');
+
+  setTimeout(async () => {
+    await render(`mindmap
+  root((mindmap))
+    Origins
+      Long history
+      ::icon(fa fa-book)
+      Popularisation
+        British popular psychology author Tony Buzan
+    Research
+      On effectivness<br/>and features
+      On Automatic creation
+        Uses
+            Creative techniques
+            Strategic planning
+            Argument mapping
+    Tools
+      Pen and paper
+      Mermaid
+			`);
+  }, 2500);
+};
+
+window.addEventListener('load', load, false);