v4.0.0

Bundle size shredding

Due to deprecating a lot of custom server code and CJS the bundle size has decreased from 9.03 MB to 914.4kb

[BREAKING] Remix Dev Tools is now a ESM only, Vite plugin for Remix

We have deprecated support for CJS and moving forward will only be supporting ESM apps. If you're using CJS you can stick to v3.7.2 until you are read to upgrade!

Deploy anywhere!

Remix Dev tools can now be deployed to any environment of your choice. You can just pass in the includeInProd: true flag to the plugin and it will bundle it in non-development environments.

Also it needs to be in "dependencies" instead of "devDependencies"

Documentation website!

Remix dev tools now has a doc site! You can find it here:
https://remix-development-tools.fly.dev/

Whats new

• Go to source feature now sanitizes paths which should allow for all operating systems to open the path correctly.
• You can now close remix development tools with "ESC" when open
• You can now open and close the tools with "SHIFT + A"
• Various bug fixes

What's Changed

• Update Logo to have 1200x630 ratio by @brookslybrand in #102
• V4 major by @AlemTuzlak in #108

Full Changelog: v3.7.4...v4.0.0

v3.7.4

Remix v2.5.1 support

Fixed an issue where rdt wasn't working with v2.5.X

v3.7.2

Form data info in timeline

Added some code that more accurately parses formData in the timeline tab to show you more accurate info that was sent to the server

What's Changed

• form data rendering improvements by @AlemTuzlak in #91

Full Changelog: v3.7.1...v3.7.2

v3.7.1

Fixed an issue where the plugin breaks if you try to export links as a function

What's Changed

• #87 Vite plugin breaks with function export fix by @AlemTuzlak in #88

Full Changelog: v3.7.0...v3.7.1

v3.7.0

Hydration mismatch diff tool

The errors tab now has a hydration mismatch diff tool which shows you client and server difference in rendered HTML side by side

What's Changed

• docs(installation): fix instructions for cjs by @obviyus in #83

New Contributors

• @obviyus made their first contribution in #83

Full Changelog: v3.6.2...v3.7.0

v3.6.2

UI Overhaul

The 3.6.x releases are mostly focused on UI overhaul and there has been an upgrade to the:

• Active page tab
• general layout
• readability

Full Changelog: v3.5.1...v3.6.2

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