11 |
12 | {output.map((line, idx) => (
13 | {line.value}
14 | ))}
15 |
16 | >
17 |
18 |
19 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/site/components/Mermaid.tsx:
--------------------------------------------------------------------------------
1 | import mermaid from 'mermaid'
2 | import { useEffect } from 'react'
3 |
4 | mermaid.initialize({
5 | startOnLoad: true,
6 | theme: 'default',
7 | securityLevel: 'none'
8 | })
9 |
10 | type MermaidProps = {
11 | readonly chart: string
12 | }
13 |
14 | export default function Mermaid({ chart }: MermaidProps): JSX.Element {
15 | useEffect(() => {
16 | mermaid.contentLoaded()
17 | }, [])
18 |
19 | return (
20 |