Releases: forge42dev/react-router-devtools
v4.7.2
Fix for path normalization for macOS
This is a huge deal! After many months I have finally uncovered what the issue with opening routes on macOS was. Wildcard routes from remix would act as ENV vars and macOS would swap them with an empty string because they don't exist. Thanks to this fix every route/component opened with RDT should now properly be opened in your code editor.
Huge shout-out to @rossipedia for a repro
What's Changed
- fix for path normalization issues on macOS by @AlemTuzlak in #153
Full Changelog: v4.7.1...v4.7.2
v4.7.1
Full Changelog: v4.7.0...v4.7.1
v4.7.0
Complete architecture overhaul
This release was all about behind the scenes cleanup of architecture, fixed long standing bugs and difficulties in development and lowered bundle size by 200+ kb.
- Switched to biome from eslint
- Switched to lefthook from husky
- Fixed the whole styling process in RDT
- Removed old artifacts of bad architecture.
Route boundaries rework
I've always disliked that the route boundaries are shown on hover of the route and you have no way to change htis behavior, from this version onwards you can set it to either "click" or "hover". Default is click and it requires you to click a button to show the boundary.
Server timings feature
The server logger will now show every server timing returned from the server. You can optionally pass in a serverTimingThreshold
config to log the executions that go over it in red for easier performance analysis.
Default config changes
Changed depth level of json to 1 instead of 0.
Changed color of route boundaries from ice to watermelon
Hydrogen and oxygen app support
Added dedicated doc pages on how to use in dev with Shopify Oxygen and Hydrogen
What's Changed
- Add plugins directory path to tailwind config. by @Azfar731 in #148
- Project cleanup by @AlemTuzlak in #150
New Contributors
Full Changelog: v4.6.0...v4.7.0
v4.6.0
Breakpoint indicator
From v4.6.0 you can see a breakpoint indicator in the left bottom corner of your remix-development-tools which shows you what the current breakpoint is. By default it shows the tailwind breakpoints but you can configure this to match your own project breakpoints via the breakpoints
config
breakpoints: [{ name: "lg", min: 0, max: 964 }]
Open in X editor support
From v4.6.0 you can open up routes/components in editors other than VS code, refer to the doc site for more details on how to implement this
What's Changed
- Multi-Editor Support via config by @andrewbellucci in #146
- Breakpoint feature added by @AlemTuzlak in #147
New Contributors
- @andrewbellucci made their first contribution in #146
Full Changelog: v4.5.2...v4.6.0
v4.5.2
Full Changelog: v4.5.1...v4.5.2
v4.5.1
Some css fixes
Full Changelog: v4.5.0...v4.5.1
v4.5.0
v4.4.1
Full Changelog: v4.4.0...v4.4.1
v4.4.0 - Live URLS
Live URLs feature
Allows you to specify a set of urls that you can use to open up the current page on production, staging or anything else in a new tab. Provided as a client config to RDT.
Improvements
Double-clicking route nodes on the route tab tree view now opens up the route
Full Changelog: v4.3.3...v4.4.0
v4.3.3
Accessibility improvements
RDT will no longer capture tab focus while closed, it will only do so when open allowing you to test your tab focus without head scratches as where it goes to
Full Changelog: v4.3.2...v4.3.3