Method renderMermaid

packages/muya/src/state/markdownToHtml.ts:14–47

()

    constructor(public markdown: string, public muya?: Muya) {}

    async renderMermaid() {
        const codes = this._exportContainer!.querySelectorAll(
            'code.language-mermaid',
        );
        for (const code of codes) {
            const preEle = code.parentNode;
            if (!isHTMLElement(preEle))
                continue;
            const mermaidContainer = document.createElement('div');
            mermaidContainer.innerHTML = sanitize(
                unescapeHTML(code.innerHTML),
                EXPORT_DOMPURIFY_CONFIG,
                true,
            ) as string;
            mermaidContainer.classList.add('mermaid');
            preEle.replaceWith(mermaidContainer);
        }
        const mermaid = await loadRenderer('mermaid');
        // We only export light theme, so set mermaid theme to `default`, in the future, we can choose which theme to export.
        mermaid.initialize({
            startOnLoad: false,
            securityLevel: 'strict',
            theme: 'default',
        });
        await mermaid.run({
            nodes: [...this._exportContainer!.querySelectorAll('div.mermaid')],
        });
        if (this.muya) {
            mermaid.initialize({
                securityLevel: 'strict',
                theme: this.muya.options.mermaidTheme,
            });
        }
    }

    async renderDiagram() {
        const selector