@lynx-js/react-rsbuild-plugin 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.14.0
+
+### Minor Changes
+
+- feat: support `optimizeBundleSize` option to remove unused code for main-thread and background. ([#2336](https://github.com/lynx-family/lynx-stack/pull/2336))
+
+  - If `optimizeBundleSize` is `true` or `optimizeBundleSize.background` is `true`, `lynx.registerDataProcessors` calls will be marked as pure for the background thread output.
+  - If `optimizeBundleSize` is `true` or `optimizeBundleSize.mainThread` is `true`, `NativeModules.call` and `lynx.getJSModule` calls will be marked as pure for the main-thread output.
+
+### Patch Changes
+
+- refactor: remove `modifyWebpackChain` since Rsbuild 2.0 dropped webpack support ([#2397](https://github.com/lynx-family/lynx-stack/pull/2397))
+
+- Updated dependencies [[`9193711`](https://github.com/lynx-family/lynx-stack/commit/919371167f4136f2ee975075d8e73d2986b20a8f)]:
+  - @lynx-js/template-webpack-plugin@0.10.7
+  - @lynx-js/css-extract-webpack-plugin@0.7.0
+  - @lynx-js/react-webpack-plugin@0.8.0
+  - @lynx-js/react-alias-rsbuild-plugin@0.14.0
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.5
+
 ## 0.13.0
 
 ### Minor Changes

package/dist/208.js

@@ -6,7 +6,7 @@ import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/
 import node_path from "node:path";
 import { fileURLToPath } from "node:url";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
-import { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
+import { ReactRefreshRspackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 __webpack_require__.add({
     "../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.js" (__unused_rspack_module, exports) {
         exports._accessExpressionAsString = void 0;
@@ -443,11 +443,43 @@ function applyNodeEnv(api) {
             }
         }));
 }
+function applyOptimizeBundleSize(api, options) {
+    api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
+        const optimizeBundleSize = options.optimizeBundleSize;
+        const optimizeBackground = 'boolean' == typeof optimizeBundleSize ? optimizeBundleSize : optimizeBundleSize?.background;
+        const optimizeMainThread = 'boolean' == typeof optimizeBundleSize ? optimizeBundleSize : optimizeBundleSize?.mainThread;
+        if (optimizeBackground || optimizeMainThread) {
+            const minifyConfig = {};
+            if (optimizeBackground) minifyConfig['backgroundOptions'] = {
+                minimizerOptions: {
+                    compress: {
+                        pure_funcs: [
+                            'lynx.registerDataProcessors'
+                        ]
+                    }
+                }
+            };
+            if (optimizeMainThread) minifyConfig['mainThreadOptions'] = {
+                minimizerOptions: {
+                    compress: {
+                        pure_funcs: [
+                            'NativeModules.call',
+                            'lynx.getJSModule'
+                        ]
+                    }
+                }
+            };
+            return mergeRsbuildConfig(config, {
+                output: {
+                    minify: minifyConfig
+                }
+            });
+        }
+        return config;
+    });
+}
 const PLUGIN_NAME_REACT_REFRESH = 'lynx:react:refresh';
 function applyRefresh(api) {
-    api.modifyWebpackChain(async (chain, { CHAIN_ID, isProd })=>{
-        if (!isProd) await applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshWebpackPlugin);
-    });
     api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID })=>{
         if (!isProd) {
             const { resolve } = api.useExposed(Symbol.for('@lynx-js/react/internal:resolve'));
@@ -563,7 +595,7 @@ function applyUseSyncExternalStore(api) {
 const _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_assertGuard.js");
 const _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.js");
 const validateConfig = (()=>{
-    const _io0 = (input, _exceptionable = true)=>(void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io4(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io5(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && null !== input.extractStr && (void 0 === input.extractStr || "boolean" == typeof input.extractStr || "object" == typeof input.extractStr && null !== input.extractStr && false === Array.isArray(input.extractStr) && _io7(input.extractStr, _exceptionable)) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io0 = (input, _exceptionable = true)=>(void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io4(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io5(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && null !== input.extractStr && (void 0 === input.extractStr || "boolean" == typeof input.extractStr || "object" == typeof input.extractStr && null !== input.extractStr && false === Array.isArray(input.extractStr) && _io7(input.extractStr, _exceptionable)) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && null !== input.optimizeBundleSize && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || "object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) && _io8(input.optimizeBundleSize, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "compat",
                 "customCSSInheritanceList",
@@ -584,7 +616,8 @@ const validateConfig = (()=>{
                 "targetSdkVersion",
                 "globalPropsMode",
                 "extractStr",
-                "experimental_isLazyBundle"
+                "experimental_isLazyBundle",
+                "optimizeBundleSize"
             ].some((prop)=>key === prop)) return true;
             const value = input[key];
             if (void 0 === value) return true;
@@ -654,6 +687,15 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
+    const _io8 = (input, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread) && (void 0 === input.background || "boolean" == typeof input.background) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+            if ([
+                "mainThread",
+                "background"
+            ].some((prop)=>key === prop)) return true;
+            const value = input[key];
+            if (void 0 === value) return true;
+            return false;
+        }));
     const _ao0 = (input, _path, _exceptionable = true)=>(void 0 === input.compat || ("object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) || _assertGuard._assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".compat",
@@ -789,6 +831,21 @@ const validateConfig = (()=>{
             path: _path + ".experimental_isLazyBundle",
             expected: "(boolean | undefined)",
             value: input.experimental_isLazyBundle
+        }, _errorFactory)) && (null !== input.optimizeBundleSize || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".optimizeBundleSize",
+            expected: "(__type | boolean | undefined)",
+            value: input.optimizeBundleSize
+        }, _errorFactory)) && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || ("object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".optimizeBundleSize",
+            expected: "(__type | boolean | undefined)",
+            value: input.optimizeBundleSize
+        }, _errorFactory)) && _ao8(input.optimizeBundleSize, _path + ".optimizeBundleSize", _exceptionable) || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".optimizeBundleSize",
+            expected: "(__type | boolean | undefined)",
+            value: input.optimizeBundleSize
         }, _errorFactory)) && (0 === Object.keys(input).length || false === _exceptionable || Object.keys(input).every((key)=>{
             if ([
                 "compat",
@@ -810,7 +867,8 @@ const validateConfig = (()=>{
                 "targetSdkVersion",
                 "globalPropsMode",
                 "extractStr",
-                "experimental_isLazyBundle"
+                "experimental_isLazyBundle",
+                "optimizeBundleSize"
             ].some((prop)=>key === prop)) return true;
             const value = input[key];
             if (void 0 === value) return true;
@@ -1090,6 +1148,30 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         }));
+    const _ao8 = (input, _path, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".mainThread",
+            expected: "(boolean | undefined)",
+            value: input.mainThread
+        }, _errorFactory)) && (void 0 === input.background || "boolean" == typeof input.background || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".background",
+            expected: "(boolean | undefined)",
+            value: input.background
+        }, _errorFactory)) && (0 === Object.keys(input).length || false === _exceptionable || Object.keys(input).every((key)=>{
+            if ([
+                "mainThread",
+                "background"
+            ].some((prop)=>key === prop)) return true;
+            const value = input[key];
+            if (void 0 === value) return true;
+            return _assertGuard._assertGuard(_exceptionable, {
+                method: "typia.createAssertEquals",
+                path: _path + _accessExpressionAsString._accessExpressionAsString(key),
+                expected: "undefined",
+                value: value
+            }, _errorFactory);
+        }));
     const __is = (input, _exceptionable = true)=>void 0 === input || "object" == typeof input && null !== input && false === Array.isArray(input) && _io0(input, true);
     let _errorFactory;
     return (input, errorFactory = ({ path, expected, value })=>{
@@ -1147,7 +1229,8 @@ function pluginReactLynx(userOptions) {
         engineVersion: '',
         extractStr: false,
         globalPropsMode: 'reactive',
-        experimental_isLazyBundle: false
+        experimental_isLazyBundle: false,
+        optimizeBundleSize: false
     };
     const resolvedOptions = Object.assign(defaultOptions, userOptions, {
         targetSdkVersion: engineVersion,
@@ -1209,6 +1292,7 @@ function pluginReactLynx(userOptions) {
                     }, config);
                     return config;
                 });
+                if (resolvedOptions.optimizeBundleSize) applyOptimizeBundleSize(api, resolvedOptions);
                 if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
                 api.expose(Symbol.for('LAYERS'), LAYERS);
                 api.expose(Symbol.for('LynxTemplatePlugin'), {

package/dist/index.d.ts

@@ -640,6 +640,7 @@ export declare interface PluginReactLynxOptions {
      * `'event'`: `UpdateGlobalProps` will trigger global event and users need to trigger update in the event handler.
      *
      * @defaultValue `'reactive'`
+     * @public
      */
     globalPropsMode?: 'reactive' | 'event';
     /**
@@ -655,6 +656,19 @@ export declare interface PluginReactLynxOptions {
      * @alpha
      */
     experimental_isLazyBundle?: boolean;
+    /**
+     * Optimize bundle size by removing unused code by Minify.mainThreadOptions and Minify.backgroundOptions.
+     *
+     * When optimizeBundleSize or optimizeBundleSize.mainThread is true, main-thread code will be optimized.
+     * When optimizeBundleSize or optimizeBundleSize.background is true, background code will be optimized.
+     *
+     * @defaultValue `false`
+     * @public
+     */
+    optimizeBundleSize?: boolean | {
+        mainThread?: boolean;
+        background?: boolean;
+    };
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,18 +33,18 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "0.7.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.13.0",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.14.0",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.5",
     "@lynx-js/react-webpack-plugin": "0.8.0",
     "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.3",
-    "@lynx-js/template-webpack-plugin": "0.10.6",
+    "@lynx-js/template-webpack-plugin": "0.10.7",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.57.6",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@rsbuild/core": "1.7.3",
+    "@rsbuild/core": "1.7.4",
     "@rsbuild/plugin-sass": "1.5.0",
     "@rsbuild/plugin-typed-css-modules": "1.2.2",
     "rsbuild-plugin-arethetypeswrong": "0.2.0",
@@ -55,9 +55,9 @@
     "typia": "10.1.0",
     "typia-rspack-plugin": "2.2.2",
     "@lynx-js/config-rsbuild-plugin": "0.0.1",
-    "@lynx-js/react": "0.117.0",
+    "@lynx-js/react": "0.117.1",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.13.6",
+    "@lynx-js/rspeedy": "0.14.0",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {