Releases: JsonViewer-Component/Blazor
π v0.0.6 - Performance Optimizations
JsonViewer.Blazor v0.0.6
This release includes performance improvements and minor optimizations.
π§ Performance Optimizations
β‘ Improved Memory Management in JsonPathDisplay
- CancellationToken Integration: Using
CancellationTokenSourcefor better async operation management - Memory Leak Prevention: Prevents memory leaks when quickly closing the modal
- Better Resource Management: Improved resource management by disposing CancellationTokenSource
π Improved TruncateValue Performance
- Modern C# Features: Using
Span<char>andAsSpan()for better performance - Optimized String Operations: Improved performance for large strings using
string.Concatinstead ofSubstring
π Technical Changes
Components Modified
JsonPathDisplay.razor: Improved async operations management and string operations performance
Performance Improvements
- Reduced memory usage in copy path operations
- Improved truncate speed for long values
π¦ Installation
dotnet add package JsonViewer.Blazor --version 0.0.6π Notes
- This release focuses primarily on performance and optimization improvements
- All previous features remain unchanged
π v0.0.5-beta - Enhanced JSON Path Display Modal
π JsonViewer.Blazor v0.0.5-beta
π Overview
This beta release brings significant UI/UX improvements with enhanced modal functionality and fullscreen compatibility fixes. The JSON Path Display feature has been completely redesigned as a professional modal component, and all modals now work seamlessly in fullscreen mode.
β¨ What's New
π¨ Enhanced JSON Path Display Modal
- Complete Redesign: Converted JSON Path Display from a simple popup to a professional, centered modal dialog
- Modern UI: Beautiful card-based layout with icon indicators for each information type
- Better UX: Improved readability with organized information cards showing:
- JSON Path (with copyable format)
- Property Name
- Property Type (with color-coded badges)
- Property Value (with truncation for long values)
- Keyboard Support: Close modal with
ESCkey - Click Outside: Close modal by clicking on the overlay
π§ Fullscreen Mode Enhancements
- Modal Compatibility: Fixed display issues with all modals in fullscreen mode
- Smart DOM Management: Automatic modal repositioning using MutationObserver for seamless fullscreen experience
- Z-Index Optimization: Proper layering ensures modals appear above fullscreen container
π― Key Features
Modal System Improvements
- β JsonPathDisplay Modal: Professional modal design matching JsonStatistics modal style
- β JsonStatistics Modal: Fixed fullscreen compatibility issues
- β Consistent Behavior: All modals now behave uniformly across normal and fullscreen modes
- β Dark Theme Support: Full dark theme compatibility for all modals
Technical Improvements
- MutationObserver Integration: Intelligent DOM manipulation for modal positioning
- Event Handling: Improved click event delegation for property name interactions
- State Management: Proper modal state restoration when exiting fullscreen mode
π Bug Fixes
- Fixed: JSON Path Display modal not appearing in fullscreen mode
- Fixed: JSON Statistics modal not appearing in fullscreen mode
- Fixed: Modal z-index conflicts with fullscreen container
- Fixed: Modal positioning issues in fullscreen mode
- Fixed: CSS compilation errors with
@mediaqueries in Razor components
π¨ UI/UX Improvements
Visual Enhancements
- Beautiful fade-in and slide-up animations for modals
- Improved color scheme with better contrast
- Responsive design for mobile devices
- Enhanced hover effects and transitions
- Professional icon integration for better visual hierarchy
Accessibility
- Keyboard navigation support (ESC to close)
- Better focus management
- Improved screen reader compatibility
π§ Technical Details
Components Modified
JsonPathDisplay.razor: Complete redesign from popup to modalJsonStatistics.razor: Fullscreen compatibility improvementsJsonViewer.razor: Enhanced modal management logicFullScreenToggle.razor: Modal repositioning on fullscreen enter/exit
CSS Improvements
- Updated z-index values for proper modal layering (10000 for modals, 9999 for fullscreen container)
- Added responsive media queries with proper escaping (
@@media) - Improved modal overlay styles with backdrop blur
- Enhanced dark theme support
JavaScript Enhancements
- MutationObserver for automatic modal DOM management
- Improved fullscreen state handling
- Better event delegation for property clicks
π¦ Installation
dotnet add package JsonViewer.Blazor --version 0.0.5-betaOr via Package Manager:
<PackageReference Include="JsonViewer.Blazor" Version="0.0.5-beta" />π Migration Notes
Breaking Changes
None - This release is fully backward compatible.
Deprecated Features
None - No features are deprecated in this release.
π Notes
- This is a beta release - Please test thoroughly before using in production
- Fullscreen modal functionality has been significantly improved
- All modals now follow the same design pattern for consistency
π Acknowledgments
Thanks to all contributors and users who reported issues and provided feedback!
π Links
- π Documentation
- π¦ NuGet Package
- π Report Issues
- π¬ Discussions
Full Changelog: v0.0.4-beta...v0.0.5-beta
π v0.0.4-beta - Multi-Framework Support
π What's New in v0.0.4-beta
β¨ Multi-Framework Support!
| Framework | Status |
|---|---|
| .NET 6.0 | β Supported |
| .NET 7.0 | β Supported |
| .NET 8.0 | β Supported (LTS) β |
| .NET 9.0 | β Supported |
| .NET 10.0 | β Supported (Preview) |
π¦ Installation
dotnet add package JsonViewer.Blazor --version 0.0.4-beta### π Links
Full Changelog: v0.0.3-beta...v0.0.4-beta
π v0.0.3-beta - Repository Restructure
π What's New in v0.0.3-beta
β¨ Highlights
- π Reorganized Repository Structure - Cleaner and more professional layout
- π Multi-Platform Publishing - Available on NuGet.org, GitHub Packages, and Release Assets
- π Enhanced Documentation - All documentation in English
- π§ Improved CI/CD - Better automation and workflows
π¦ Installation
dotnet add package JsonViewer.Blazor --version 0.0.3-beta### π Links
- π Live Demo
- π¦ NuGet Package
- π Full Changelog
π Repository Structure Changes
- Community files moved to
.github/ - Documentation moved to
docs/ - Docker files moved to
docker/ - Assets moved to
Documents/assets/
π Thank You!
Thanks to all contributors and users for your support!
Full Changelog: v0.0.2-beta...v0.0.3-beta