From e3c8c0c1f23114444547a8833d2c6e4ae26f4907 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Mon, 25 Nov 2024 21:32:31 +0200 Subject: [PATCH] feat(mermaid): support ELK diagrams in editor --- src/public/app/services/library_loader.js | 5 ++++- src/public/app/widgets/mermaid.js | 1 + 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/public/app/services/library_loader.js b/src/public/app/services/library_loader.js index a7aa4af62..19394ebfd 100644 --- a/src/public/app/services/library_loader.js +++ b/src/public/app/services/library_loader.js @@ -58,7 +58,10 @@ const FORCE_GRAPH = { }; const MERMAID = { - js: [ "node_modules/mermaid/dist/mermaid.min.js" ] + js: [ + "node_modules/mermaid/dist/mermaid.min.js", + "libraries/mermaid-elk/elk.min.js" + ] } const EXCALIDRAW = { diff --git a/src/public/app/widgets/mermaid.js b/src/public/app/widgets/mermaid.js index a05561ac0..79e639d5f 100644 --- a/src/public/app/widgets/mermaid.js +++ b/src/public/app/widgets/mermaid.js @@ -61,6 +61,7 @@ export default class MermaidWidget extends NoteContextAwareWidget { const documentStyle = window.getComputedStyle(document.documentElement); const mermaidTheme = documentStyle.getPropertyValue('--mermaid-theme'); + mermaid.registerLayoutLoaders(MERMAID_ELK); mermaid.mermaidAPI.initialize({ startOnLoad: false, theme: mermaidTheme.trim(),