Skip to content

Commit 95167ba

Browse files
vultukclaude
andcommitted
feat(diagrams): v1.19.0 - Mermaid diagram support
- Add native Mermaid diagram support in markdown code blocks - Create dedicated Mermaid React component with error handling - Implement theme-aware diagram rendering (light/dark modes) - Add support for all major Mermaid diagram types - Include automatic language detection and graceful error handling 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent d28e97c commit 95167ba

5 files changed

Lines changed: 2801 additions & 1446 deletions

File tree

CHANGELOG.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,38 @@ All notable changes to this project will be documented in this file.
55
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
77

8+
## [1.19.0] - 2025-08-21
9+
10+
### Added
11+
- **Mermaid Diagram Support**: Native support for Mermaid diagrams in markdown code blocks
12+
- **Interactive Diagrams**: Render flowcharts, sequence diagrams, class diagrams, and more using Mermaid syntax
13+
- **Theme-Aware Diagrams**: Mermaid diagrams automatically adapt to current theme (light/dark modes)
14+
- **Comprehensive Diagram Types**: Support for all major Mermaid diagram types including flowcharts, sequence, class, state, and more
15+
16+
### New Features
17+
- **Mermaid Component**: Dedicated React component for rendering Mermaid diagrams with error handling
18+
- **Automatic Theme Detection**: Diagrams use appropriate light/dark theme based on current editor theme
19+
- **Language Detection**: Automatic recognition of `mermaid` code blocks for diagram rendering
20+
- **Error Handling**: Graceful fallback when diagram syntax is invalid with clear error messages
21+
22+
### Technical Improvements
23+
- **Mermaid Integration**: Added `mermaid@^10.9.1` dependency for diagram rendering capabilities
24+
- **Security Features**: Strict security level configuration for safe diagram rendering
25+
- **Theme Synchronization**: Background luminance detection for optimal diagram theme selection
26+
- **Component Architecture**: Clean separation of diagram rendering logic in dedicated Mermaid component
27+
28+
### User Experience
29+
- **Visual Documentation**: Create flowcharts, diagrams, and visual documentation directly in markdown
30+
- **Professional Diagrams**: High-quality SVG diagram output with crisp rendering at any scale
31+
- **Consistent Theming**: Diagrams match the overall application theme automatically
32+
- **Enhanced Documentation**: Better support for technical documentation with visual elements
33+
34+
### Developer Experience
35+
- **Standard Mermaid Syntax**: Use familiar Mermaid syntax in fenced code blocks with `mermaid` language
36+
- **Real-Time Rendering**: Diagrams render immediately as you type in the editor
37+
- **Error Feedback**: Clear error messages when diagram syntax is invalid
38+
- **Theme Integration**: Seamless integration with existing theme system
39+
840
## [1.18.1] - 2025-08-21
941

1042
### Fixed

0 commit comments

Comments
 (0)