@bleedingdev/modern-js-builder 3.4.0-ultramodern.1 → 3.4.0-ultramodern.2

package/dist/cjs/plugins/rspack21.js

@@ -0,0 +1,61 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+const PERSISTENT_CACHE_MAX_AGE = 604800;
+const PERSISTENT_CACHE_MAX_VERSIONS = 3;
+const pluginRspack21 = ({ sourceImport } = {})=>({
+        name: 'modern-js:rspack-2-1-defaults',
+        setup (api) {
+            api.modifyRspackConfig((config)=>{
+                config.module ??= {};
+                config.module.parser ??= {};
+                config.module.parser.javascript ??= {};
+                config.module.parser.javascript.createRequire ??= true;
+                if ('object' == typeof config.cache && null !== config.cache && 'persistent' === config.cache.type) {
+                    config.cache.maxAge ??= PERSISTENT_CACHE_MAX_AGE;
+                    config.cache.maxVersions ??= PERSISTENT_CACHE_MAX_VERSIONS;
+                }
+                if (void 0 !== sourceImport) {
+                    config.experiments ??= {};
+                    config.experiments.sourceImport = sourceImport;
+                }
+                return config;
+            });
+        }
+    });
+__webpack_require__.d(__webpack_exports__, {}, {
+    pluginRspack21: pluginRspack21
+});
+exports.pluginRspack21 = __webpack_exports__.pluginRspack21;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "pluginRspack21"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/shared/parseCommonConfig.js

@@ -41,6 +41,7 @@ const emitRouteFile_js_namespaceObject = require("../plugins/emitRouteFile.js");
 const environmentDefaults_js_namespaceObject = require("../plugins/environmentDefaults.js");
 const globalVars_js_namespaceObject = require("../plugins/globalVars.js");
 const htmlMinify_js_namespaceObject = require("../plugins/htmlMinify.js");
+const rspack21_js_namespaceObject = require("../plugins/rspack21.js");
 const runtimeChunk_js_namespaceObject = require("../plugins/runtimeChunk.js");
 const external_devServer_js_namespaceObject = require("./devServer.js");
 const external_tsgo_js_namespaceObject = require("./tsgo.js");
@@ -59,7 +60,7 @@ function removeUndefinedKey(obj) {
 }
 async function parseCommonConfig(builderConfig, options) {
     const frameworkConfigPath = options?.frameworkConfigPath;
-    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
+    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, reactCompiler, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
     let combinedAlias;
     if (alias || resolve.alias) combinedAlias = [].concat(alias ?? []).concat(resolve.alias ?? []);
     const rsbuildConfig = {
@@ -135,7 +136,11 @@ async function parseCommonConfig(builderConfig, options) {
     rsbuildConfig.dev = removeUndefinedKey(rsbuildDev);
     rsbuildConfig.html = html;
     rsbuildConfig.output = output;
+    const { sourceBuild, sourceImport } = builderConfig.experiments || {};
     const rsbuildPlugins = [
+        (0, rspack21_js_namespaceObject.pluginRspack21)({
+            sourceImport
+        }),
         (0, globalVars_js_namespaceObject.pluginGlobalVars)(globalVars),
         (0, devtools_js_namespaceObject.pluginDevtool)({
             sourceMap
@@ -169,16 +174,18 @@ async function parseCommonConfig(builderConfig, options) {
         rsbuildPlugins.push(pluginTypedCSSModules());
     }
     rsbuildPlugins.push((0, runtimeChunk_js_namespaceObject.pluginRuntimeChunk)(builderConfig.output?.disableInlineRuntimeChunk));
-    const { sourceBuild } = builderConfig.experiments || {};
     if (sourceBuild) {
         const { pluginSourceBuild } = await import("@rsbuild/plugin-source-build");
         rsbuildPlugins.push(pluginSourceBuild(true === sourceBuild ? {} : sourceBuild));
     }
-    rsbuildPlugins.push((0, plugin_react_namespaceObject.pluginReact)());
+    rsbuildPlugins.push((0, plugin_react_namespaceObject.pluginReact)({
+        reactCompiler: reactCompiler ?? true
+    }));
     if (!disableSvgr) {
         const { pluginSvgr } = await import("@rsbuild/plugin-svgr");
         rsbuildPlugins.push(pluginSvgr({
             mixedImport: true,
+            parallel: true,
             svgrOptions: {
                 exportType: 'component' === svgDefaultExport ? 'default' : 'named'
             }

package/dist/esm/plugins/rspack21.mjs

@@ -0,0 +1,23 @@
+const PERSISTENT_CACHE_MAX_AGE = 604800;
+const PERSISTENT_CACHE_MAX_VERSIONS = 3;
+const pluginRspack21 = ({ sourceImport } = {})=>({
+        name: 'modern-js:rspack-2-1-defaults',
+        setup (api) {
+            api.modifyRspackConfig((config)=>{
+                config.module ??= {};
+                config.module.parser ??= {};
+                config.module.parser.javascript ??= {};
+                config.module.parser.javascript.createRequire ??= true;
+                if ('object' == typeof config.cache && null !== config.cache && 'persistent' === config.cache.type) {
+                    config.cache.maxAge ??= PERSISTENT_CACHE_MAX_AGE;
+                    config.cache.maxVersions ??= PERSISTENT_CACHE_MAX_VERSIONS;
+                }
+                if (void 0 !== sourceImport) {
+                    config.experiments ??= {};
+                    config.experiments.sourceImport = sourceImport;
+                }
+                return config;
+            });
+        }
+    });
+export { pluginRspack21 };

package/dist/esm/shared/parseCommonConfig.mjs

@@ -8,6 +8,7 @@ import { pluginEmitRouteFile } from "../plugins/emitRouteFile.mjs";
 import { pluginEnvironmentDefaults } from "../plugins/environmentDefaults.mjs";
 import { pluginGlobalVars } from "../plugins/globalVars.mjs";
 import { pluginHtmlMinifierTerser } from "../plugins/htmlMinify.mjs";
+import { pluginRspack21 } from "../plugins/rspack21.mjs";
 import { pluginRuntimeChunk } from "../plugins/runtimeChunk.mjs";
 import { transformToRsbuildServerOptions } from "./devServer.mjs";
 import { withTsgoDefaults } from "./tsgo.mjs";
@@ -26,7 +27,7 @@ function removeUndefinedKey(obj) {
 }
 async function parseCommonConfig(builderConfig, options) {
     const frameworkConfigPath = options?.frameworkConfigPath;
-    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
+    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, reactCompiler, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
     let combinedAlias;
     if (alias || resolve.alias) combinedAlias = [].concat(alias ?? []).concat(resolve.alias ?? []);
     const rsbuildConfig = {
@@ -102,7 +103,11 @@ async function parseCommonConfig(builderConfig, options) {
     rsbuildConfig.dev = removeUndefinedKey(rsbuildDev);
     rsbuildConfig.html = html;
     rsbuildConfig.output = output;
+    const { sourceBuild, sourceImport } = builderConfig.experiments || {};
     const rsbuildPlugins = [
+        pluginRspack21({
+            sourceImport
+        }),
         pluginGlobalVars(globalVars),
         pluginDevtool({
             sourceMap
@@ -136,16 +141,18 @@ async function parseCommonConfig(builderConfig, options) {
         rsbuildPlugins.push(pluginTypedCSSModules());
     }
     rsbuildPlugins.push(pluginRuntimeChunk(builderConfig.output?.disableInlineRuntimeChunk));
-    const { sourceBuild } = builderConfig.experiments || {};
     if (sourceBuild) {
         const { pluginSourceBuild } = await import("@rsbuild/plugin-source-build");
         rsbuildPlugins.push(pluginSourceBuild(true === sourceBuild ? {} : sourceBuild));
     }
-    rsbuildPlugins.push(pluginReact());
+    rsbuildPlugins.push(pluginReact({
+        reactCompiler: reactCompiler ?? true
+    }));
     if (!disableSvgr) {
         const { pluginSvgr } = await import("@rsbuild/plugin-svgr");
         rsbuildPlugins.push(pluginSvgr({
             mixedImport: true,
+            parallel: true,
             svgrOptions: {
                 exportType: 'component' === svgDefaultExport ? 'default' : 'named'
             }

package/dist/esm-node/plugins/rspack21.mjs

@@ -0,0 +1,24 @@
+import "node:module";
+const PERSISTENT_CACHE_MAX_AGE = 604800;
+const PERSISTENT_CACHE_MAX_VERSIONS = 3;
+const pluginRspack21 = ({ sourceImport } = {})=>({
+        name: 'modern-js:rspack-2-1-defaults',
+        setup (api) {
+            api.modifyRspackConfig((config)=>{
+                config.module ??= {};
+                config.module.parser ??= {};
+                config.module.parser.javascript ??= {};
+                config.module.parser.javascript.createRequire ??= true;
+                if ('object' == typeof config.cache && null !== config.cache && 'persistent' === config.cache.type) {
+                    config.cache.maxAge ??= PERSISTENT_CACHE_MAX_AGE;
+                    config.cache.maxVersions ??= PERSISTENT_CACHE_MAX_VERSIONS;
+                }
+                if (void 0 !== sourceImport) {
+                    config.experiments ??= {};
+                    config.experiments.sourceImport = sourceImport;
+                }
+                return config;
+            });
+        }
+    });
+export { pluginRspack21 };

package/dist/esm-node/shared/parseCommonConfig.mjs

@@ -9,6 +9,7 @@ import { pluginEmitRouteFile } from "../plugins/emitRouteFile.mjs";
 import { pluginEnvironmentDefaults } from "../plugins/environmentDefaults.mjs";
 import { pluginGlobalVars } from "../plugins/globalVars.mjs";
 import { pluginHtmlMinifierTerser } from "../plugins/htmlMinify.mjs";
+import { pluginRspack21 } from "../plugins/rspack21.mjs";
 import { pluginRuntimeChunk } from "../plugins/runtimeChunk.mjs";
 import { transformToRsbuildServerOptions } from "./devServer.mjs";
 import { withTsgoDefaults } from "./tsgo.mjs";
@@ -27,7 +28,7 @@ function removeUndefinedKey(obj) {
 }
 async function parseCommonConfig(builderConfig, options) {
     const frameworkConfigPath = options?.frameworkConfigPath;
-    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
+    const { plugins: [...plugins] = [], splitChunks, performance: { rsdoctor: rsdoctorConfig, ...performanceConfig } = {}, output: { module = false, enableCssModuleTSDeclaration, disableCssModuleExtension, disableTsChecker, disableSvgr, svgDefaultExport, assetsRetry, enableAssetManifest, sourceMap, convertToRem, polyfill, dataUriLimit = 10000, distPath = {}, ...outputConfig } = {}, html: { outputStructure, appIcon, ...htmlConfig } = {}, source: { alias, globalVars, transformImport, reactCompiler, ...sourceConfig } = {}, dev = {}, server = {}, security: { checkSyntax, sri, ...securityConfig } = {}, tools: { devServer, tsChecker, minifyCss, less, sass, htmlPlugin, autoprefixer, ...toolsConfig } = {}, environments = {}, resolve = {} } = builderConfig;
     let combinedAlias;
     if (alias || resolve.alias) combinedAlias = [].concat(alias ?? []).concat(resolve.alias ?? []);
     const rsbuildConfig = {
@@ -103,7 +104,11 @@ async function parseCommonConfig(builderConfig, options) {
     rsbuildConfig.dev = removeUndefinedKey(rsbuildDev);
     rsbuildConfig.html = html;
     rsbuildConfig.output = output;
+    const { sourceBuild, sourceImport } = builderConfig.experiments || {};
     const rsbuildPlugins = [
+        pluginRspack21({
+            sourceImport
+        }),
         pluginGlobalVars(globalVars),
         pluginDevtool({
             sourceMap
@@ -137,16 +142,18 @@ async function parseCommonConfig(builderConfig, options) {
         rsbuildPlugins.push(pluginTypedCSSModules());
     }
     rsbuildPlugins.push(pluginRuntimeChunk(builderConfig.output?.disableInlineRuntimeChunk));
-    const { sourceBuild } = builderConfig.experiments || {};
     if (sourceBuild) {
         const { pluginSourceBuild } = await import("@rsbuild/plugin-source-build");
         rsbuildPlugins.push(pluginSourceBuild(true === sourceBuild ? {} : sourceBuild));
     }
-    rsbuildPlugins.push(pluginReact());
+    rsbuildPlugins.push(pluginReact({
+        reactCompiler: reactCompiler ?? true
+    }));
     if (!disableSvgr) {
         const { pluginSvgr } = await import("@rsbuild/plugin-svgr");
         rsbuildPlugins.push(pluginSvgr({
             mixedImport: true,
+            parallel: true,
             svgrOptions: {
                 exportType: 'component' === svgDefaultExport ? 'default' : 'named'
             }

package/dist/types/plugins/rspack21.d.ts

@@ -0,0 +1,4 @@
+import type { RsbuildPlugin } from '@rsbuild/core';
+export declare const pluginRspack21: ({ sourceImport, }?: {
+    sourceImport?: boolean;
+}) => RsbuildPlugin;

package/dist/types/types.d.ts

@@ -4,6 +4,7 @@ import type { PluginAssetsRetryOptions } from '@rsbuild/plugin-assets-retry';
 import type { PluginCheckSyntaxOptions } from '@rsbuild/plugin-check-syntax';
 import type { PluginCssMinimizerOptions } from '@rsbuild/plugin-css-minimizer';
 import type { PluginLessOptions } from '@rsbuild/plugin-less';
+import type { PluginReactOptions } from '@rsbuild/plugin-react';
 import type { PluginRemOptions } from '@rsbuild/plugin-rem';
 import type { PluginSassOptions } from '@rsbuild/plugin-sass';
 import type { PluginSourceBuildOptions } from '@rsbuild/plugin-source-build';
@@ -146,6 +147,16 @@ export type BuilderExtraConfig = {
          * Define global variables. It can replace expressions like `process.env.FOO` in your code after compile.
          */
         globalVars?: ChainedGlobalVars;
+        /**
+         * Enable or configure the Rust-backed React Compiler transform.
+         *
+         * The transform is enabled by default through Rsbuild's SWC integration.
+         * Set this to `false` to disable it.
+         *
+         * For React 17 or 18, install `react-compiler-runtime` and set the
+         * matching target version, for example `{ target: '18' }`.
+         */
+        reactCompiler?: PluginReactOptions['reactCompiler'];
     };
     output?: {
         /**
@@ -207,6 +218,10 @@ export type BuilderExtraConfig = {
          * Enable the ability for source code building
          */
         sourceBuild?: boolean | Pick<PluginSourceBuildOptions, 'sourceField' | 'resolvePriority'>;
+        /**
+         * Configure Rspack source phase imports for WebAssembly modules.
+         */
+        sourceImport?: boolean;
     };
 };
 export type SriOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bleedingdev/modern-js-builder",
-  "version": "3.4.0-ultramodern.1",
+  "version": "3.4.0-ultramodern.2",
   "description": "A builder for Modern.js",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "dist"
   ],
   "dependencies": {
-    "@rsbuild/core": "2.0.15",
+    "@rsbuild/core": "2.1.0",
     "@rsbuild/plugin-assets-retry": "2.0.1",
     "@rsbuild/plugin-check-syntax": "2.0.0",
     "@rsbuild/plugin-css-minimizer": "2.0.1",
@@ -36,13 +36,13 @@
     "@rsbuild/plugin-sass": "2.0.0",
     "@rsbuild/plugin-source-build": "1.0.6",
     "@rsbuild/plugin-svgr": "2.0.4",
-    "@rsbuild/plugin-type-check": "1.4.0",
+    "@rsbuild/plugin-type-check": "1.5.0",
     "@rsbuild/plugin-typed-css-modules": "1.2.4",
     "@rsdoctor/rspack-plugin": "^1.5.16",
     "@swc/core": "1.15.43",
     "@swc/helpers": "^0.5.23",
     "@typescript/native-preview": "7.0.0-dev.20260624.1",
-    "autoprefixer": "10.5.1",
+    "autoprefixer": "10.5.2",
     "browserslist": "4.28.4",
     "core-js": "^3.49.0",
     "cssnano": "8.0.2",
@@ -59,7 +59,7 @@
     "rsbuild-plugin-rsc": "0.1.1",
     "rspack-manifest-plugin": "5.2.2",
     "ts-deepmerge": "8.0.0",
-    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.4.0-ultramodern.1"
+    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.4.0-ultramodern.2"
   },
   "devDependencies": {
     "@rslib/core": "0.23.0",
@@ -68,8 +68,8 @@
     "react": "^19.2.7",
     "terser": "^5.48.0",
     "typescript": "^6.0.3",
-    "@scripts/rstest-config": "2.66.0",
-    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.4.0-ultramodern.1"
+    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.4.0-ultramodern.2",
+    "@scripts/rstest-config": "2.66.0"
   },
   "publishConfig": {
     "access": "public",