Skip to content

Releases: JsonViewer-Component/Blazor

πŸš€ v0.0.6 - Performance Optimizations

17 Dec 00:05

Choose a tag to compare

JsonViewer.Blazor v0.0.6

This release includes performance improvements and minor optimizations.


πŸ”§ Performance Optimizations

⚑ Improved Memory Management in JsonPathDisplay

  • CancellationToken Integration: Using CancellationTokenSource for 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> and AsSpan() for better performance
  • Optimized String Operations: Improved performance for large strings using string.Concat instead of Substring

πŸ“‹ 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

16 Dec 22:57

Choose a tag to compare

πŸš€ 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 ESC key
  • 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 @media queries 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 modal
  • JsonStatistics.razor: Fullscreen compatibility improvements
  • JsonViewer.razor: Enhanced modal management logic
  • FullScreenToggle.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-beta

Or 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


Full Changelog: v0.0.4-beta...v0.0.5-beta

πŸš€ v0.0.4-beta - Multi-Framework Support

03 Dec 23:14

Choose a tag to compare

πŸŽ‰ 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

03 Dec 21:41

Choose a tag to compare

πŸŽ‰ 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

πŸ“ 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