@unpackjs/plugin-react 1.7.2 → 1.7.4

package/dist/index.cjs

@@ -37,6 +37,7 @@ var import_plugin_react_refresh = __toESM(require("@rspack/plugin-react-refresh"
 var import_core = require("@unpackjs/core");
 var import_click_to_component = require("./click-to-component/index.cjs");
 var import_mpa = require("./mpa.cjs");
+var import_splitChunks = require("./splitChunks.cjs");
 const PLUGIN_NAME = "unpack:react";
 const pluginReact = (options = {}) => {
   const { clickToComponent, reactCompiler } = options;
@@ -50,6 +51,7 @@ const pluginReact = (options = {}) => {
       if ((0, import_core.isDev)() && clickToComponent) {
         config = await (0, import_click_to_component.applyClickToComponentConfig)({ config, unpackConfig });
       }
+      config = (0, import_splitChunks.applySplitChunksConfig)({ config, unpackConfig });
       if (reactCompiler && !(0, import_core.getUserDepPath)(unpackConfig.root, "react-compiler-runtime")) {
         import_core.logger.error('Dependency "react-compiler-runtime" not found. Did you install it?');
         process.exit(1);
@@ -100,10 +102,6 @@ const pluginReact = (options = {}) => {
                   loader: swcLoader,
                   options: getSwcOptions({ tsx: true })
                 },
-                reactCompiler && unpackConfig.build?.parallel && {
-                  loader: import_node_path.default.resolve(__dirname, "../../core/dist/thread-loader/index.cjs"),
-                  options: import_core.THREAD_OPTIONS
-                },
                 reactCompiler && {
                   loader: import_node_path.default.resolve(__dirname, "./react-compiler-loader/index.cjs"),
                   options: {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,YAAY,EAMlB,MAAM,gBAAgB,CAAA;AAIvB,eAAO,MAAM,WAAW,iBAAiB,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,WAAW,aAAa,kBAAkB,KAAQ,YA4F9D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,YAAY,EAMlB,MAAM,gBAAgB,CAAA;AAKvB,eAAO,MAAM,WAAW,iBAAiB,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,WAAW,aAAa,kBAAkB,KAAQ,YAwF9D,CAAA"}

package/dist/index.js

@@ -13,7 +13,6 @@ import RspackReactRefreshPlugin from "@rspack/plugin-react-refresh";
 import {
   DEFAULT_BROWSERSLIST,
   HtmlWebpackPlugin,
-  THREAD_OPTIONS,
   getUserDepPath,
   getUserDepVersion,
   isDev,
@@ -22,6 +21,7 @@ import {
 } from "@unpackjs/core";
 import { applyClickToComponentConfig } from "./click-to-component/index.js";
 import { applyMpaConfig } from "./mpa.js";
+import { applySplitChunksConfig } from "./splitChunks.js";
 const PLUGIN_NAME = "unpack:react";
 const pluginReact = (options = {}) => {
   const { clickToComponent, reactCompiler } = options;
@@ -35,6 +35,7 @@ const pluginReact = (options = {}) => {
       if (isDev() && clickToComponent) {
         config = await applyClickToComponentConfig({ config, unpackConfig });
       }
+      config = applySplitChunksConfig({ config, unpackConfig });
       if (reactCompiler && !getUserDepPath(unpackConfig.root, "react-compiler-runtime")) {
         logger.error('Dependency "react-compiler-runtime" not found. Did you install it?');
         process.exit(1);
@@ -85,10 +86,6 @@ const pluginReact = (options = {}) => {
                   loader: swcLoader,
                   options: getSwcOptions({ tsx: true })
                 },
-                reactCompiler && unpackConfig.build?.parallel && {
-                  loader: path2.resolve(__dirname, "../../core/dist/thread-loader/index.cjs"),
-                  options: THREAD_OPTIONS
-                },
                 reactCompiler && {
                   loader: path2.resolve(__dirname, "./react-compiler-loader/index.cjs"),
                   options: {

package/dist/splitChunks.cjs

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var splitChunks_exports = {};
+__export(splitChunks_exports, {
+  applySplitChunksConfig: () => applySplitChunksConfig
+});
+module.exports = __toCommonJS(splitChunks_exports);
+var import_core = require("@unpackjs/core");
+const applySplitChunksConfig = ({
+  config,
+  unpackConfig
+}) => {
+  if (unpackConfig.performance.chunkSplit.strategy !== "split-by-experience") {
+    return config;
+  }
+  const currentConfig = config.optimization.splitChunks;
+  const extraGroups = {};
+  extraGroups.react = {
+    name: "lib-react",
+    test: !(0, import_core.isDevServer)() ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
+    priority: 0
+  };
+  extraGroups.router = {
+    name: "lib-router",
+    test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
+    priority: 0
+  };
+  config.optimization.splitChunks = {
+    ...currentConfig,
+    cacheGroups: {
+      ...extraGroups,
+      // @ts-expect-error
+      ...currentConfig.cacheGroups
+    }
+  };
+  return config;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applySplitChunksConfig
+});

package/dist/splitChunks.d.ts

@@ -0,0 +1,6 @@
+import { type BundlerConfiguration, type UnpackConfig } from '@unpackjs/core';
+export declare const applySplitChunksConfig: ({ config, unpackConfig, }: {
+    config: BundlerConfiguration;
+    unpackConfig: UnpackConfig;
+}) => import("@rspack/core").RspackOptions;
+//# sourceMappingURL=splitChunks.d.ts.map

package/dist/splitChunks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitChunks.d.ts","sourceRoot":"","sources":["../src/splitChunks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAA;AAEvB,eAAO,MAAM,sBAAsB,8BAGhC;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,yCA2BA,CAAA"}

package/dist/splitChunks.js

@@ -0,0 +1,44 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import {
+  isDevServer
+} from "@unpackjs/core";
+const applySplitChunksConfig = ({
+  config,
+  unpackConfig
+}) => {
+  if (unpackConfig.performance.chunkSplit.strategy !== "split-by-experience") {
+    return config;
+  }
+  const currentConfig = config.optimization.splitChunks;
+  const extraGroups = {};
+  extraGroups.react = {
+    name: "lib-react",
+    test: !isDevServer() ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
+    priority: 0
+  };
+  extraGroups.router = {
+    name: "lib-router",
+    test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
+    priority: 0
+  };
+  config.optimization.splitChunks = {
+    ...currentConfig,
+    cacheGroups: {
+      ...extraGroups,
+      // @ts-expect-error
+      ...currentConfig.cacheGroups
+    }
+  };
+  return config;
+};
+export {
+  applySplitChunksConfig
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unpackjs/plugin-react",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "",
   "type": "module",
   "exports": {
@@ -27,14 +27,14 @@
     "@babel/plugin-proposal-decorators": "7.25.9",
     "@babel/plugin-transform-class-properties": "7.25.9",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "@rspack/plugin-react-refresh": "1.0.0",
-    "@swc/core": "1.9.3",
+    "@rspack/plugin-react-refresh": "1.0.1",
+    "@swc/core": "1.10.1",
     "@swc/helpers": "0.5.15",
     "babel-plugin-react-compiler": "latest",
     "launch-editor": "2.9.1",
-    "react-refresh": "0.14.2",
+    "react-refresh": "0.16.0",
     "swc-loader": "0.2.6",
-    "@unpackjs/core": "^1.7.2"
+    "@unpackjs/core": "^1.7.4"
   },
   "scripts": {
     "dev": "modern build --watch",