@lynx-js/react-rsbuild-plugin 0.9.8 → 0.9.9

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.9.9
+
+### Patch Changes
+
+- Fix runtime error: "SyntaxError: Identifier 'i' has already been declared". ([#651](https://github.com/lynx-family/lynx-stack/pull/651))
+
+- Enable runtime profiling when `performance.profile` is set to true. ([#722](https://github.com/lynx-family/lynx-stack/pull/722))
+
+- fix: resolve page crash on development mode when enabling `experimental_isLazyBundle: true` ([#653](https://github.com/lynx-family/lynx-stack/pull/653))
+
+- Support `@lynx-js/react` v0.108.0. ([#649](https://github.com/lynx-family/lynx-stack/pull/649))
+
+- Updated dependencies [[`ea4da1a`](https://github.com/lynx-family/lynx-stack/commit/ea4da1af0ff14e2480e49f7004a3a2616594968d), [`ca15dda`](https://github.com/lynx-family/lynx-stack/commit/ca15dda4122c5eedc1fd82cefb0cd9af7fdaa47e), [`f8d369d`](https://github.com/lynx-family/lynx-stack/commit/f8d369ded802f8d7b9b859b1f150015d65773b0f), [`ea4da1a`](https://github.com/lynx-family/lynx-stack/commit/ea4da1af0ff14e2480e49f7004a3a2616594968d)]:
+  - @lynx-js/react-webpack-plugin@0.6.13
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.0.10
+  - @lynx-js/react-alias-rsbuild-plugin@0.9.9
+  - @lynx-js/react-refresh-webpack-plugin@0.3.2
+
 ## 0.9.8
 
 ### Patch Changes

package/dist/index.js

@@ -246,7 +246,7 @@ function applyEntry(api, options) {
             const templateFilename = ('object' == typeof config.output?.filename ? config.output.filename.bundle ?? config.output.filename.template : config.output?.filename) ?? '[name].[platform].bundle';
             const mainThreadEntry = `${entryName}__main-thread`;
             const mainThreadName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${entryName}/main-thread.js`);
-            const backgroundName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd));
+            const backgroundName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd, experimental_isLazyBundle));
             const backgroundEntry = entryName;
             mainThreadChunks.push(mainThreadName);
             chain.entry(mainThreadEntry).add({
@@ -255,7 +255,7 @@ function applyEntry(api, options) {
                 filename: mainThreadName
             }).when(isDev && !isWeb, (entry)=>{
                 const require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createRequire)(import.meta.url);
-                entry.add({
+                entry.prepend({
                     layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD,
                     import: require.resolve('@lynx-js/css-extract-webpack-plugin/runtime/hotModuleReplacement.lepus.cjs')
                 });
@@ -264,13 +264,13 @@ function applyEntry(api, options) {
                 import: imports,
                 filename: backgroundName
             }).when(isDev && !isWeb, (entry)=>{
-                entry.add({
+                entry.prepend({
                     layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
                     import: '@rspack/core/hot/dev-server'
-                }).add({
+                }).prepend({
                     layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
                     import: '@lynx-js/webpack-dev-transport/client'
-                }).add({
+                }).prepend({
                     layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
                     import: '@lynx-js/react/refresh'
                 });
@@ -308,18 +308,26 @@ function applyEntry(api, options) {
         if (isLynx) chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_runtime_wrapper_webpack_plugin_27793081__.RuntimeWrapperWebpackPlugin, [
             {
                 injectVars (vars) {
+                    const UNUSED_VARS = new Set([
+                        'Card',
+                        'Component',
+                        'ReactLynx',
+                        'Behavior'
+                    ]);
                     return vars.map((name)=>{
-                        if ('Component' === name) return '__Component';
+                        if (UNUSED_VARS.has(name)) return `__${name}`;
                         return name;
                     });
                 },
                 targetSdkVersion,
-                test: /^(?!.*main-thread(?:\.[A-Fa-f0-9]*)?\.js$).*\.js$/
+                test: /^(?!.*main-thread(?:\.[A-Fa-f0-9]*)?\.js$).*\.js$/,
+                experimental_isLazyBundle
             }
         ]).end().plugin(`${__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.LynxEncodePlugin.name}`).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.LynxEncodePlugin, [
             {}
         ]).end();
         if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_web_webpack_plugin_6ba19e5a__.WebWebpackPlugin, []).end();
+        const rsbuildConfig = api.getRsbuildConfig();
         chain.plugin(PLUGIN_NAME_REACT).after(PLUGIN_NAME_TEMPLATE).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.ReactWebpackPlugin, [
             {
                 disableCreateSelectorQueryIncompatibleWarning: compat?.disableCreateSelectorQueryIncompatibleWarning ?? false,
@@ -327,7 +335,8 @@ function applyEntry(api, options) {
                 enableSSR,
                 mainThreadChunks,
                 extractStr,
-                experimental_isLazyBundle
+                experimental_isLazyBundle,
+                profile: rsbuildConfig.performance?.profile
             }
         ]);
     });
@@ -357,15 +366,15 @@ function getChunks(entryName, entryValue) {
         imports
     };
 }
-function getBackgroundFilename(entryName, config, isProd) {
+function getBackgroundFilename(entryName, config, isProd, experimental_isLazyBundle) {
     const { filename } = config.output;
     if ('string' == typeof filename.js) return filename.js.replaceAll('[name]', entryName).replaceAll('.js', '/background.js');
-    return `${entryName}/background${getHash(config, isProd)}.js`;
+    return `${entryName}/background${getHash(config, isProd, experimental_isLazyBundle)}.js`;
 }
-function getHash(config, isProd) {
+function getHash(config, isProd, experimental_isLazyBundle) {
     if ('string' == typeof config.output?.filenameHash) return config.output.filenameHash ? `.[${config.output.filenameHash}]` : EMPTY_HASH;
     if (config.output?.filenameHash === false) return EMPTY_HASH;
-    if (isProd) return DEFAULT_FILENAME_HASH;
+    if (isProd || experimental_isLazyBundle) return DEFAULT_FILENAME_HASH;
     return EMPTY_HASH;
 }
 function applyGenerator(api) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.9.8",
+  "version": "0.9.9",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,34 +32,34 @@
     "README.md"
   ],
   "dependencies": {
-    "background-only": "^0.0.1",
     "@lynx-js/css-extract-webpack-plugin": "0.5.3",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.9.8",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.9.9",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.2",
-    "@lynx-js/react-webpack-plugin": "0.6.12",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.0.9",
+    "@lynx-js/react-webpack-plugin": "0.6.13",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.0.10",
     "@lynx-js/template-webpack-plugin": "0.6.10",
-    "@lynx-js/web-webpack-plugin": "0.6.6"
+    "@lynx-js/web-webpack-plugin": "0.6.6",
+    "background-only": "^0.0.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.5",
+    "@microsoft/api-extractor": "7.52.7",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@rsbuild/core": "1.3.11",
+    "@rsbuild/core": "1.3.17",
     "@rsbuild/plugin-sass": "1.3.1",
     "@rsbuild/plugin-typed-css-modules": "1.0.2",
     "@rsbuild/plugin-webpack-swc": "1.1.0",
     "@rsbuild/webpack": "1.3.0",
     "@samchon/openapi": "4.1.0",
     "tailwindcss": "^3.4.17",
-    "type-fest": "^4.40.0",
+    "type-fest": "^4.41.0",
     "typia": "9.1.1",
     "typia-rspack-plugin": "2.0.1",
-    "@lynx-js/react": "0.107.0",
-    "@lynx-js/rspeedy": "0.9.3",
+    "@lynx-js/react": "0.108.0",
+    "@lynx-js/rspeedy": "0.9.4",
     "@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"
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {