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

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @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
+
+- Support @lynx-js/react v0.107.0 ([#438](https://github.com/lynx-family/lynx-stack/pull/438))
+
+- fix(web): `:root` not work on web platform ([#607](https://github.com/lynx-family/lynx-stack/pull/607))
+
+  Note: To solve this issue, you need to upgrade your `react-rsbuild-plugin`
+
+- Refactor: Replace built-in `background-only` implementation with npm package ([#602](https://github.com/lynx-family/lynx-stack/pull/602))
+
+  Previously we maintained custom files:
+
+  - `empty.ts` for background thread
+  - `error.ts` for main thread validation
+
+  Now adopting the standard `background-only` npm package
+
+- fix(web): css selector not work for selectors with combinator and pseudo-class on WEB ([#608](https://github.com/lynx-family/lynx-stack/pull/608))
+
+  like `.parent > :not([hidden]) ~ :not([hidden])`
+
+  you will need to upgrade your `react-rsbuild-plugin` to fix this issue
+
+- Updated dependencies [[`6a5fc80`](https://github.com/lynx-family/lynx-stack/commit/6a5fc80716e668bacf4ce4ff59c569683ace0ba2), [`06bb78a`](https://github.com/lynx-family/lynx-stack/commit/06bb78a6b93d4a7be7177a6269dd4337852ce90d), [`f3afaf6`](https://github.com/lynx-family/lynx-stack/commit/f3afaf6c7919d3fe60ac2dfcd8af77178436f785), [`bf9c685`](https://github.com/lynx-family/lynx-stack/commit/bf9c68501205b038043e2f315e0a690c8bc46829), [`5269cab`](https://github.com/lynx-family/lynx-stack/commit/5269cabef7609159bdd0dd14a03c5da667907424)]:
+  - @lynx-js/react-webpack-plugin@0.6.12
+  - @lynx-js/web-webpack-plugin@0.6.6
+  - @lynx-js/template-webpack-plugin@0.6.10
+  - @lynx-js/react-alias-rsbuild-plugin@0.9.8
+  - @lynx-js/react-refresh-webpack-plugin@0.3.2
+  - @lynx-js/css-extract-webpack-plugin@0.5.3
+
 ## 0.9.7
 
 ### Patch Changes

package/dist/index.js

@@ -130,10 +130,20 @@ const ALIAS_BACKGROUND_ONLY_MAIN = 'react:alias-background-only-main';
 const ALIAS_BACKGROUND_ONLY_BACKGROUND = 'react:alias-background-only-background';
 function applyBackgroundOnly(api) {
     const __dirname = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__.fileURLToPath)(import.meta.url));
-    api.modifyBundlerChain((chain)=>{
-        chain.module.rule(ALIAS_BACKGROUND_ONLY_MAIN).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).resolve.alias.set('background-only$', __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'background-only', 'error.js'));
-        chain.module.rule(ALIAS_BACKGROUND_ONLY_BACKGROUND).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).resolve.alias.set('background-only$', __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'background-only', 'empty.js'));
-        chain.module.rule(DETECT_IMPORT_ERROR).test(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'background-only', 'error.js')).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(DETECT_IMPORT_ERROR).loader(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'loaders/invalid-import-error-loader')).options({
+    const backgroundResolve = (0, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__.createLazyResolver)(__dirname, [
+        'import'
+    ]);
+    const mainThreadResolve = (0, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__.createLazyResolver)(__dirname, [
+        'lepus'
+    ]);
+    api.modifyBundlerChain(async (chain)=>{
+        const backgroundOnly = {
+            background: await backgroundResolve('background-only'),
+            mainThread: await mainThreadResolve('background-only')
+        };
+        chain.module.rule(ALIAS_BACKGROUND_ONLY_MAIN).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).resolve.alias.set('background-only$', backgroundOnly.mainThread);
+        chain.module.rule(ALIAS_BACKGROUND_ONLY_BACKGROUND).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).resolve.alias.set('background-only$', backgroundOnly.background);
+        chain.module.rule(DETECT_IMPORT_ERROR).test(backgroundOnly.mainThread).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(DETECT_IMPORT_ERROR).loader(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'loaders/invalid-import-error-loader')).options({
             message: '\'background-only\' cannot be imported from a main-thread module.'
         });
     });
@@ -236,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({
@@ -245,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')
                 });
@@ -254,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'
                 });
@@ -298,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,
@@ -317,7 +335,8 @@ function applyEntry(api, options) {
                 enableSSR,
                 mainThreadChunks,
                 extractStr,
-                experimental_isLazyBundle
+                experimental_isLazyBundle,
+                profile: rsbuildConfig.performance?.profile
             }
         ]);
     });
@@ -347,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.7",
+  "version": "0.9.9",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,32 +33,33 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "0.5.3",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.9.7",
+    "@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.11",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.0.9",
-    "@lynx-js/template-webpack-plugin": "0.6.9",
-    "@lynx-js/web-webpack-plugin": "0.6.5"
+    "@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",
+    "background-only": "^0.0.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.3",
+    "@microsoft/api-extractor": "7.52.7",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@rsbuild/core": "1.3.8",
+    "@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.39.1",
+    "type-fest": "^4.41.0",
     "typia": "9.1.1",
     "typia-rspack-plugin": "2.0.1",
-    "@lynx-js/react": "0.106.5",
-    "@lynx-js/rspeedy": "0.9.2",
+    "@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"
+    "@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": {

package/dist/background-only/empty.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/background-only/error.d.ts

@@ -1 +0,0 @@
-export {};