Skip to content

Releases: xarlizard/responsive-panel

v1.0.0

12 Jul 22:36

Choose a tag to compare

[1.0.0] - 2025-07-13

Added

  • Fullscreen viewport mode - Click viewport headers for detailed breakpoint testing
  • Back navigation - "Back to Dashboard" button for easy navigation between views
  • Smart trigger hiding - Prevents recursive panels in iframe views using URL parameters
  • Independent dragging - Separate drag logic for floating button and panel header
  • Live sync functionality - Synchronized scrolling and form inputs across viewports
  • Theme support - Light, dark, and auto themes with system preference detection
  • Multi-viewport preview - Preview multiple breakpoints simultaneously
  • Custom configuration - Configurable breakpoints, labels, positioning, and z-index
  • Production safety - Automatically disabled in production environments
  • Framework agnostic - Works with React, Vue, Angular, vanilla JS
  • TypeScript support - Full type definitions and IntelliSense support

Features

  • Floating draggable button for panel toggle with customizable positioning
  • Multiple viewport preview showing your site across different breakpoints
  • Fullscreen mode for detailed testing of individual breakpoints
  • Smart URL parameter detection (?rp-hide-trigger=true) to prevent recursive panels
  • Event system with support for open, close, fullscreen, and drag events
  • Responsive panel interface that works on all screen sizes
  • Auto-injection with script tag configuration support
  • Custom breakpoint support with flexible width and label configuration

Developer Experience

  • Clean API with both class-based and injection methods
  • Comprehensive documentation with examples and API reference
  • Event handling for custom integrations and workflows
  • Error boundaries and safe fallbacks for cross-origin scenarios
  • Development-friendly with detailed console logging and debugging support
  • Production optimization with automatic detection and disabling

Full Changelog: https://github.com/Xarlizard/react-api-forge/blob/main/CHANGELOG.md