@@ -5,6 +5,129 @@ All notable changes to MarkViewPro will be documented in this file.
55The format is based on [ Keep a Changelog] ( https://keepachangelog.com/en/1.0.0/ ) ,
66and 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
0 commit comments