31 lines
656 B
JavaScript
31 lines
656 B
JavaScript
// Renders diagrams and flowcharts from text using Mermaid in any element with the
|
|
// `js-render-mermaid` class.
|
|
//
|
|
// Example markup:
|
|
//
|
|
// <pre class="js-render-mermaid">
|
|
// graph TD;
|
|
// A-- > B;
|
|
// A-- > C;
|
|
// B-- > D;
|
|
// C-- > D;
|
|
// </pre>
|
|
//
|
|
|
|
import Flash from './flash';
|
|
|
|
$.fn.renderMermaid = function renderMermaid() {
|
|
if (this.length === 0) return;
|
|
|
|
import(/* webpackChunkName: 'mermaid' */ 'blackst0ne-mermaid').then((mermaid) => {
|
|
mermaid.initialize({
|
|
loadOnStart: false,
|
|
theme: 'neutral',
|
|
});
|
|
|
|
mermaid.init(undefined, this);
|
|
}).catch((err) => {
|
|
Flash(`Can't load mermaid module: ${err}`);
|
|
});
|
|
};
|