v3.5.1

Bug fixes

• Fixed issue with timeline cutting off latest events incorrectly
• Changed color of action logs to yellow from red
• Fixed issue with body cloning by @dong-qian
• Fixed issue where detached mode was stuck on the same page after navigation

What's Changed

• fix: cannot clone body by @dong-qian in #79
• 77 active page tab stuck once popping rdt out into new window by @AlemTuzlak in #80

New Contributors

• @dong-qian made their first contribution in #79

Full Changelog: v3.5.0...v3.5.1

v3.5.0

Vite support

Remix Development Tools now officially supports Vite!

The library exports a /vite submodule that gives you a Vite plugin to use. You can just do:

import { remixDevTools } from "remix-development-tools/vite";
export default defineConfig({
  plugins: [
    remixDevTools({
      pluginsDir: "./plugins"
  })], 
});

And you will have full RDT working with 0 additional configuration.

RDT shortcut

From this release you can open up RDT using ALT + "A"

Breaking changes

• CTRL + right-click for open source has been changed to ALT + right-click

Minor changes

• The go to source feature is now very accurate in the Vite plugin. The old approach can still be a hit and miss with the line number but the new version knows the exact line as well.
• "Open in browser" button for routes is now a link you can open up in a new tab
• The information for the loader calls in server data is now reversed so that the newest entries are at the top instead of bottom.
• The server info tab has been reorganized to show the information in a better order to make it more readable

What's Changed

• Move getting started up in the README.md by @brookslybrand in #73
• Vite support by @AlemTuzlak in #72

New Contributors

• @brookslybrand made their first contribution in #73

Full Changelog: v3.4.0...v3.5.0

v3.4.0

Settings page update

You can now disable connection to the server part of dev tools if you're not using them or want to disable them for a while.
You can now change the port on the client and all the instances that are connecting to the server will use the same port
You can now change the url flag required to show the dev tools
You can now change visiblity based on url flag from the settings page

Breaking

Removed wsPort and requireUrlFlag client side config flags in favor of settings page change

What's Changed

• #66 fix & settings page additions by @AlemTuzlak in #70

Full Changelog: v3.3.0...v3.4.0

v3.3.0

Errors tab

New errors tab has been added!

• Detects wrongly nested HTML for you and adds the errors to the tab
• Lets you click on the file names to open up the locations and fix the issues

HMR improvements

RDT was causing HMR to take a bit longer due to some heavy packages (namely lucide-react), the package has been removed and your apps should HMR faster

What's Changed

• remove lucide-react dependency by @xHomu in #68

Full Changelog: v3.2.2...v3.3.0

v3.2.2

View source improvement

Improves view-source functionality to try and open up primitive component parents instead of the primitives themselves, eg:

<ParentSelect>
  <SelectPrimitive />  -> clicking the select component primitive will open the ParentSelect file instead of the Select file
</ParentSelect>

What's Changed

Full Changelog: v3.2.1...v3.2.2

v3.2.1

View source

You can click CTRL + right click to view source of any element on screen in vs code, this requires you to have vs code executable installed on your pc and that you have both the server/client setup of rdt.

Active page

• UI revamp
• Open in vs code button - opens up the route segment in vs code
• Server info

What's Changed

• #58 - Fns import error by @AlemTuzlak in #59

Full Changelog: v3.0.0...v3.2.1

v3.0.0

V3 release dropped! 🎊

• Remix v2 support
• Full CJS/ESM support for both typing and servers
• New dev server
• New server dev tools (auto included in dev server, but available for custom servers via import), highly customizable, check out the readme!
• Route boundaries are back and stable
• Instability and bug issues fix (all of it related to route boundaries) but no more weird remounts, rerenders, infinite loops etc
  easier setup
• README updates!

BREAKING

• no more initClient import
• no more default export (now it's only withDevTools(App, config)
• no more names RemixDevTools export
• no more initServer export
• Styles need to be imported in the links function, not included in the dev tools anymore (this might change in the future releases)

Server Dev Tools

From v3 there is an optional server side dev tool suite that allows you to selectively log all the processes going on in your app like:

• loader hits
• action hits
• cached loaders/actions (type and duration of cache)
• cookies set by loaders/actions
• defer keyword support ( tells you which keys are defered and when they are resolved and how long it took)
• cleanup headers - tells you if a loader/action cleaned up caching etc on the page
• redirects - tells you if a loader/action caused a redirect
• errors - tells you if a loader/action threw an error and what was it.

Client Dev tools

• Stability issue fix and bug squashing, no more infinite loops, crashes and remounts of components in certain conditions.

What's Changed

• V3.0.0 by @AlemTuzlak in #54

Full Changelog: v2.4.0...v3.0.0

v2.4.0

ErrorBoundary improvements

From version 2.4.0 Routes tab will tell you if a route is actually covered by a parent ErrorBoundary and where that ErrorBoundary is located.

Panel location setting and Settings page UI improvements

Bettter UI for settings page has been added
Panel location now allows you to set the panel on the top or bottom based on your preference

Route boundaries flag lock

Due to issues caused by this feature I decided to lock it behind a flag until I am confident it is stable and working properly. You can check the README how to enable it until then.

What's Changed

• #48 - Readme improvements by @AlemTuzlak in #49

Full Changelog: v2.3.1...v2.4.0

v2.3.1

Bug fixes

Fixed console.log issue
Fixed console error for text not being a valid dom element

Full Changelog: v2.3.0...v2.3.1

v2.3.0

Route tree support!

Full support for tree view of your project routes!