add optional elk to mermaid layout

guFalcon · guFalcon · commit cef601ce18d3 · 2026-04-29T10:56:24.000+02:00
diff --git a/md/test-md-file.md b/md/test-md-file.md
@@ -46,6 +46,10 @@ Günter -> Gerald
 
 ## Test Mermaid
 ```mermaid
+---
+config:
+  layout: elk
+---
 flowchart TD
 	A[Christmas] -->|Get money| B(Go shopping)
 	B --> C{Let me think}
diff --git a/obsidian.js b/obsidian.js
@@ -1685,7 +1685,9 @@ async function getSideBar(startPage, req) {
 function getMermaidScriptEntry() {
   return `<script type="module">
   import mermaid from "/node_modules/mermaid/dist/mermaid.esm.min.mjs";
+  import elkLayouts from "/node_modules/@mermaid-js/layout-elk/dist/mermaid-layout-elk.esm.min.mjs";
 
+  mermaid.registerLayoutLoaders(elkLayouts);
   mermaid.initialize({
     startOnLoad: false,
     logLevel: 'debug'
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "prod": "node -r dotenv/config ./app.js"
   },
   "dependencies": {
+    "@mermaid-js/layout-elk": "^0.2.1",
     "@shikijs/transformers": "^1.1.7",
     "axios": "^1.6.7",
     "chokidar": "^4.0.3",
