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

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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

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,8 +3,8 @@ 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.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
@@ -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,20 +344,16 @@ function applyEntry(api, options) {
                     removeDescendantSelectorScope,
                     targetSdkVersion,
                     experimental_isLazyBundle,
-                    cssPlugins: [
-                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
-                    ]
+                    cssPlugins: []
                 }
             ]).end();
         });
         const rsbuildConfig = api.getRsbuildConfig();
         const userConfig = api.getRsbuildConfig('original');
         const enableChunkSplitting = rsbuildConfig.performance?.chunkSplit?.strategy !== 'all-in-one';
-        let finalFirstScreenSyncTiming = firstScreenSyncTiming;
         if (isLynx) {
             let inlineScripts;
             inlineScripts = experimental_isLazyBundle ? true : environment.config.output?.inlineScripts ?? !enableChunkSplitting;
-            if (true !== inlineScripts) finalFirstScreenSyncTiming = 'jsReady';
             chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(RuntimeWrapperWebpackPlugin, [
                 {
                     injectVars (vars) {
@@ -400,7 +387,7 @@ function applyEntry(api, options) {
         chain.plugin(PLUGIN_NAME_REACT).after(PLUGIN_NAME_TEMPLATE).use(ReactWebpackPlugin, [
             {
                 disableCreateSelectorQueryIncompatibleWarning: compat?.disableCreateSelectorQueryIncompatibleWarning ?? false,
-                firstScreenSyncTiming: finalFirstScreenSyncTiming,
+                firstScreenSyncTiming,
                 enableSSR,
                 mainThreadChunks,
                 extractStr,
@@ -1221,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.12",
+  "version": "0.10.13",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,27 +33,29 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "0.6.2",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.10.12",
+    "@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.4",
+    "@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.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.7.1",
     "typia-rspack-plugin": "2.2.1",
-    "@lynx-js/react": "0.112.3",
+    "@lynx-js/react": "0.112.4",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.10.7",
+    "@lynx-js/rspeedy": "0.10.8",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {