@vitejs/plugin-react 6.1.0 → 6.1.1

package/README.md

@@ -106,6 +106,12 @@ The `compiler` option also accepts [React Compiler options](https://react.dev/re
 react({ compiler: { compilationMode: 'annotation' } })
 ```
 
+Set `logDiagnostics` to `true` to log recoverable React Compiler diagnostics through Vite. This option defaults to `false`. Fatal diagnostics are always logged and fail the transform.
+
+```js
+react({ compiler: { logDiagnostics: true } })
+```
+
 ### Babel React Compiler
 
 React Compiler can also be used through Babel with the exported `reactCompilerPreset` helper. This requires [`@rolldown/plugin-babel`](https://npmx.dev/package/@rolldown/plugin-babel), [`babel-plugin-react-compiler`](https://npmx.dev/package/babel-plugin-react-compiler), and [`@babel/core`](https://npmx.dev/package/@babel/core) as peer dependencies:

package/dist/index.d.ts

@@ -4,6 +4,14 @@ import { ReactCompilerBabelPluginOptions, ReactCompilerOptions, RolldownBabelPre
 declare const reactCompilerPreset: (options?: ReactCompilerBabelPluginOptions) => RolldownBabelPreset;
 //#endregion
 //#region src/index.d.ts
+interface ReactCompilerPluginOptions extends ReactCompilerOptions {
+  /**
+   * Log recoverable React Compiler diagnostics through Vite.
+   * Fatal diagnostics are always logged and fail the transform.
+   * @default false
+   */
+  logDiagnostics?: boolean;
+}
 interface Options {
   /**
    * Can be used to process extra files like `.mdx`
@@ -43,7 +51,7 @@ interface Options {
    * @default false
    * @experimental
    */
-  compiler?: boolean | ReactCompilerOptions;
+  compiler?: boolean | ReactCompilerPluginOptions;
 }
 declare function viteReact(opts?: Options): Plugin[];
 declare namespace viteReact {
@@ -51,4 +59,4 @@ declare namespace viteReact {
 }
 declare function viteReactForCjs(this: unknown, options: Options): Plugin[];
 //#endregion
-export { Options, type ReactCompilerOptions, viteReact as default, viteReactForCjs as "module.exports", reactCompilerPreset };
+export { Options, type ReactCompilerPluginOptions as ReactCompilerOptions, viteReact as default, viteReactForCjs as "module.exports", reactCompilerPreset };

package/dist/index.js

@@ -194,11 +194,10 @@ function viteReact(opts = {}) {
 	if (opts.compiler) plugins.unshift(createReactCompilerPlugin(opts.compiler === true ? {} : opts.compiler, include, exclude, opts, () => !skipFastRefresh));
 	return plugins;
 }
-function createReactCompilerPlugin(options, include, exclude, reactOptions, isFastRefreshEnabled) {
-	let sourcemap = true;
+function createReactCompilerPlugin({ logDiagnostics, ...reactCompilerOptions }, include, exclude, reactOptions, isFastRefreshEnabled) {
 	let jsxDevelopment = false;
 	let compiler;
-	const runtime = options.target === "17" || options.target === "18" ? "react-compiler-runtime" : "react/compiler-runtime";
+	const runtime = reactCompilerOptions.target === "17" || reactCompilerOptions.target === "18" ? "react-compiler-runtime" : "react/compiler-runtime";
 	const loadCompiler = async (onError) => {
 		if (compiler) return compiler;
 		try {
@@ -215,7 +214,6 @@ function createReactCompilerPlugin(options, include, exclude, reactOptions, isFa
 			return { optimizeDeps: { include: [runtime] } };
 		},
 		configResolved(config) {
-			sourcemap = config.command !== "build" || !!config.build.sourcemap;
 			jsxDevelopment = !config.isProduction;
 		},
 		transform: {
@@ -225,7 +223,7 @@ function createReactCompilerPlugin(options, include, exclude, reactOptions, isFa
 			} },
 			async handler(code, id) {
 				const isClient = this.environment?.config.consumer !== "server";
-				const shouldCompile = isClient && (options.compilationMode === "annotation" ? /['"]use memo['"]/.test(code) : defaultCodeFilter.test(code));
+				const shouldCompile = isClient && (reactCompilerOptions.compilationMode === "annotation" ? /['"]use memo['"]/.test(code) : defaultCodeFilter.test(code));
 				const { transform } = compiler ?? await loadCompiler((message) => this.error(message));
 				const result = await transform(id.split("?")[0], code, {
 					jsx: {
@@ -234,12 +232,12 @@ function createReactCompilerPlugin(options, include, exclude, reactOptions, isFa
 						importSource: reactOptions.jsxImportSource,
 						refresh: isClient && isFastRefreshEnabled()
 					},
-					reactCompiler: shouldCompile ? options : false,
-					sourcemap
+					reactCompiler: shouldCompile ? reactCompilerOptions : false,
+					sourcemap: this.environment ? this.environment.config.command !== "build" || !!this.environment.config.build.sourcemap : true
 				});
 				const diagnostics = result.errors.map((error) => `${error.message}${error.codeframe ? `\n${error.codeframe}` : ""}`);
 				if (result.fatal) this.error(diagnostics.join("\n\n") || "React Compiler transform failed.");
-				for (const diagnostic of diagnostics) this.warn(diagnostic);
+				if (logDiagnostics) for (const diagnostic of diagnostics) this.warn(diagnostic);
 				return {
 					code: result.code,
 					map: result.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "The default Vite plugin for React projects",
   "keywords": [
     "fast refresh",
@@ -50,12 +50,12 @@
     "@rolldown/plugin-babel": "^0.2.3",
     "@vitejs/react-common": "workspace:*",
     "babel-plugin-react-compiler": "^1.0.0",
-    "oxc-transform-react": "^0.145.0",
+    "oxc-transform-react": "^0.147.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "rolldown": "^1.2.3",
+    "rolldown": "^1.2.6",
     "tsdown": "^0.22.14",
-    "vite": "^8.2.1"
+    "vite": "^8.2.2"
   },
   "peerDependencies": {
     "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0",