diff --git a/assets/js/components/diagram.js b/assets/js/components/diagram.js index 5da4382c4..4e6bd6f87 100644 --- a/assets/js/components/diagram.js +++ b/assets/js/components/diagram.js @@ -1,6 +1,12 @@ +// Memoize the mermaid module import +let mermaidPromise = null; + export default function Diagram({ component }) { - // Import mermaid.js module - import('mermaid').then(({ default: mermaid }) => { + // Import mermaid.js module (memoized) + if (!mermaidPromise) { + mermaidPromise = import('mermaid'); + } + mermaidPromise.then(({ default: mermaid }) => { // Configure mermaid with InfluxData theming mermaid.initialize({ startOnLoad: false, // We'll manually call run()