@lynx-js/react-rsbuild-plugin 0.10.7 → 0.10.9

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.10.9
+
+### Patch Changes
+
+- Be compat with `@lynx-js/react` v0.112.0 ([#1323](https://github.com/lynx-family/lynx-stack/pull/1323))
+
+- Fix not having profile in development by default. ([#1306](https://github.com/lynx-family/lynx-stack/pull/1306))
+
+- Updated dependencies [[`fcafd54`](https://github.com/lynx-family/lynx-stack/commit/fcafd541c535f354476cf439b8ba97b00530aa52), [`fe38de5`](https://github.com/lynx-family/lynx-stack/commit/fe38de505b87b768035e3a833bdf8415dc4023ac), [`7cd5ea2`](https://github.com/lynx-family/lynx-stack/commit/7cd5ea2cebf12aa982ddc048dec4c5c7ed6bc1d6)]:
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.9
+  - @lynx-js/react-webpack-plugin@0.6.19
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+
+## 0.10.8
+
+### Patch Changes
+
+- Fix "TypeError: cannot read property 'call' of undefined" error during HMR updates. ([#1304](https://github.com/lynx-family/lynx-stack/pull/1304))
+
+- Supports extractStr for large JSON ([#1230](https://github.com/lynx-family/lynx-stack/pull/1230))
+
+- Change `extractStr` to `false` when `performance.chunkSplit.strategy` is not `all-in-one`. ([#1251](https://github.com/lynx-family/lynx-stack/pull/1251))
+
+- Updated dependencies [[`cb7feb6`](https://github.com/lynx-family/lynx-stack/commit/cb7feb6e8cc9f4b83ac3147bd3e5a82059caa06a), [`ec7228f`](https://github.com/lynx-family/lynx-stack/commit/ec7228fadfb917a1f6149aca4775386badae73fa)]:
+  - @lynx-js/template-webpack-plugin@0.8.2
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.8
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+  - @lynx-js/react-webpack-plugin@0.6.18
+  - @lynx-js/css-extract-webpack-plugin@0.6.0
+
 ## 0.10.7
 
 ### Patch Changes

package/dist/index.js

@@ -287,8 +287,8 @@ const DEFAULT_DIST_PATH_INTERMEDIATE = '.rspeedy';
 const DEFAULT_FILENAME_HASH = '.[contenthash:8]';
 const EMPTY_HASH = '';
 function applyEntry(api, options) {
-    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableICU, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableParallelElement, enableRemoveCSSScope, firstScreenSyncTiming, enableSSR, pipelineSchedulerConfig, removeDescendantSelectorScope, targetSdkVersion, extractStr, experimental_isLazyBundle } = options;
-    const { config } = api.useExposed(Symbol.for('rspeedy.api'));
+    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableICU, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableParallelElement, enableRemoveCSSScope, firstScreenSyncTiming, enableSSR, pipelineSchedulerConfig, removeDescendantSelectorScope, targetSdkVersion, extractStr: originalExtractStr, experimental_isLazyBundle } = options;
+    const { config, logger } = api.useExposed(Symbol.for('rspeedy.api'));
     api.modifyBundlerChain((chain, { environment, isDev, isProd })=>{
         const entries = chain.entryPoints.entries() ?? {};
         const isLynx = 'lynx' === environment.name;
@@ -390,6 +390,12 @@ function applyEntry(api, options) {
         }
         if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(WebEncodePlugin, []).end();
         const rsbuildConfig = api.getRsbuildConfig();
+        const userConfig = api.getRsbuildConfig('original');
+        let extractStr = originalExtractStr;
+        if (rsbuildConfig.performance?.chunkSplit?.strategy !== 'all-in-one' && originalExtractStr) {
+            logger.warn('`extractStr` is changed to `false` because it is only supported in `all-in-one` chunkSplit strategy, please set `performance.chunkSplit.strategy` to `all-in-one` to use `extractStr.`');
+            extractStr = false;
+        }
         chain.plugin(PLUGIN_NAME_REACT).after(PLUGIN_NAME_TEMPLATE).use(ReactWebpackPlugin, [
             {
                 disableCreateSelectorQueryIncompatibleWarning: compat?.disableCreateSelectorQueryIncompatibleWarning ?? false,
@@ -398,11 +404,23 @@ function applyEntry(api, options) {
                 mainThreadChunks,
                 extractStr,
                 experimental_isLazyBundle,
-                profile: rsbuildConfig.performance?.profile
+                profile: getDefaultProfile()
             }
         ]);
+        function getDefaultProfile() {
+            if (userConfig.performance?.profile !== void 0) return userConfig.performance.profile;
+            if (isDebug()) return true;
+        }
     });
 }
+const isDebug = ()=>{
+    if (!process.env['DEBUG']) return false;
+    const values = process.env['DEBUG'].toLocaleLowerCase().split(',');
+    return [
+        'rspeedy',
+        '*'
+    ].some((key)=>values.includes(key));
+};
 function getChunks(entryName, entryValue) {
     const chunks = [
         entryName
@@ -439,13 +457,14 @@ function getHash(config, isProd, experimental_isLazyBundle) {
     if (isProd || experimental_isLazyBundle) return DEFAULT_FILENAME_HASH;
     return EMPTY_HASH;
 }
-function applyGenerator(api) {
+function applyGenerator(api, options) {
     api.modifyBundlerChain({
         order: 'pre',
         handler: (chain)=>{
-            chain.module.rule(`json-parse:${LAYERS.MAIN_THREAD}`).issuerLayer(LAYERS.MAIN_THREAD).test(/\.json$/).type('json').generator({
+            const rule = chain.module.rule("react:json-parse").test(/\.json$/).type('json').generator({
                 JSONParse: false
             });
+            if (!options.extractStr) rule.issuerLayer(LAYERS.MAIN_THREAD);
         }
     });
 }
@@ -513,7 +532,7 @@ function applyRefresh(api) {
     });
 }
 function applyRefreshRules(chain, CHAIN_ID, ReactRefreshPlugin) {
-    chain.plugin(PLUGIN_NAME_REACT_REFRESH).before(CHAIN_ID.PLUGIN.HMR).use(ReactRefreshPlugin).end().module.rule('react:refresh').after(CHAIN_ID.RULE.JS).test(/\.[jt]sx$/).exclude.add(/node_modules/).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/package.json'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/refresh'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/worklet-runtime'))).add(ReactRefreshPlugin.loader).end().use('ReactRefresh').loader(ReactRefreshPlugin.loader).options({}).end().end().end().end();
+    chain.plugin(PLUGIN_NAME_REACT_REFRESH).before(CHAIN_ID.PLUGIN.HMR).use(ReactRefreshPlugin).end().module.rule('react:refresh').issuerLayer(LAYERS.BACKGROUND).before(CHAIN_ID.RULE.JS).test(/\.[jt]sx$/).exclude.add(/node_modules/).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/package.json'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/refresh'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/worklet-runtime'))).add(ReactRefreshPlugin.loader).end().use('ReactRefresh').loader(ReactRefreshPlugin.loader).options({}).end().end().end().end();
 }
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
 const applySplitChunksRule = (api)=>{
@@ -1211,7 +1230,7 @@ function pluginReactLynx(userOptions) {
             applyCSS(api, resolvedOptions);
             applyEntry(api, resolvedOptions);
             applyBackgroundOnly(api);
-            applyGenerator(api);
+            applyGenerator(api, resolvedOptions);
             applyLoaders(api, resolvedOptions);
             applyRefresh(api);
             applySplitChunksRule(api);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.10.7",
+  "version": "0.10.9",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,18 +33,18 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "0.6.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.10.7",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.4",
-    "@lynx-js/react-webpack-plugin": "0.6.18",
+    "@lynx-js/react-webpack-plugin": "0.6.19",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.10.9",
     "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.2",
-    "@lynx-js/template-webpack-plugin": "0.8.1",
+    "@lynx-js/template-webpack-plugin": "0.8.2",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.8",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@rsbuild/core": "1.4.5",
+    "@rsbuild/core": "1.4.7",
     "@rsbuild/plugin-sass": "1.3.3",
     "@rsbuild/plugin-typed-css-modules": "1.0.2",
     "@rsbuild/plugin-webpack-swc": "1.1.1",
@@ -54,13 +54,13 @@
     "type-fest": "^4.41.0",
     "typia": "9.3.1",
     "typia-rspack-plugin": "2.1.0",
-    "@lynx-js/react": "0.111.1",
+    "@lynx-js/react": "0.112.0",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.10.1",
+    "@lynx-js/rspeedy": "0.10.3",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0"
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0 || ^0.112.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {