@vitejs/plugin-react 5.1.1 → 5.1.3

package/README.md

@@ -19,9 +19,9 @@ export default defineConfig({
 
 ## Options
 
-### include/exclude
+### include
 
-Includes `.js`, `.jsx`, `.ts` & `.tsx` and excludes `/node_modules/` by default. This option can be used to add fast refresh to `.mdx` files:
+Includes `.js`, `.jsx`, `.ts` & `.tsx` by default. This option can be used to add fast refresh to `.mdx` files:
 
 ```js
 import { defineConfig } from 'vite'
@@ -36,6 +36,22 @@ export default defineConfig({
 })
 ```
 
+### exclude
+
+The default value is `/node_modules/`. You may use it to exclude JSX/TSX files that runs in a worker or are not React files.
+Except if explicitly desired, you should keep `node_modules` in the exclude list:
+
+```js
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [
+    react({ exclude: [/\/pdf\//, /\.solid\.tsx$/, /\/node_modules\//] }),
+  ],
+})
+```
+
 ### jsxImportSource
 
 Control where the JSX factory is imported from. By default, this is inferred from `jsxImportSource` from corresponding a tsconfig file for a transformed file.

package/dist/index.d.ts

@@ -3,7 +3,18 @@ import { ParserOptions, TransformOptions } from "@babel/core";
 
 //#region src/index.d.ts
 interface Options {
+  /**
+   * Can be used to process extra files like `.mdx`
+   * @example include: /\.(mdx|js|jsx|ts|tsx)$/
+   * @default /\.[tj]sx?$/
+   */
   include?: string | RegExp | Array<string | RegExp>;
+  /**
+   * Can be used to exclude JSX/TSX files that runs in a worker or are not React files.
+   * Except if explicitly desired, you should keep node_modules in the exclude list
+   * @example exclude: [/\/pdf\//, /\.solid\.tsx$/, /\/node_modules\//]
+   * @default /\/node_modules\//
+   */
   exclude?: string | RegExp | Array<string | RegExp>;
   /**
    * Control where the JSX factory is imported from.

package/dist/index.js

@@ -1,9 +1,9 @@
+import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
-import { readFileSync } from "node:fs";
+import { exactRegex, makeIdFiltersToMatchWithQuery } from "@rolldown/pluginutils";
 import * as vite from "vite";
 import { createFilter } from "vite";
-import { exactRegex, makeIdFiltersToMatchWithQuery } from "@rolldown/pluginutils";
 
 //#region ../common/refresh-utils.ts
 const runtimePublicPath = "/@react-refresh";
@@ -101,7 +101,7 @@ function viteReact(opts = {}) {
 	let projectRoot = process.cwd();
 	let skipFastRefresh = true;
 	let base;
-	let isFullBundle = false;
+	let isBundledDev = false;
 	let runPluginOverrides;
 	let staticBabelOptions;
 	const importReactRE = /\bimport\s+(?:\*\s+as\s+)?React\b/;
@@ -142,7 +142,7 @@ function viteReact(opts = {}) {
 		configResolved(config) {
 			runningInVite = true;
 			base = config.base;
-			if (config.experimental.fullBundleMode) isFullBundle = true;
+			if (config.experimental.bundledDev) isBundledDev = true;
 			projectRoot = config.root;
 			isProduction = config.isProduction;
 			skipFastRefresh = isProduction || config.command === "build" || config.server.hmr === false;
@@ -184,14 +184,14 @@ function viteReact(opts = {}) {
 					return newBabelOptions;
 				})();
 				const plugins = [...babelOptions.plugins];
-				let reactCompilerPlugin$1 = getReactCompilerPlugin(plugins);
-				if (reactCompilerPlugin$1 && ssr) {
-					plugins.splice(plugins.indexOf(reactCompilerPlugin$1), 1);
-					reactCompilerPlugin$1 = void 0;
+				let reactCompilerPlugin = getReactCompilerPlugin(plugins);
+				if (reactCompilerPlugin && ssr) {
+					plugins.splice(plugins.indexOf(reactCompilerPlugin), 1);
+					reactCompilerPlugin = void 0;
 				}
-				if (Array.isArray(reactCompilerPlugin$1) && reactCompilerPlugin$1[1]?.compilationMode === "annotation" && !compilerAnnotationRE.test(code)) {
-					plugins.splice(plugins.indexOf(reactCompilerPlugin$1), 1);
-					reactCompilerPlugin$1 = void 0;
+				if (Array.isArray(reactCompilerPlugin) && reactCompilerPlugin[1]?.compilationMode === "annotation" && !compilerAnnotationRE.test(code)) {
+					plugins.splice(plugins.indexOf(reactCompilerPlugin), 1);
+					reactCompilerPlugin = void 0;
 				}
 				const isJSX = filepath.endsWith("x");
 				const useFastRefresh = !(isRolldownVite || skipFastRefresh) && !ssr && (isJSX || (opts.jsxRuntime === "classic" ? importReactRE.test(code) : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)));
@@ -208,7 +208,7 @@ function viteReact(opts = {}) {
 					root: projectRoot,
 					filename: id,
 					sourceFileName: filepath,
-					retainLines: reactCompilerPlugin$1 ? false : !isProduction && isJSX && opts.jsxRuntime !== "classic",
+					retainLines: reactCompilerPlugin ? false : !isProduction && isJSX && opts.jsxRuntime !== "classic",
 					parserOpts: {
 						...babelOptions.parserOpts,
 						sourceType: "module",
@@ -284,12 +284,12 @@ function viteReact(opts = {}) {
 			if (userConfig.server?.hmr === false) return { oxc: { jsx: { refresh: false } } };
 		}
 	};
-	const viteReactRefreshFullBundleMode = {
+	const viteReactRefreshBundledDevMode = {
 		name: "vite:react-refresh-fbm",
 		enforce: "pre",
 		transformIndexHtml: {
 			handler() {
-				if (!skipFastRefresh && isFullBundle) return [{
+				if (!skipFastRefresh && isBundledDev) return [{
 					tag: "script",
 					attrs: { type: "module" },
 					children: getPreambleCode(base)
@@ -329,7 +329,7 @@ function viteReact(opts = {}) {
 			}
 		},
 		transformIndexHtml() {
-			if (!skipFastRefresh && !isFullBundle) return [{
+			if (!skipFastRefresh && !isBundledDev) return [{
 				tag: "script",
 				attrs: { type: "module" },
 				children: getPreambleCode(base)
@@ -341,12 +341,12 @@ function viteReact(opts = {}) {
 		...isRolldownVite ? [
 			viteRefreshWrapper,
 			viteConfigPost,
-			viteReactRefreshFullBundleMode
+			viteReactRefreshBundledDevMode
 		] : [],
 		viteReactRefresh,
 		virtualPreamblePlugin({
 			name: "@vitejs/plugin-react/preamble",
-			isEnabled: () => !skipFastRefresh && !isFullBundle
+			isEnabled: () => !skipFastRefresh && !isBundledDev
 		})
 	];
 }

package/package.json

@@ -1,24 +1,33 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "5.1.1",
-  "license": "MIT",
-  "author": "Evan You",
+  "version": "5.1.3",
   "description": "The default Vite plugin for React projects",
   "keywords": [
-    "vite",
-    "vite-plugin",
-    "react",
     "babel",
+    "fast refresh",
+    "react",
     "react-refresh",
-    "fast refresh"
+    "vite",
+    "vite-plugin"
   ],
+  "homepage": "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme",
+  "bugs": {
+    "url": "https://github.com/vitejs/vite-plugin-react/issues"
+  },
+  "license": "MIT",
+  "author": "Evan You",
   "contributors": [
     "Alec Larson",
     "Arnaud Barré"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vitejs/vite-plugin-react.git",
+    "directory": "packages/plugin-react"
+  },
   "files": [
-    "types",
-    "dist"
+    "dist",
+    "types"
   ],
   "type": "module",
   "exports": {
@@ -31,35 +40,38 @@
     "prepublishOnly": "npm run build",
     "test-unit": "vitest run"
   },
-  "engines": {
-    "node": "^20.19.0 || >=22.12.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vitejs/vite-plugin-react.git",
-    "directory": "packages/plugin-react"
-  },
-  "bugs": {
-    "url": "https://github.com/vitejs/vite-plugin-react/issues"
-  },
-  "homepage": "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme",
   "dependencies": {
-    "@babel/core": "^7.28.5",
+    "@babel/core": "^7.29.0",
     "@babel/plugin-transform-react-jsx-self": "^7.27.1",
     "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-    "@rolldown/pluginutils": "1.0.0-beta.47",
+    "@rolldown/pluginutils": "1.0.0-rc.2",
     "@types/babel__core": "^7.20.5",
     "react-refresh": "^0.18.0"
   },
-  "peerDependencies": {
-    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
-  },
   "devDependencies": {
     "@vitejs/react-common": "workspace:*",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "rolldown": "1.0.0-beta.47",
-    "tsdown": "^0.16.1"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rolldown": "1.0.0-rc.2",
+    "tsdown": "^0.20.1"
+  },
+  "peerDependencies": {
+    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+  },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "compatiblePackages": {
+    "schemaVersion": 1,
+    "rolldown": {
+      "type": "compatible",
+      "versions": "^1.0.0-beta.44",
+      "note": "You can use Rolldown's built-in feature directly."
+    },
+    "rollup": {
+      "type": "incompatible",
+      "reason": "Uses Rolldown-specific APIs or Vite-specific APIs"
+    }
   }
 }