feat: Mermaid.js integration #20-29 — full diagram support
CI / lint (push) Failing after 4s
CI / test (push) Has been skipped
CI / build (push) Has been skipped
CI / security (push) Successful in 7s

- CDN: mermaid@11 from jsdelivr
- mermaid-viewer.js: init, render, templates, zoom/pan, fullscreen, focus
- All diagram types: flowchart, sequence, class, state, ER, journey, gantt,
  pie, gitGraph, requirement, mindmap, timeline, quadrant, C4 (x4), beta types
- viewer.js: auto-render Mermaid blocks after markdown rendering
- utils.js: live preview panel in editor (debounced 500ms)
- app.js: initMermaid + setupFocusMode on startup
- CSS: container, controls, error, fullscreen overlay, focus panel, live preview
- Export SVG/PNG download buttons
- Obsidian preprocessor ([[links]], ![[img]], ==highlight==)
This commit is contained in:
2026-06-04 23:23:21 -04:00
parent 4674328303
commit 5c5ef561cf
6 changed files with 507 additions and 2 deletions
+6
View File
@@ -7828,6 +7828,12 @@
FindInPageManager.init();
ContextMenuManager.init();
// Mermaid.js init
import('./mermaid-viewer.js').then(function(m) {
m.initMermaid();
m.setupFocusMode();
});
// Check auth status first
const authOk = await AuthManager.initAuth();