npx remix upgrade command to automatically update reps

[mcansh]

found this really nice when working with storybook recently, they have npx sb upgrade [-p] in their CLI which will automatically find and install the latest (or prerelease) version of your installed storybook dependencies so you don't need to do anything fancy to get them all updated in lockstep (npm i @remix-run/{node, react,..}

Why this would be nice

Remix deps have hard dependencies on each other and if you forget to update one or more packages, you'll end up with multiple versions installed which can cause problems, for example: vercel/vercel#9011, #5073

Usage: sb upgrade [options]

Upgrade your Storybook packages to the latest

Options:
  --package-manager <npm|pnpm|yarn1|yarn2>  Force package manager for installing dependencies
  -N --use-npm                              Use NPM to install dependencies (deprecated)
  -y --yes                                  Skip prompting the user
  -n --dry-run                              Only check for upgrades, do not install
  -t --tag <tag>                            Upgrade to a certain npm dist-tag (e.g. next, prerelease)
  -p --prerelease                           Upgrade to the pre-release packages
  -s --skip-check                           Skip postinstall version and automigration checks
  -h, --help                                display help for command

PR as it only took a few minutes to do: #5004

[mjackson]

I think I'm ok with this, but not super anxious to get it done. I dislike overlapping our tools with stuff that package managers should already do for us.

Does the curly brace syntax actually work with npm already?

npm i @remix-run/{node,react}

That'd be dope if it did.

[mcansh]

it does actually! my desire for the command is mostly when upgrading to nightly or prereleases tbh

npm i @remix-run/{node,react}@pre && npm i -D @remix-run/{dev,eslint-config}@pre etc

[machour]

Anytime I ask someone reporting an issue the list of remix dependencies, there's a 50% chance that they are not aligned.

This is why I opened #5077 in the first place.

Having a npx remix upgrade command as a documented way to upgrade remix will surely help.

[jsrhodes15]

Wow, I didn't know about npm i @remix-run/{a,b,c,d} this is 🔥

[sergiodxa]

I currently have my own npm run upgrade:remix that will run npm add and npm add -D for every Remix dependency I have in my package.json, so I think a built-in command can be useful.

I imagine the command could run npm add and npm add -D but with the list of dependencies/devDependencies the project has installed, it would be useful if I could specify the version like npx remix upgrade latest or npx remix upgrade pre and it can then set @pre to the npm command.

[mcansh]

these are the flags i currently have:

remix upgrade (defaults to --tag latest)
remix upgrade --prerelease (same as remix upgrade --tag pre)
remix upgrade --tag nightly

[brophdawg11]

I've used a local script for this for some time and finally published it out the other week: https://github.com/brophdawg11/upgrade-remix

# defaults to `latest`
npx upgrade-remix   
npx upgrade-remix pre
npx upgrade-remix 1.16.0