Skip to content

Commit e5dc09b

Browse files
committed
Release v1.3.0: Major feature update with 5 powerful new capabilities
New Features: 1. Split View Editor with Monaco - Professional code editing experience 2. Mermaid Diagram Support - Render flowcharts, sequence diagrams, and more 3. Command Palette - Quick access to all commands with Ctrl+Shift+P 4. Folder/Project Support - Open and navigate entire folder structures 5. Image Paste & Management - Paste images directly from clipboard Highlights: - Monaco editor with syntax highlighting, minimap, and IntelliSense - Real-time preview sync in split view mode - Comprehensive mermaid diagram types support - Fuzzy search command palette with 17+ commands - File tree navigation with expandable folders - Drag & drop image support with auto-save to assets - New keyboard shortcuts: Ctrl+\, Ctrl+Shift+P, Ctrl+Shift+O Technical: - Added monaco-editor, @monaco-editor/react, and mermaid dependencies - New backend packages: foldermanager and imagemanager - 10+ new React components - Enhanced Wails bindings for folder and image operations - Complete App.tsx rewrite for feature integration See CHANGELOG.md for full details.
1 parent bb32dc8 commit e5dc09b

3 files changed

Lines changed: 125 additions & 2 deletions

File tree

CHANGELOG.md

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,129 @@ All notable changes to MarkViewPro 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.3.0] - 2026-01-26
9+
10+
### 🎉 Major Features Added
11+
12+
#### 1. Split View Editor with Monaco
13+
- **Full Monaco Editor Integration**: Professional code editor with syntax highlighting
14+
- **Three View Modes**: Preview-only, Editor-only, and Split view
15+
- **Resizable Split Pane**: Drag the divider to adjust editor/preview ratio
16+
- **Real-time Sync**: Changes in editor instantly reflect in preview
17+
- **Advanced Editor Features**:
18+
- Minimap for quick navigation
19+
- Line numbers and code folding
20+
- Bracket pair colorization
21+
- IntelliSense and auto-completion
22+
- Multiple cursors support
23+
- **Keyboard Shortcut**: `Ctrl+\` to toggle split view
24+
- **New Components**: `MarkdownEditor.tsx`, `SplitView.tsx`, `ViewModeToggle.tsx`
25+
26+
#### 2. Mermaid Diagram Support
27+
- **Automatic Diagram Rendering**: All mermaid code blocks render as diagrams
28+
- **Comprehensive Diagram Types**:
29+
- Flowcharts and flow diagrams
30+
- Sequence diagrams
31+
- Pie charts and bar charts
32+
- State diagrams
33+
- Gantt charts
34+
- Class diagrams
35+
- Entity relationship diagrams
36+
- User journey diagrams
37+
- **Dark Theme Integration**: Diagrams styled to match app theme
38+
- **Error Handling**: Helpful error messages for invalid syntax
39+
- **New Component**: `MermaidDiagram.tsx`
40+
41+
#### 3. Command Palette
42+
- **Quick Command Access**: Press `Ctrl+Shift+P` to open
43+
- **Fuzzy Search**: Type to filter commands instantly
44+
- **Keyboard Navigation**: Arrow keys + Enter to execute
45+
- **17+ Commands Available**:
46+
- File operations (Open, Save, New)
47+
- View mode switching (Preview, Editor, Split)
48+
- Export functions (PDF, HTML)
49+
- Zoom controls
50+
- Settings and preferences
51+
- Sidebar and fullscreen toggles
52+
- **Categorized Commands**: File, View, Export, Other
53+
- **Shortcut Display**: Shows keyboard shortcuts for each command
54+
- **New Component**: `CommandPalette.tsx`
55+
56+
#### 4. Folder/Project Support
57+
- **Open Entire Folders**: Work with multiple markdown files as a project
58+
- **File Tree Navigation**: Browse files in hierarchical tree structure
59+
- **Recursive Scanning**: Automatically finds all markdown files
60+
- **Smart Filtering**: Shows only .md and .markdown files
61+
- **Expandable/Collapsible Folders**: Clean navigation with folder icons
62+
- **File Selection Highlighting**: Visual feedback for active file
63+
- **Max Depth Control**: Configurable folder depth (default: 3 levels)
64+
- **Keyboard Shortcut**: `Ctrl+Shift+O` to open folder
65+
- **New Backend**: `internal/foldermanager/foldermanager.go`
66+
- **New Component**: `FileTree.tsx`
67+
- **Sidebar Integration**: New "Files" tab in sidebar
68+
69+
#### 5. Image Paste & Management
70+
- **Clipboard Paste**: Copy any image and paste directly with `Ctrl+V`
71+
- **Drag & Drop Images**: Drag image files into the app
72+
- **Auto-Save to Assets**: Images automatically saved to `assets/` folder
73+
- **Unique Filenames**: Timestamp-based naming prevents conflicts
74+
- **Automatic Markdown Insertion**: Image syntax inserted at cursor position
75+
- **Format Support**: PNG, JPG, JPEG, GIF, WebP
76+
- **Smart Path Management**: Relative paths for portability
77+
- **New Backend**: `internal/imagemanager/imagemanager.go`
78+
- **Seamless Integration**: Works in Editor and Split view modes
79+
80+
### Added
81+
- **New Dependencies**:
82+
- `monaco-editor` (^0.45.0) - Professional code editor
83+
- `@monaco-editor/react` (^4.6.0) - React wrapper for Monaco
84+
- `mermaid` (^10.6.1) - Diagram rendering library
85+
- **New Backend Packages**:
86+
- `internal/foldermanager` - Folder operations and tree building
87+
- `internal/imagemanager` - Image handling and asset management
88+
- **New Frontend Components**:
89+
- `components/Editor/MarkdownEditor.tsx` - Monaco editor wrapper
90+
- `components/SplitView/SplitView.tsx` - Split view container
91+
- `components/Toolbar/ViewModeToggle.tsx` - View mode switcher
92+
- `components/CommandPalette/CommandPalette.tsx` - Command palette UI
93+
- `components/FileTree/FileTree.tsx` - File tree navigation
94+
- `components/Viewer/MermaidDiagram.tsx` - Mermaid renderer
95+
- **New Wails Bindings**:
96+
- `OpenFolder()` - Open folder dialog
97+
- `GetFolderTree()` - Get file tree structure
98+
- `ReadFileFromFolder()` - Read file from folder
99+
- `SavePastedImage()` - Save base64 image data
100+
- `CopyImageToAssets()` - Copy image file to assets
101+
- **Enhanced Keyboard Shortcuts**:
102+
- `Ctrl+Shift+P` - Open command palette
103+
- `Ctrl+\` - Toggle split view
104+
- `Ctrl+Shift+O` - Open folder
105+
- **View Mode State Management**: Track and persist view preferences
106+
- **Tab Content Updates**: Support for editing in tabs
107+
- **Status Bar Enhancement**: Shows current view mode
108+
109+
### Changed
110+
- **App.tsx**: Complete rewrite to integrate all new features
111+
- **Sidebar**: Added "Files" tab for folder navigation
112+
- **StatusBar**: Added view mode indicator
113+
- **useTabs Hook**: Added `updateTabContent()` method for editor changes
114+
- **wailsBindings**: Extended with new backend methods
115+
- **MarkdownViewer**: Enhanced to detect and render mermaid blocks
116+
117+
### Technical
118+
- **Architecture**: Clean separation between view modes
119+
- **State Management**: Centralized view mode and folder state
120+
- **Performance**: Optimized Monaco editor loading
121+
- **Error Handling**: Comprehensive error handling for all new features
122+
- **Type Safety**: Full TypeScript coverage for new components
123+
- **Documentation**: Added `NEW_FEATURES_SUMMARY.md` and `FEATURES_IMPLEMENTATION.md`
124+
125+
### Developer Experience
126+
- **Demo File**: Created `DEMO.md` with examples of all features
127+
- **Implementation Guide**: Detailed integration steps
128+
- **Code Organization**: Modular component structure
129+
- **Testing Ready**: All features ready for testing
130+
8131
## [1.2.4] - 2026-01-26
9132

10133
### Fixed

frontend/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "markview-pro",
33
"private": true,
4-
"version": "1.2.4",
4+
"version": "1.3.0",
55
"type": "module",
66
"scripts": {
77
"dev": "vite",

wails.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"info": {
1414
"companyName": "MarkViewPro",
1515
"productName": "MarkViewPro",
16-
"productVersion": "1.2.4",
16+
"productVersion": "1.3.0",
1717
"copyright": "Copyright © 2024 MarkViewPro Contributors",
1818
"comments": "A modern Markdown viewer and editor"
1919
},

0 commit comments

Comments
 (0)