refactor!: remove CommonJS and default export entrypoints (#90)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: chenjiahan

README.md

@@ -26,17 +26,8 @@ bun add @rspack/plugin-react-refresh react-refresh -D
 
 Import the plugin in your code:
 
-- ES modules:
-
-```js
-// Named import (recommended)
-import { ReactRefreshRspackPlugin } from "@rspack/plugin-react-refresh";
-```
-
-- CommonJS:
-
 ```js
-const ReactRefreshRspackPlugin = require("@rspack/plugin-react-refresh");
+import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
 ```
 
 ## Usage
@@ -47,27 +38,28 @@ Enabling [React Fast Refresh](https://reactnative.dev/docs/fast-refresh) functio
 - Code transformation can be added through loaders, such as [jsc.transform.react.refresh](https://swc.rs/docs/configuration/compilation#jsctransformreactrefresh) for [swc-loader](https://swc.rs/docs/usage/swc-loader) or the [react-refresh/babel](https://github.com/facebook/react/tree/main/packages/react-refresh) for [babel-loader](https://github.com/babel/babel-loader).
 
 ```js
-const ReactRefreshPlugin = require("@rspack/plugin-react-refresh");
-const isDev = process.env.NODE_ENV === "development";
+import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
+
+const isDev = process.env.NODE_ENV === 'development';
 
-module.exports = {
+export default {
   experiments: {
     rspackFuture: {
       disableTransformByDefault: true,
     },
   },
   // ...
-  mode: isDev ? "development" : "production",
+  mode: isDev ? 'development' : 'production',
   module: {
     rules: [
       {
         test: /\.jsx$/,
         use: {
-          loader: "builtin:swc-loader",
+          loader: 'builtin:swc-loader',
           options: {
             jsc: {
               parser: {
-                syntax: "ecmascript",
+                syntax: 'ecmascript',
                 jsx: true,
               },
               transform: {
@@ -82,7 +74,7 @@ module.exports = {
       },
     ],
   },
-  plugins: [isDev && new ReactRefreshPlugin()].filter(Boolean),
+  plugins: [isDev && new ReactRefreshRspackPlugin()].filter(Boolean),
 };
 ```
 

client/overlay/components/Spacer.js

@@ -4,13 +4,12 @@
   "repository": "https://github.com/rstackjs/rspack-plugin-react-refresh",
   "license": "MIT",
   "description": "React refresh plugin for Rspack",
-  "main": "exports/index.cjs",
   "type": "commonjs",
-  "types": "exports/index.d.cts",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./exports/index.cjs",
-      "default": "./exports/index.mjs"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.mjs"
     },
     "./react-refresh": "./client/reactRefresh.js",
     "./react-refresh-entry": "./client/reactRefreshEntry.js",
@@ -26,7 +25,7 @@
     "release": "node ./scripts/release.mjs",
     "bump": "npx bumpp --no-push --no-tag --no-commit"
   },
-  "files": ["client", "dist", "exports"],
+  "files": ["client", "dist"],
   "simple-git-hooks": {
     "pre-commit": "npx nano-staged"
   },

exports/index.cjs

@@ -1,14 +1,5 @@
 import { defineConfig } from '@rslib/core';
 
 export default defineConfig({
-  lib: [
-    {
-      format: 'cjs',
-      bundle: true,
-      dts: true,
-      source: {
-        tsconfigPath: './tsconfig.build.json',
-      },
-    },
-  ],
+  lib: [{ bundle: true, dts: true }],
 });

exports/index.d.cts

@@ -109,4 +109,3 @@ class ReactRefreshRspackPlugin {
 }
 
 export { ReactRefreshRspackPlugin };
-export default ReactRefreshRspackPlugin;