refactor!: migrate plugin-react-refresh to plugin-react

[aleclarson]

⚠️ Do not squash (to preserve commit history)

Description

Once this plugin is released, @vitejs/plugin-react-refresh should be deprecated.

This plugin will do the following:

• Fast Refresh in dev only (same as in plugin-react-refresh)
• Support for automatic JSX runtime
• Babel configuration that applies to dev and prod
  • Follow-up to feat(plugin-react-refresh): support configure babel plugins #3319
  • Full configuration support (including presets, babelrc, etc)
• Warn if the old plugin or vite-react-jsx is also used

Status

Almost ready to ship 🚢

Remaining questions

1. Should jsxRuntime: "automatic" be the default?
2. What should be done with plugin-react/CHANGELOG.md?

Todo

• Fix lint problems
• Migrate to TypeScript
• Copy over unit tests from here
• Setup a test suite in ./packages/playground (in progress by @pengx17)

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[Shinigami92]

I added now the new label plugin: react

[kjeske]

Thanks @aleclarson for your work in that PR, it's something I'm really looking forward to :) What is the status of the works?

[aleclarson]

@kjeske It should be ready for use. To get this merged, someone needs to setup some tests in ./packages/playground, but I don't know when I'll get around to doing that. I'm hoping a community member picks up the slack there, since I've done so much work already. :)

Specifically, playground/react should be migrated to use @vitejs/plugin-react instead. We don't need the esbuild.jsxInject configuration anymore. We also need to test the jsxRuntime: "automatic" option, but that probably needs its own playground/react-jsx-runtime folder.

[Shinigami92]

packages/plugin-react/CHANGELOG.md may need to be resetted to v1.0.0 🤔

[Shinigami92]

getJSXNode, getJSXName, getJSXProps and getJSXChildren feels a bit to wide open 🤔
Maybe they can benefit from using generic arguments

[aleclarson]

It might be better to copy over the unit tests from here instead of trying to perfect the types. I don't expect much future development of babel-restore-jsx to take place, so I don't think the types are worth the squeeze. I suppose I should've mentioned this before, but I didn't expect you to go the extra mile. :)

[Shinigami92]

Okay, so I'm glad that I just was bored yesterday 😄
But you should look at least into my first two review comments for packages/plugin-react/src/fast-refresh.ts

[kjeske]

What's missing now in this PR to be completed?

[aleclarson]

@kjeske See the todos in the OP. Feel free to open a PR targeting this one if you decide to help out 😃