| 6dd74de | | | 1 | /* eslint-disable no-console */ |
| 6dd74de | | | 2 | // eslint-disable-next-line @typescript-eslint/no-require-imports |
| 6dd74de | | | 3 | const mermaid = require('mermaid'); |
| 6dd74de | | | 4 | import mindmap from '@mermaid-js/mermaid-mindmap'; |
| 6dd74de | | | 5 | |
| 6dd74de | | | 6 | const render = async (graph) => { |
| 6dd74de | | | 7 | const svg = await mermaid.render('dummy', graph); |
| 6dd74de | | | 8 | console.log(svg); |
| 6dd74de | | | 9 | document.getElementById('graphDiv').innerHTML = svg; |
| 6dd74de | | | 10 | }; |
| 6dd74de | | | 11 | |
| 6dd74de | | | 12 | const load = async () => { |
| 6dd74de | | | 13 | await mermaid.registerExternalDiagrams([mindmap]); |
| 6dd74de | | | 14 | await render('info'); |
| 6dd74de | | | 15 | |
| 6dd74de | | | 16 | setTimeout(() => { |
| 6dd74de | | | 17 | void render(`mindmap |
| 6dd74de | | | 18 | root((mindmap)) |
| 6dd74de | | | 19 | Origins |
| 6dd74de | | | 20 | Long history |
| 6dd74de | | | 21 | ::icon(fa fa-book) |
| 6dd74de | | | 22 | Popularisation |
| 6dd74de | | | 23 | British popular psychology author Tony Buzan |
| 6dd74de | | | 24 | Research |
| 6dd74de | | | 25 | On effectiveness<br/>and features |
| 6dd74de | | | 26 | On Automatic creation |
| 6dd74de | | | 27 | Uses |
| 6dd74de | | | 28 | Creative techniques |
| 6dd74de | | | 29 | Strategic planning |
| 6dd74de | | | 30 | Argument mapping |
| 6dd74de | | | 31 | Tools |
| 6dd74de | | | 32 | Pen and paper |
| 6dd74de | | | 33 | Mermaid |
| 6dd74de | | | 34 | `); |
| 6dd74de | | | 35 | }, 2500); |
| 6dd74de | | | 36 | }; |
| 6dd74de | | | 37 | |
| 6dd74de | | | 38 | window.addEventListener('load', () => void load(), false); |