Last 12 weeks · 44 commits
2 of 6 standards met
Hey! This PR adds the ability to resize the 4 workspace panes (server, client, flight, preview). I've been using the explorer and found it a bit annoying that the panes are fixed at 50/50 - sometimes you want more space for the flight log or to focus on the preview. So I added draggable dividers between them. What this does: 1. You can drag any edge between panes to resize horizontally or vertically 2. There's a small handle in the center where all 4 panes meet - drag that to resize everything at once 3. Double-click any handle to reset back to 50/50 4. Panes are clamped to 20-80% so you can't accidentally collapse them completely Technical notes: 1. Created a new component that uses CSS Grid with custom properties for dynamic sizing 2. Added proper ARIA roles and keyboard accessibility (handles are focusable) 3. No external dependencies - just vanilla React + CSS DEMO:** https://github.com/user-attachments/assets/49c7de00-b591-4a69-8478-3995a20f7bca Let me know if you have any feedback!
Repository: gaearon/rscexplorer. Description: A tool for people curious about the React Server Components protocol Stars: 1073, Forks: 29. Primary language: TypeScript. Languages: TypeScript (79.8%), CSS (11.6%), JavaScript (5.2%), HTML (3.3%). License: MIT. Homepage: https://rscexplorer.dev/ Open PRs: 0, open issues: 0. Last activity: 1mo ago. Community health: 42%. Top contributors: gaearon, TheAlexLichter, DeepakKumarKhatri, billyjanitsch, sophiebits.