Skip to content

Changelog

Jump to bottom
JagaTheGhost edited this page Oct 19, 2026 · 2 revisions

📋 Release History & Changelog

All notable changes, architectural milestones, and fixes for VisualMark Studio are documented below. This project adheres strictly to Semantic Versioning (SemVer) and follows the Keep a Changelog standard.

📑 Version Index

[1.1.4] - 2026-10-19

Added

  • Complete Diagram Studio Overhaul (diagrams.studio):
    • 7 Specialized Visual Builders (with 2-Way Synchronization):
      • Architecture Flowcharts: Microservices topologies, subgraphs, direction switches (TD, LR, RL, BT), link styling, and comprehensive shape selectors (rectangle, rounded, stadium, cylinder, circle, diamond, hexagon, asymmetry).
      • API Sequence Diagrams: Detailed actor management, lifelines, message types (solid, dashed, async, return), activation boxes, notes, and parallel loops.
      • Database ER Models: Relational database schema designer with entity definitions, primary keys (PK), foreign keys (FK), column data types, and cardinality links (one-to-one, one-to-many, many-to-many).
      • Class & Object Diagrams: UML class structures with visibility indicators (+, -, #, ~), fields, methods, inheritance, composition, aggregation, and realization associations.
      • State Machine Diagrams: Finite state machines with composite states, event triggers, guards, entry/exit actions, and fork/join transitions.
      • Git Branching Graphs: Visual branch topologies (main, develop, feature/*, hotfix/*), commits with tags, merges, and cherry-picks.
      • Mindmaps & Roadmaps: Multi-level hierarchical trees, node icons, and architecture decision breakdowns.
    • 8 Curated High-DPI Diagram Themes:
      • Midnight Obsidian (Deep dark #090d16 with neon indigo accents #6366f1).
      • Tokyo Night (Cyan #06b6d4 & violet glow).
      • Cyber Neon (Terminal emerald #22c55e & dark slate).
      • Forest Emerald (Deep green #10b981 & sage).
      • Dracula (Classic purple #a855f7 & midnight).
      • Monokai Pro (Amber #f59e0b & charcoal).
      • Sunset Horizon (Rose #f43f5e & coral).
      • GitHub Slate Light (Clean high-contrast light mode #f8fafc).
    • Monaco Mermaid Language Tokenizer (monacoMermaid.js):
      • Native syntax highlighting and Monarch tokenizer for raw Mermaid code in Monaco with bracket matching, direction keywords, and string coloring.
    • Interactive Canvas with Smooth Pan & Zoom (DiagramCanvas.jsx):
      • Fluid zoom controls from 10% to 500% with zoom-to-fit and reset.
      • Drag-to-pan navigation for inspecting complex architectures.
      • Canvas grid backdrop pattern toggle.
      • Instant export to vector SVG, high-resolution PNG, and clipboard Markdown.
    • Architecture Blueprint Preset Catalog (PresetCatalogModal.jsx):
      • Built-in library of production templates for Microservices with API Gateway, OAuth2 Handshakes, E-Commerce Relational Schemas, Redux State Machines, and GitFlow branches.
    • Robust Bidirectional Compilers (diagramCompilers.js):
      • Seamless 2-way synchronization between visual form state and clean, standards-compliant Mermaid syntax.

[1.1.3] - 2026-10-19

Changed

  • Packaging Pipeline Cleanup & Modernization:
    • Pruned legacy NSIS scripts and bitmaps (installer.nsh, create_installer_bitmaps.py, and frontend/electron/assets/).
    • Standardized non-elevated user-level Windows setup installer (perMachine: false, allowElevation: false) targeting AppData\Local\Programs\VisualMark Studio.
    • Configured full differential delta update pipeline (latest.yml + .blockmap), allowing installed applications to download only modified byte blocks.

Fixed

  • Asset Link Resolution & Console Error Loop:
    • Fixed missing favicon.svg network loop (file:///D:/favicon.svg net::ERR_FILE_NOT_FOUND) that generated recursive console errors by bundling local appLogo directly into WelcomeLauncher.jsx and index.html.
    • Restored missing app branding logo in the Welcome Launcher screen.

[1.1.2] - 2026-10-18

Added

  • GitHub Repository Showcase Card Studio (repocard.studio):
    • Elevated Repo Card generator into a standalone, first-class visual studio tab.
    • 100% Client-Side Vector Engine: Generates self-contained, high-DPI vector SVG repo cards with zero external API dependencies or rate limits.
    • Auto-Adaptive Theming: Dual dark and light auto-adaptive SVGs powered by @media (prefers-color-scheme) alongside handcrafted themes (Official GitHub Dark, GitHub Light, Obsidian Slate, Nord Frost, Dracula).
    • 4 Production Layout Templates: Official Pin, Bento Telemetry, Language Distribution Ribbon, and Minimal Compact.
    • One-click copy Markdown snippet or download standalone .svg vector asset.
  • Comprehensive Internationalization (i18n) Engine:
    • Native multi-language UI localization across 10 languages: English (en), Simplified Chinese (zh-CN), Spanish (es), Japanese (ja), German (de), French (fr), Russian (ru), Hindi (hi), Portuguese (Brazil) (pt-BR), and Italian (it).
    • Automatic detection of browser and system locale on launch.
    • Status Bar Language Menu Popover: Instant UI language switcher with flags, native names, and direct link to Settings.
    • Extensible Language Packs: Import and export custom community JSON language packs with live hot-reloading and persistent localStorage storage.
  • Document & Syntax Language Mode Switcher:
    • Interactive Status Bar button and modal dialog (LanguageModeModal) supporting instant syntax highlighting switching across 30+ language modes (Markdown, MDX, LaTeX, Plain Text, Mermaid, HTML, CSS, JavaScript, TypeScript, Python, Rust, Go, and more).
    • Intelligent file-extension detection with manual override and quick search.
  • Chrome/Arc-Style Collapsible Tab Groups:
    • Visual workspace tab bar partitioning separating open documents from active visual studios.
    • Accent-themed pill header chips with status dots, active item count badges, and smooth accordion collapse/expand transitions.
  • Motion Hero & Animated Media Studio:
    • New Motion Hero generator supporting animated GIFs and MP4/WebM videos.
    • Wrap motion media in realistic macOS dark/light or Windows 11 browser and app window mockups.
    • Configurable autoplay, loop, mute, controls, glow accents, and custom browser URL bars.
  • Local Workspace Media Engine in Live Preview:
    • Added read-local-media Electron IPC channel for streaming local workspace media files directly to the renderer.
    • Markdown Live Preview Pane and MarkdownImage now resolve and render relative local images, SVGs, and videos (assets/*.svg, images/*.png) with zero external servers.
  • Tactile Unsupported File Screen:
    • Embedded canvas view for binary and unsupported file formats matching the WelcomeLauncher design system.
    • Displays file metadata, format icons, formatted byte sizes, and provides direct action buttons: Reveal in Explorer, Open in System Default App, Copy File Path, and Quick Studio Launchers.

Changed

  • Universal StudioShell Workspace Container:
    • Refactored all visual studios to adopt the standardized StudioShell container architecture.
    • Smooth 2-pane resizable layout (left inspector form and right WYSIWYG canvas stage) with persistent splitter drag state.
    • Persistent universal action bar: Insert into Document (Ctrl+Enter), Copy Markdown, Reset, and Back to Readme.
    • Preview stage background theme switcher: Dark, Midnight, Light, and Grid preview canvas backdrops.
  • Expanded Visual Studio Suite: VisualMark Studio now features 12 specialized visual studios.

Reliability & Performance

  • FastAPI Sidecar Process Resiliency:
    • Sidecar daemon startup now polls health checks (checkBackendHealth) before accepting API requests.
    • Implemented clean process tree termination on Windows using taskkill /pid ... /f /t upon before-quit and will-quit to eliminate orphan background daemons.

[1.1.1] - 2026-10-15

Added

  • Integrated Diagnostics & Runtime Error Routing:
    • Automatically redirected runtime error and warning notifications away from intrusive floating popup toasts and directly into the IDE Problems tab.
    • Redesigned ProblemsTab with category grouping (Markdown, Git, Workspace, Export), line/column or timestamp badges, and inline dismiss.
    • Status bar diagnostics badge counts now reflect merged markdown lint diagnostics and runtime errors with 1-click toggle.
  • Modernized Windows NSIS Installer:
    • Streamlined installer flow by automatically bypassing the redundant "All users vs Only for me" choice and defaulting to per-user installation without UAC prompts.
    • Modern Slate-100 theme tint (#F1F5F9) with Slate-800 typography (#1E293B) softening harsh white backgrounds while preserving native Windows control rendering.
    • Custom high-resolution branded installer bitmaps (installerSidebar.bmp, installerHeader.bmp).
    • Enabled maximum 7-Zip LZMA2 compression (compression: "maximum").
    • Windows App Paths registration for instant terminal/Run launch (visualmark and vms).
  • Cryptographic Release Verification:
    • Automated SHA-256 checksum generation (SHA256SUMS.txt) embedded into CI/CD release workflow for verifiable release downloads.

Changed

  • Embedded Canvas Welcome Launcher:
    • Replaced the generic floating rectangular modal card with an embedded canvas layout that integrates seamlessly into the dark IDE editor background (background: transparent, zero artificial container borders).
    • Engraved Background Typography: Soft recessed and debossed text-shadows on headings, version badges, taglines, and shortcuts.
    • Tactile Physical Depth Controls:
      • Primary action cards (Clone Repository and Open Folder...) feature genuine physical depth with multi-layered ambient drop shadows and crisp light-catch bevel highlights.
      • Keyboard shortcut <kbd> badges styled as physical mechanical chiclet keycaps.

Fixed

  • Explorer Dropdown Menus: Fixed missing CSS rules for .ide-dropdown-menu, .ide-dropdown-item, and .ide-dropdown-divider, replacing unstyled browser-default white buttons with dark glassmorphic styling.
  • Context Menu Stacking: Unified duplicate context menu definitions in explorer.css and elevated z-index to 99999 with backdrop blur.
  • Studio Tab Scroll Boundary: Removed e.preventDefault() wheel event trap at scroll limits, bounding flex column heights to enable smooth trackpad and mouse wheel scrolling across all studios.

Security

  • Electron IPC Hardening:
    • Enforced explicit -- delimiter before destination paths in git clone to prevent remote command-line argument injection.
    • Restricted openExternal strictly to valid http: and https: schemes.
    • Blocked execution of dangerous binary and script file types via openPath.
  • Preview Sanitization: Audited and hardened DOMPurify configurations in LivePreviewPane.jsx and MermaidRenderer.jsx to neutralize XSS vectors.

[1.1.0] - 2026-10-13

Added

  • Icons & Emoji Studio (11th Specialized Visual Studio - icons.studio):
    • Dedicated visual studio tab accessible from Activity Bar, Studios menu, and Command Palette (Ctrl+Shift+P).
    • Dual-mode interface cleanly separating Vector Material Icons (Material Symbols) and Developer Emojis.
    • Vector Icon Color Customizer: Integrated palette with 9 curated themes, HTML5 color wheel picker, and direct HEX code input with auto-formatting.
    • Live Catalog Tinting Toggle: Dynamically applies selected custom color in real time across the entire browsable vector icon catalog.
    • Dual-Flavor SVG Export Engine: Colored SVG file download, Iconify image Markdown generation, raw SVG markup copying, and 1-click cursor insertion.
    • Monaco : Autocomplete Provider: Typing : in the editor summons instant autocomplete suggestions for emojis and icons.
  • API Studio Live Documentation Preview (api.studio):
    • Complete multi-mode interactive preview system built into the REST API builder.
    • Three view modes: Live Preview, Split View, and Markdown & Code.
    • Two interactive render styles: REST Blueprint (Swagger/Postman style card with method badges and parameter matrices) and GitHub GFM Render (pixel-perfect GitHub preview).
  • Modular Floating Quick-Action Toolbar (HUD):
    • Word / Notion-style contextual HUD anchored dynamically above text selections in the Monaco editor.
    • Interactive dropdowns for Headings (H1–H4), Code Blocks (8 languages), Hyperlinks, and GitHub Alert Callouts ([!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION]).
    • Preserves native Monaco Undo/Redo history via editor.executeEdits.
  • Fluid 30 FPS Animated Banner Asset: Added 1200x600 fluid animated showcase banner (VisualMark Studio Banner.gif).

Fixed

  • Iconify Underscore 404 Bug: Automatically converted underscore ligature names (bug_report, rocket_launch) to Iconify-compliant kebab-case.
  • Chromium Scrollbar White Corner Glitch: Styled ::-webkit-scrollbar-corner { background: transparent; } to eliminate solid white box artifact.

[1.0.3] - 2026-10-12

Added

  • Command Palette Keybinding Configuration (⚙️):
    • Every command row in the Command Palette displays a settings gear icon on hover/selection to configure its shortcut directly. Pressing Alt + Enter on any highlighted item triggers the configuration flow.
  • Monaco Right-Click & F1 Interception:
    • Intercepted Monaco's native editor.action.quickCommand so selecting "Command Palette" in right-click or pressing F1 / Ctrl+Shift+P directly launches VisualMark Studio's palette.
  • Multi-Cursor & Formatting Editor Commands:
    • Add Cursor Above (Ctrl + Alt + Up)
    • Add Cursor Below (Ctrl + Alt + Down)
    • Change All Occurrences (Ctrl + F2)
    • Format Document (Shift + Alt + F)
    • Toggle Word Wrap (Alt + Z)
  • Integrated Bottom Panel Drawer:
    • Embedded PowerShell and Command Prompt (cmd) local terminals with session tabs, add/switch/clear controls, and external terminal launching.
    • Problems & Diagnostics Panel: Real-time Markdown syntax linter checking for broken links, unclosed fences, malformed tables, and heading skips.
    • System Output Panel: Live timestamped telemetry log stream tracking IDE operations, file saves, and daemon events.

Fixed

  • Startup Crash: Resolved ReferenceError: insertModalState is not defined during root component mount.
  • Monaco Script Loader CSP: Fixed Content Security Policy restrictions on editor script injection.

[1.0.2] - 2026-10-11

Added

  • Live Auto-Update Download Progress: Real-time progress bar displaying transfer speed (MB/s), downloaded megabytes, and completion percentage in the Status Bar.
  • Auto-Updater Diagnostic Alerts: Instant error notifications and retry guidance upon network interruptions or download failures.

Security

  • SSRF Defense: Backend image proxy rejects private, loopback (127.0.0.1, localhost), link-local, and multicast IP addresses.
  • Strict Hostname Sanitization: Frontend image URL utility enforces strict domain boundaries, blocking substring spoofing attacks.

[1.0.1] - 2026-10-11

Added

  • Empty Workspace Experience: Added friendly "No Folder Opened" landing view with quick folder picker.
  • Security Policy & Automation: Added SECURITY.md, CodeQL scanning workflow, and Dependabot automated updates.

Fixed

  • Titlebar Logo: Corrected application logo asset path under the Electron file:// protocol.
  • Startup Workspace Leak: Prevented packaged binary from defaulting to the app's installation folder on launch.

[1.0.0] - 2026-10-10

🚀 Initial Public Launch of VisualMark Studio

The foundation release establishing VisualMark Studio as the premier offline native desktop IDE for Markdown architecture and technical documentation:

Core Capabilities

  • Dual-Engine Code & Visual Architecture:
    • Full integration of the Monaco code editor (VS Code engine) with syntax highlighting for GitHub Flavored Markdown (GFM).
    • Synchronized, proportional split-pane live preview with instant rendering.
  • 10 Foundational Specialized Visual Studios:
    1. Shields.io Badges Studio (badges.studio): High-resolution badge builder with presets for versions, build status, licenses, and technologies.
    2. Mermaid Architecture Studio (diagrams.studio): Interactive diagramming with flowcharts, sequence diagrams, ER diagrams, and state charts.
    3. Visual Markdown Table Studio (tables.studio): Spreadsheet-style table editor with CSV/JSON import and column alignment.
    4. Code Snippets & GitHub Callouts Studio (snippets.studio): Syntax-highlighted code blocks and GitHub callout banners ([!NOTE], [!TIP], [!WARNING]).
    5. Hero Images & Window Frames (images.studio): Wrap screenshots in realistic macOS and Windows window frames with drop shadows.
    6. Directory Tree Studio (tree.studio): Visual ASCII and branch-notation directory tree generator with auto-scanning.
    7. REST API & Endpoints Designer (api.studio): Endpoint specification cards with method badges, headers, and payload structures.
    8. Contributors & Team Grid Studio (contributors.studio): Responsive contributor grid layouts with GitHub avatar linking.
    9. Changelog & SemVer Release Studio (changelog.studio): SemVer release notes generator following the Keep a Changelog standard.
    10. README Health Auditor & Linter (audit.studio): Automated documentation grading engine (A+ to F) evaluating structural completeness.
  • 100% Offline & Local-First Architecture:
    • Embedded FastAPI Python daemon sidecar communicating over local HTTP with dynamic port negotiation (8000–8030).
    • Direct filesystem I/O (Ctrl+S, Ctrl+O) and folder workspace browser (Ctrl+Shift+O) powered by Electron IPC.
    • Zero external telemetry, tracking, or cloud dependencies.
  • Distribution & Packaging:
    • Complete Windows NSIS setup installer (.exe).
    • Standalone zero-installation portable binary (.exe).

Return to Home or explore the 12 Visual Studios Guide.

VisualMark Studio • The Code + Visual Desktop IDE for Technical Documentation
Built with React, Electron & FastAPI • GitHub Project

✦ VisualMark Studio Wiki

🔗 Quick Resources

Clone this wiki locally