Detector registering itself on load

packages/mermaid-mindmap/src/diagram.ts

@@ -0,0 +1,26 @@
+// @ts-ignore: TODO Fix ts errors
+import mindmapParser from './parser/mindmap';
+import * as mindmapDb from './mindmapDb';
+import mindmapRenderer from './mindmapRenderer';
+import mindmapStyles from './styles';
+
+// import mermaid from 'mermaid';
+
+// console.log('mindmapDb', mindmapDb.getMindmap()); // eslint-disable-line no-console
+// registerDiagram()
+
+if (typeof document !== 'undefined') {
+  /*!
+   * Wait for document loaded before starting the execution
+   */
+  window.addEventListener(
+    'load',
+    () => {
+      if (window.mermaid && typeof window.mermaid.detectors === 'object') {
+        // window.mermaid.detectors.push(mindmapDetector);
+        console.log(window.mermaid.detectors); // eslint-disable-line no-console
+      }
+    },
+    false
+  );
+}

packages/mermaid-mindmap/src/registry.ts

@@ -1,12 +1,27 @@
 // @ts-ignore: TODO Fix ts errors
-import mindmapParser from './parser/mindmap';
+// import mindmapParser from './parser/mindmap';
 // import * as mindmapDb from './mindmapDb';
 import { mindmapDetector } from './mindmapDetector';
-import mindmapRenderer from './mindmapRenderer';
-import mindmapStyles from './styles';
+// import mindmapRenderer from './mindmapRenderer';
+// import mindmapStyles from './styles';
 
 import mermaid from 'mermaid';
 
-console.log('Test of import', mermaid.mermaidAPI.getConfig()); // eslint-disable-line no-console
-// console.log('mindmapDb', mindmapDb.getMindmap()); // eslint-disable-line no-console
+console.log('mindmapDb', mermaid.mermaidAPI.getConfig()); // eslint-disable-line no-console
 // registerDiagram()
+
+// if (typeof document !== 'undefined') {
+//   /*!
+//    * Wait for document loaded before starting the execution
+//    */
+//   window.addEventListener(
+//     'load',
+//     () => {
+//       if (window.mermaid && typeof window.mermaid.detectors === 'object') {
+//         window.mermaid.detectors.push(mindmapDetector);
+//         console.log(window.mermaid.detectors); // eslint-disable-line no-console
+//       }
+//     },
+//     false
+//   );
+// }

packages/mermaid-mindmap/src/types/index.d.ts

@@ -0,0 +1,7 @@
+export {};
+
+declare global {
+  interface Window {
+    mermaid: any; // 👈️ turn off type checking
+  }
+}

packages/mermaid-mindmap/tsconfig.json

@@ -4,5 +4,6 @@
     "rootDir": "./src",
     "outDir": "./dist"
   },
-  "include": ["./src/**/*.ts"]
+  "include": ["./src/**/*.ts"],
+  "typeRoots": ["./src/types"]
 }