@rspack/plugin-react-refresh 1.4.2 → 1.5.0

package/README.md

@@ -36,9 +36,6 @@ Import the plugin in your code:
 ```js
 // Named import (recommended)
 import { ReactRefreshRspackPlugin } from "@rspack/plugin-react-refresh";
-
-// Default import
-import ReactRefreshRspackPlugin from "@rspack/plugin-react-refresh";
 ```
 
 - CommonJS:
@@ -103,12 +100,31 @@ Compared to the previous approach, this method decouples the React Fast Refresh
 
 ## Options
 
+### test
+
+- Type: [Rspack.RuleSetCondition](https://rspack.dev/config/module#condition)
+- Default: `undefined`
+
+Specifies which files should be processed by the React Refresh loader. This option is passed to the `builtin:react-refresh-loader` as the `rule.test` condition.
+
+Works identically to Rspack's [rule.test](https://rspack.dev/config/module#ruletest) option.
+
+```js
+new ReactRefreshPlugin({
+  test: [/\.jsx$/, /\.tsx$/],
+});
+```
+
 ### include
 
 - Type: [Rspack.RuleSetCondition](https://rspack.dev/config/module#condition)
 - Default: `/\.([cm]js|[jt]sx?|flow)$/i`
 
-Include files to be processed by the plugin. The value is the same as the [rule.test](https://rspack.dev/config/module#ruletest) option in Rspack.
+Explicitly includes files to be processed by the React Refresh loader. This option is passed to the `builtin:react-refresh-loader` as the `rule.include` condition.
+
+Use this to limit processing to specific directories or file patterns.
+
+Works identically to Rspack's [rule.include](https://rspack.dev/config/module#ruleinclude) option.
 
 ```js
 new ReactRefreshPlugin({

package/client/reactRefresh.js

@@ -6,7 +6,15 @@ const RefreshRuntime = require('react-refresh/runtime');
 function refresh(moduleId, webpackHot) {
   const currentExports = RefreshUtils.getModuleExports(moduleId);
   const fn = (exports) => {
-    RefreshUtils.executeRuntime(exports, moduleId, webpackHot);
+    var errorOverlay;
+    if (typeof __react_refresh_error_overlay__ !== 'undefined') {
+      errorOverlay = __react_refresh_error_overlay__;
+    }
+    var testMode;
+    if (typeof __react_refresh_test__ !== 'undefined') {
+      testMode = __react_refresh_test__;
+    }
+    RefreshUtils.executeRuntime(exports, moduleId, webpackHot, errorOverlay, testMode);
   };
   if (typeof Promise !== 'undefined' && currentExports instanceof Promise) {
     currentExports.then(fn);

package/dist/index.js

@@ -58,6 +58,7 @@ class ReactRefreshRspackPlugin {
         }).apply(compiler);
         if (this.options.injectLoader) {
             compiler.options.module.rules.unshift({
+                test: this.options.test,
                 // biome-ignore lint: exists
                 include: this.options.include,
                 exclude: {
@@ -65,6 +66,11 @@ class ReactRefreshRspackPlugin {
                     or: [this.options.exclude, [...paths_1.runtimePaths]].filter(Boolean),
                 },
                 resourceQuery: this.options.resourceQuery,
+                dependency: {
+                    // `new URL("static/sdk.js", import.meta.url)` the sdk.js is an asset module
+                    // we shoudn't inject react refresh for asset module
+                    not: ['url'],
+                },
                 use: ReactRefreshRspackPlugin.loader,
             });
         }

package/dist/options.d.ts

@@ -11,11 +11,20 @@ interface OverlayOptions {
 }
 export type PluginOptions = {
     /**
-     * Include files to be processed by the plugin.
-     * The value is the same as the `rule.test` option in Rspack.
-     * @default /\.([cm]js|[jt]sx?|flow)$/i
+     * Specifies which files should be processed by the React Refresh loader.
+     * This option is passed to the `builtin:react-refresh-loader` as the `rule.test` condition.
+     * Works identically to Rspack's `rule.test` option.
      * @see https://rspack.dev/config/module#ruletest
      */
+    test?: RuleSetCondition;
+    /**
+     * Explicitly includes files to be processed by the React Refresh loader.
+     * This option is passed to the `builtin:react-refresh-loader` as the `rule.include` condition.
+     * Use this to limit processing to specific directories or file patterns.
+     * Works identically to Rspack's `rule.include` option.
+     * @default /\.([cm]js|[jt]sx?|flow)$/i
+     * @see https://rspack.dev/config/module#ruleinclude
+     */
     include?: RuleSetCondition | null;
     /**
      * Exclude files from being processed by the plugin.

package/exports/index.cjs

@@ -1,4 +1,7 @@
 // CommonJS wrapper
 const { ReactRefreshRspackPlugin } = require('../dist/index.js');
 
+// default export will be deprecated in next major version
 module.exports = ReactRefreshRspackPlugin;
+
+module.exports.ReactRefreshRspackPlugin = ReactRefreshRspackPlugin;

package/exports/index.mjs

@@ -1,5 +1,5 @@
 // ES modules wrapper
 import { ReactRefreshRspackPlugin } from '../dist/index.js';
-
+// default export will be deprecated in next major version
 export default ReactRefreshRspackPlugin;
 export { ReactRefreshRspackPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspack/plugin-react-refresh",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "repository": "https://github.com/rspack-contrib/rspack-plugin-react-refresh",
   "license": "MIT",
   "description": "React refresh plugin for Rspack",
@@ -32,24 +32,23 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@continuous-auth/client": "2.3.2",
-    "@rslib/core": "^0.6.8",
-    "@rspack/core": "1.3.8",
+    "@rslib/core": "^0.11.0",
+    "@rspack/core": "1.4.11",
     "@types/jest": "29.5.14",
-    "@types/node": "^22.15.3",
-    "cross-env": "^7.0.3",
-    "execa": "9.5.2",
+    "@types/node": "^22.17.0",
+    "cross-env": "^10.0.0",
+    "execa": "9.6.0",
     "fs-extra": "11.3.0",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-environment-node": "29.7.0",
     "nano-staged": "^0.8.0",
     "react-refresh": "^0.17.0",
-    "semver": "7.7.1",
-    "simple-git-hooks": "^2.13.0",
-    "ts-jest": "29.3.2",
+    "semver": "7.7.2",
+    "simple-git-hooks": "^2.13.1",
+    "ts-jest": "29.4.0",
     "ts-node": "^10.9.2",
-    "typescript": "5.8.3"
+    "typescript": "5.9.2"
   },
   "dependencies": {
     "error-stack-parser": "^2.1.4",
@@ -66,8 +65,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
+    "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
     "build": "tsc -b ./tsconfig.build.json",