JSON Editor v1.5.0

JSON Editor - v1.5.0

Offline JSON editor with multiple visualisation types and real-time validation.

Installation

1. Download json-editor-v1.5.0.zip
2. Extract the archive
3. Open index.html in your browser

What's New

🎛️ Resizable Panes

Take full control of your workspace! You can now dynamically resize the editor and visualisation panes to suit your workflow.

Key Features

• Draggable Divider: Click and drag the 4px handle between panes to adjust sizes
• Visual Feedback: Divider highlights in cyan when hovering or dragging
• Smart Constraints: Minimum 20% / maximum 80% prevents panes from becoming too small
• Smooth Integration: Works seamlessly with existing show/hide panel buttons
• Auto-hide: Divider disappears when either panel is hidden
• Live Updates: Visualisations automatically redraw after resizing

How to Use

1. Hover over the thin divider between editor and visualisation panes
2. When it highlights in cyan, click and drag left or right
3. Release to set your preferred layout
4. Use toggle buttons (◀/▶) to show/hide panels as before

Perfect For

• 📝 Focusing on editing: Make editor larger, visualisation smaller
• 🎨 Examining visualisations: Maximise visualisation space
• ⚖️ Balanced workflow: Keep both panes visible at your preferred ratio

Bug Fixes

• Fixed panel width issue when using hide/show toggle buttons
• Panels now properly expand to full width when other panel is hidden

Technical Details

• Implementation: Pure CSS and vanilla JavaScript resize handling
• Performance: Debounced visualisation updates on resize complete
• Compatibility: Works with all existing panel toggle functionality
• Browser Support: Modern browsers with ES6 support

Previous Releases

• v1.4.1: Visualisation padding fixes
• v1.4.0: Sunburst diagram visualisation
• v1.3.0: Table View visualisation
• v1.2.0: Drag-to-pan canvas
• v1.1.0: JSON folding/collapsing
• v1.0.0: Initial release

Full Changelog: v1.4.1...v1.5.0

---

🤖 Generated with Claude Code