Skip to content

feat: add Mermaid renderer for preview pane#43

Open
andrewhopper wants to merge 1 commit intomasterfrom
claude/issue-12-20260303-1115
Open

feat: add Mermaid renderer for preview pane#43
andrewhopper wants to merge 1 commit intomasterfrom
claude/issue-12-20260303-1115

Conversation

@andrewhopper
Copy link
Owner

Adds Mermaid.js diagram rendering to the QuickView preview pane.

  • Load Mermaid.js v11 from CDN
  • Render standalone .mmd files as live SVG diagrams
  • Detect and render ```mermaid code blocks inside Markdown previews
  • Allow .mmd in the server file API

Closes #12

Generated with Claude Code

- Load Mermaid.js v11 from CDN in index.html
- Initialize Mermaid with startOnLoad: false
- Add renderMermaid() method to render .mmd files as diagrams
- Add .mmd case in updatePreviewPanel() switch
- Extend renderMarkdown() to detect and render ```mermaid code blocks
- Allow .mmd extension in server.js file API
- List Mermaid Diagrams in the welcome screen supported formats

Closes #12

Co-authored-by: Andrew Hopper <andrewhopper@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add mermaid renderer for preview pane

1 participant