@lynx-js/react-rsbuild-plugin 0.10.11 → 0.10.13

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.10.13
+
+### Patch Changes
+
+- Support using multiple times in different environments. ([#1498](https://github.com/lynx-family/lynx-stack/pull/1498))
+
+- Support caching Lynx native events when chunk splitting is enabled. ([#1370](https://github.com/lynx-family/lynx-stack/pull/1370))
+
+  When `performance.chunkSplit.strategy` is not `all-in-one`, Lynx native events are cached until the BTS chunk is fully loaded and are replayed when that chunk is ready. The `firstScreenSyncTiming` flag will no longer change to `jsReady` anymore.
+
+- Updated dependencies [[`f0d483c`](https://github.com/lynx-family/lynx-stack/commit/f0d483ca2d3e208a618727590061b0babc075737), [`e4d116b`](https://github.com/lynx-family/lynx-stack/commit/e4d116b6e5eaf49ced08c505c99f7e878a58dfb1), [`d33c1d2`](https://github.com/lynx-family/lynx-stack/commit/d33c1d27827f5e1ebc553447dabe5080671de94a)]:
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.13
+  - @lynx-js/template-webpack-plugin@0.8.5
+  - @lynx-js/react-webpack-plugin@0.6.20
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.1.3
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+  - @lynx-js/css-extract-webpack-plugin@0.6.2
+
+## 0.10.12
+
+### Patch Changes
+
+- `output.inlineScripts` defaults to `false` when chunkSplit strategy is not `'all-in-one'` ([#1504](https://github.com/lynx-family/lynx-stack/pull/1504))
+
+- Updated dependencies [[`51a0b19`](https://github.com/lynx-family/lynx-stack/commit/51a0b19078cb18c13f4f3e2ca4f471aa4ddeaa05), [`b391ef5`](https://github.com/lynx-family/lynx-stack/commit/b391ef5c6dd0a0945e68b38f40807df7e1ef672e)]:
+  - @lynx-js/template-webpack-plugin@0.8.4
+  - @lynx-js/css-extract-webpack-plugin@0.6.2
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.12
+  - @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.19
+
 ## 0.10.11
 
 ### Patch Changes

package/dist/index.d.ts

@@ -426,7 +426,7 @@ export { LAYERS }
  *
  * @public
  */
-export declare function pluginReactLynx(userOptions?: PluginReactLynxOptions): RsbuildPlugin;
+export declare function pluginReactLynx(userOptions?: PluginReactLynxOptions): RsbuildPlugin[];
 
 /**
  * Options of {@link pluginReactLynx}

package/dist/index.js

@@ -3,11 +3,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__ from "node:url";
 import { createRequire } from "node:module";
 import { LAYERS, ReactWebpackPlugin } from "@lynx-js/react-webpack-plugin";
-import { CSSPlugins, LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
+import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 var __webpack_modules__ = {
-    "../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
+    "../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
         exports._accessExpressionAsString = void 0;
         const _accessExpressionAsString = (str)=>variable(str) ? `.${str}` : `[${JSON.stringify(str)}]`;
         exports._accessExpressionAsString = _accessExpressionAsString;
@@ -52,9 +52,9 @@ var __webpack_modules__ = {
             "with"
         ]);
     },
-    "../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/internal/_assertGuard.js": function(__unused_webpack_module, exports, __webpack_require__) {
+    "../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_assertGuard.js": function(__unused_webpack_module, exports, __webpack_require__) {
         exports._assertGuard = void 0;
-        const TypeGuardError_1 = __webpack_require__("../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/TypeGuardError.mjs");
+        const TypeGuardError_1 = __webpack_require__("../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/TypeGuardError.mjs");
         const _assertGuard = (exceptionable, props, factory)=>{
             if (true === exceptionable) if (factory) throw factory(props);
             else throw new TypeGuardError_1.TypeGuardError(props);
@@ -71,7 +71,7 @@ var __webpack_modules__ = {
     "node:url": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__;
     },
-    "../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/TypeGuardError.mjs": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    "../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/TypeGuardError.mjs": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
             TypeGuardError: ()=>TypeGuardError
@@ -175,13 +175,6 @@ __webpack_require__.m = __webpack_modules__;
     };
 })();
 var react_alias_rsbuild_plugin_ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
-function applyAlias(api, lazy) {
-    return (0, react_alias_rsbuild_plugin_.pluginReactAlias)({
-        LAYERS: LAYERS,
-        lazy,
-        rootPath: api.context.rootPath
-    }).setup(api);
-}
 var external_node_path_ = __webpack_require__("node:path");
 var external_node_url_ = __webpack_require__("node:url");
 const DETECT_IMPORT_ERROR = 'react:detect-import-error';
@@ -248,9 +241,7 @@ function applyCSS(api, options) {
                     enableCSSSelector,
                     enableCSSInvalidation,
                     targetSdkVersion,
-                    cssPlugins: [
-                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
-                    ]
+                    cssPlugins: []
                 }
             ]).init((_, args)=>new CssExtractPlugin(...args)).end().end();
         chain.module.when(void 0 === enableRemoveCSSScope, (module)=>module.rule('lynx.css.scoped').test(/\.css$/).resourceQuery({
@@ -353,17 +344,16 @@ function applyEntry(api, options) {
                     removeDescendantSelectorScope,
                     targetSdkVersion,
                     experimental_isLazyBundle,
-                    cssPlugins: [
-                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
-                    ]
+                    cssPlugins: []
                 }
             ]).end();
         });
-        let finalFirstScreenSyncTiming = firstScreenSyncTiming;
+        const rsbuildConfig = api.getRsbuildConfig();
+        const userConfig = api.getRsbuildConfig('original');
+        const enableChunkSplitting = rsbuildConfig.performance?.chunkSplit?.strategy !== 'all-in-one';
         if (isLynx) {
             let inlineScripts;
-            inlineScripts = experimental_isLazyBundle ? true : environment.config.output?.inlineScripts ?? true;
-            if (true !== inlineScripts) finalFirstScreenSyncTiming = 'jsReady';
+            inlineScripts = experimental_isLazyBundle ? true : environment.config.output?.inlineScripts ?? !enableChunkSplitting;
             chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(RuntimeWrapperWebpackPlugin, [
                 {
                     injectVars (vars) {
@@ -389,17 +379,15 @@ function applyEntry(api, options) {
             ]).end();
         }
         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) {
+        if (enableChunkSplitting && 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,
-                firstScreenSyncTiming: finalFirstScreenSyncTiming,
+                firstScreenSyncTiming,
                 enableSSR,
                 mainThreadChunks,
                 extractStr,
@@ -611,8 +599,8 @@ function applyUseSyncExternalStore(api) {
             })));
     });
 }
-var _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js");
-var _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@9.6.1_typescript@5.9.2/node_modules/typia/lib/internal/_assertGuard.js");
+var _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js");
+var _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_assertGuard.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.enableICU || "boolean" == typeof input.enableICU) && (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.enableParallelElement || "boolean" == typeof input.enableParallelElement) && (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.pipelineSchedulerConfig || "number" == typeof input.pipelineSchedulerConfig) && (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) && 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)=>{
             if ([
@@ -1220,56 +1208,61 @@ function pluginReactLynx(userOptions) {
         targetSdkVersion: engineVersion,
         engineVersion
     });
-    return {
-        name: 'lynx:react',
-        pre: [
-            'lynx:rsbuild:plugin-api'
-        ],
-        async setup (api) {
-            await applyAlias(api, resolvedOptions.experimental_isLazyBundle);
-            applyCSS(api, resolvedOptions);
-            applyEntry(api, resolvedOptions);
-            applyBackgroundOnly(api);
-            applyGenerator(api, resolvedOptions);
-            applyLoaders(api, resolvedOptions);
-            applyRefresh(api);
-            applySplitChunksRule(api);
-            applySWC(api);
-            applyUseSyncExternalStore(api);
-            api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
-                const userConfig = api.getRsbuildConfig('original');
-                if (void 0 === userConfig.source?.include) config = mergeRsbuildConfig(config, {
-                    source: {
-                        include: [
-                            /\.(?:js|mjs|cjs)$/
-                        ]
-                    }
-                });
-                if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
-                    output: {
-                        inlineScripts: true
-                    }
-                });
-                config = mergeRsbuildConfig({
-                    tools: {
-                        rspack: {
-                            output: {
-                                iife: false
+    return [
+        (0, react_alias_rsbuild_plugin_.pluginReactAlias)({
+            lazy: resolvedOptions.experimental_isLazyBundle,
+            LAYERS: LAYERS
+        }),
+        {
+            name: 'lynx:react',
+            pre: [
+                'lynx:rsbuild:plugin-api'
+            ],
+            setup (api) {
+                applyCSS(api, resolvedOptions);
+                applyEntry(api, resolvedOptions);
+                applyBackgroundOnly(api);
+                applyGenerator(api, resolvedOptions);
+                applyLoaders(api, resolvedOptions);
+                applyRefresh(api);
+                applySplitChunksRule(api);
+                applySWC(api);
+                applyUseSyncExternalStore(api);
+                api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
+                    const userConfig = api.getRsbuildConfig('original');
+                    if (void 0 === userConfig.source?.include) config = mergeRsbuildConfig(config, {
+                        source: {
+                            include: [
+                                /\.(?:js|mjs|cjs)$/
+                            ]
+                        }
+                    });
+                    if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
+                        output: {
+                            inlineScripts: true
+                        }
+                    });
+                    config = mergeRsbuildConfig({
+                        tools: {
+                            rspack: {
+                                output: {
+                                    iife: false
+                                }
                             }
                         }
-                    }
-                }, config);
-                return config;
-            });
-            if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
-            const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
-            const require = createRequire(import.meta.url);
-            const { version } = require('../package.json');
-            rspeedyAPIs.debug(()=>{
-                const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');
-                return `Using @lynx-js/react-webpack-plugin v${version} at ${webpackPluginPath}`;
-            });
+                    }, config);
+                    return config;
+                });
+                if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
+                const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
+                const require = createRequire(import.meta.url);
+                const { version } = require('../package.json');
+                rspeedyAPIs.debug(()=>{
+                    const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');
+                    return `Using @lynx-js/react-webpack-plugin v${version} at ${webpackPluginPath}`;
+                });
+            }
         }
-    };
+    ];
 }
 export { LAYERS, pluginReactLynx };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.10.11",
+  "version": "0.10.13",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,29 +32,30 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/css-extract-webpack-plugin": "0.6.1",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.10.11",
+    "@lynx-js/css-extract-webpack-plugin": "0.6.2",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.10.13",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.4",
-    "@lynx-js/react-webpack-plugin": "0.6.19",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.2",
-    "@lynx-js/template-webpack-plugin": "0.8.3",
+    "@lynx-js/react-webpack-plugin": "0.6.20",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.3",
+    "@lynx-js/template-webpack-plugin": "0.8.5",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.10",
+    "@microsoft/api-extractor": "7.52.11",
     "@rollup/plugin-typescript": "^12.1.4",
     "@rsbuild/core": "1.4.15",
-    "@rsbuild/plugin-sass": "1.3.3",
-    "@rsbuild/plugin-typed-css-modules": "1.0.2",
-    "@rsbuild/plugin-webpack-swc": "1.1.1",
+    "@rsbuild/plugin-sass": "1.3.5",
+    "@rsbuild/plugin-typed-css-modules": "1.0.3",
+    "rsbuild-plugin-arethetypeswrong": "0.1.1",
+    "rsbuild-plugin-publint": "0.3.3",
     "tailwindcss": "^3.4.17",
     "type-fest": "^4.41.0",
-    "typia": "9.6.1",
-    "typia-rspack-plugin": "2.2.0",
-    "@lynx-js/react": "0.112.2",
+    "typia": "9.7.1",
+    "typia-rspack-plugin": "2.2.1",
+    "@lynx-js/react": "0.112.4",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.10.6",
+    "@lynx-js/rspeedy": "0.10.8",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {