@lynx-js/react-rsbuild-plugin 0.11.3 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.12.0
+
+### Minor Changes
+
+- **BREAKING CHANGE**: Require `@lynx-js/rspeedy` 0.12.0. ([#1951](https://github.com/lynx-family/lynx-stack/pull/1951))
+
+### Patch Changes
+
+- Support Yarn Plug'n'Play. ([#1964](https://github.com/lynx-family/lynx-stack/pull/1964))
+
+- Updated dependencies [[`738d44d`](https://github.com/lynx-family/lynx-stack/commit/738d44d685870d7c3f64a1be7139e8d7af498feb), [`5bbb439`](https://github.com/lynx-family/lynx-stack/commit/5bbb43981580f917f59819cd4ff7972b9737a341), [`3692a16`](https://github.com/lynx-family/lynx-stack/commit/3692a169ae443124de0e9f7a288318f5dfba13b0), [`d2e290b`](https://github.com/lynx-family/lynx-stack/commit/d2e290b67971ead5bedbcc1e34dd7f3bf4a6f5f3), [`738d44d`](https://github.com/lynx-family/lynx-stack/commit/738d44d685870d7c3f64a1be7139e8d7af498feb)]:
+  - @lynx-js/react-alias-rsbuild-plugin@0.12.0
+  - @lynx-js/css-extract-webpack-plugin@0.6.5
+  - @lynx-js/template-webpack-plugin@0.9.2
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+  - @lynx-js/react-webpack-plugin@0.7.2
+
+## 0.11.4
+
+### Patch Changes
+
+- When engineVersion is greater than or equal to 3.1, use `__SetAttribute` to set text attribute for text node instead of creating a raw text node. ([#1880](https://github.com/lynx-family/lynx-stack/pull/1880))
+
+- Add `react-compiler-runtime` to `resolve.dedupe`. ([#1269](https://github.com/lynx-family/lynx-stack/pull/1269))
+
+  With this change you can setup [React Compiler](https://react.dev/learn/react-compiler) for ReactLynx by `pluginBabel`:
+
+  ```js
+  import { defineConfig } from '@lynx-js/rspeedy'
+  import { pluginBabel } from '@rsbuild/plugin-babel'
+
+  export default defineConfig({
+    plugins: [
+      pluginBabel({
+        include: /\.(?:jsx|tsx)$/,
+        babelLoaderOptions(opts) {
+          opts.plugins?.unshift([
+            'babel-plugin-react-compiler',
+            // See https://react.dev/reference/react-compiler/configuration for config
+            {
+              // ReactLynx only supports target to version 17
+              target: '17',
+            },
+          ])
+        },
+      }),
+    ],
+  })
+  ```
+
+- Updated dependencies [[`e7d186a`](https://github.com/lynx-family/lynx-stack/commit/e7d186a6fcf08fecf18b5ab82b004b955bb1a2b3), [`0d7a4c3`](https://github.com/lynx-family/lynx-stack/commit/0d7a4c3d49d63e30d5f05c372ef99ee5cf2fcadd)]:
+  - @lynx-js/react-webpack-plugin@0.7.2
+  - @lynx-js/react-alias-rsbuild-plugin@0.11.4
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+
 ## 0.11.3
 
 ### Patch Changes

package/dist/300.js

@@ -0,0 +1,34 @@
+export const __webpack_id__ = "300";
+export const __webpack_ids__ = [
+    "300"
+];
+export const __webpack_modules__ = {
+    "./src/resolve.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            getImportResolver: ()=>getImportResolver,
+            getMainThreadResolver: ()=>getMainThreadResolver
+        });
+        var node_path__rspack_import_0 = __webpack_require__("node:path");
+        var node_url__rspack_import_1 = __webpack_require__("node:url");
+        var _lynx_js_react_alias_rsbuild_plugin__rspack_import_2 = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
+        const __dirname = node_path__rspack_import_0["default"].dirname((0, node_url__rspack_import_1.fileURLToPath)(import.meta.url));
+        const getImportResolver = (()=>{
+            let resolver = null;
+            return (rspack)=>{
+                resolver ??= (0, _lynx_js_react_alias_rsbuild_plugin__rspack_import_2.createLazyResolver)(rspack, __dirname, [
+                    'import'
+                ]);
+                return resolver;
+            };
+        })();
+        const getMainThreadResolver = (()=>{
+            let resolver = null;
+            return (rspack)=>{
+                resolver ??= (0, _lynx_js_react_alias_rsbuild_plugin__rspack_import_2.createLazyResolver)(rspack, __dirname, [
+                    'lepus'
+                ]);
+                return resolver;
+            };
+        })();
+    }
+};

package/dist/index.d.ts

@@ -441,7 +441,7 @@ export declare interface PluginReactLynxOptions {
      *
      * These options should only be used for migrating from ReactLynx2.0.
      */
-    compat?: (Partial<CompatVisitorConfig> & {
+    compat?: Partial<CompatVisitorConfig> & {
         /**
          * Whether disable runtime warnings about using ReactLynx2.0-incompatible `SelectorQuery` APIs.
          *
@@ -458,7 +458,7 @@ export declare interface PluginReactLynxOptions {
          * @defaultValue `false`
          */
         disableCreateSelectorQueryIncompatibleWarning?: boolean;
-    }) | undefined;
+    } | undefined;
     /**
      * When {@link PluginReactLynxOptions.enableCSSInheritance} is enabled, `customCSSInheritanceList` can control which properties are inheritable, not just the default ones.
      *

package/dist/index.js

@@ -1,6 +1,6 @@
-import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__ from "@lynx-js/react-alias-rsbuild-plugin";
-import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
-import * as __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__ from "node:url";
+import * as __rspack_external__lynx_js_react_alias_rsbuild_plugin_2a0391db from "@lynx-js/react-alias-rsbuild-plugin";
+import * as __rspack_external_node_path_c5b9b54f from "node:path";
+import * as __rspack_external_node_url_e96de089 from "node:url";
 import { createRequire } from "node:module";
 import { LAYERS, ReactWebpackPlugin } from "@lynx-js/react-webpack-plugin";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
@@ -63,13 +63,13 @@ var __webpack_modules__ = {
         exports._assertGuard = _assertGuard;
     },
     "@lynx-js/react-alias-rsbuild-plugin": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__;
+        module.exports = __rspack_external__lynx_js_react_alias_rsbuild_plugin_2a0391db;
     },
     "node:path": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__;
+        module.exports = __rspack_external_node_path_c5b9b54f;
     },
     "node:url": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__;
+        module.exports = __rspack_external_node_url_e96de089;
     },
     "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/TypeGuardError.mjs": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
         __webpack_require__.r(__webpack_exports__);
@@ -187,9 +187,11 @@ const DETECT_IMPORT_ERROR = 'react:detect-import-error';
 const ALIAS_BACKGROUND_ONLY_MAIN = 'react:alias-background-only-main';
 const ALIAS_BACKGROUND_ONLY_BACKGROUND = 'react:alias-background-only-background';
 function applyBackgroundOnly(api) {
-    api.modifyBundlerChain(async (chain)=>{
+    api.modifyBundlerChain(async (chain, { rspack })=>{
         const __dirname = external_node_path_["default"].dirname((0, external_node_url_.fileURLToPath)(import.meta.url));
-        const { resolve, resolveMainThread } = await __webpack_require__.e("856").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const { getImportResolver, getMainThreadResolver } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const resolve = getImportResolver(rspack);
+        const resolveMainThread = getMainThreadResolver(rspack);
         const [backgroundOnly, backgroundOnlyMainThread] = await Promise.all([
             resolve('background-only'),
             resolveMainThread('background-only')
@@ -469,13 +471,8 @@ function applyLazy(api) {
     });
 }
 function applyLoaders(api, options) {
-    const { compat, enableRemoveCSSScope, shake, defineDCE, experimental_isLazyBundle } = options;
+    const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, experimental_isLazyBundle } = options;
     api.modifyBundlerChain((chain, { CHAIN_ID })=>{
-        const experiments = chain.get('experiments');
-        chain.experiments({
-            ...experiments,
-            layers: true
-        });
         const rule = chain.module.rules.get(CHAIN_ID.RULE.JS);
         const uses = rule.uses.entries() ?? {};
         const { output } = api.getRsbuildConfig();
@@ -486,7 +483,8 @@ function applyLoaders(api, options) {
             enableRemoveCSSScope,
             isDynamicComponent: experimental_isLazyBundle,
             inlineSourcesContent,
-            defineDCE
+            defineDCE,
+            engineVersion
         }).end();
         const mainThreadRule = rule.oneOf(LAYERS.MAIN_THREAD);
         mainThreadRule.issuerLayer(LAYERS.MAIN_THREAD).uses.merge(uses).end().when(void 0 !== uses[CHAIN_ID.USE.SWC], (rule)=>{
@@ -505,6 +503,7 @@ function applyLoaders(api, options) {
             enableRemoveCSSScope,
             inlineSourcesContent,
             isDynamicComponent: experimental_isLazyBundle,
+            engineVersion,
             shake,
             defineDCE
         }).end();
@@ -600,8 +599,9 @@ function applySWC(api) {
         }, config));
 }
 function applyUseSyncExternalStore(api) {
-    api.modifyBundlerChain(async (chain)=>{
-        const { resolve } = await __webpack_require__.e("856").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+    api.modifyBundlerChain(async (chain, { rspack })=>{
+        const { getImportResolver } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const resolve = getImportResolver(rspack);
         const useSyncExternalStoreEntries = [
             'use-sync-external-store',
             'use-sync-external-store/with-selector',
@@ -1227,11 +1227,6 @@ function pluginReactLynx(userOptions) {
                             ]
                         }
                     });
-                    if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
-                        output: {
-                            inlineScripts: true
-                        }
-                    });
                     config = mergeRsbuildConfig({
                         tools: {
                             rspack: {
@@ -1241,6 +1236,13 @@ function pluginReactLynx(userOptions) {
                             }
                         }
                     }, config);
+                    config = mergeRsbuildConfig({
+                        resolve: {
+                            dedupe: [
+                                'react-compiler-runtime'
+                            ]
+                        }
+                    }, config);
                     return config;
                 });
                 if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.11.3",
+  "version": "0.12.0",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,34 +32,35 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/css-extract-webpack-plugin": "0.6.4",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.11.3",
+    "@lynx-js/css-extract-webpack-plugin": "0.6.5",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.12.0",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.4",
-    "@lynx-js/react-webpack-plugin": "0.7.1",
+    "@lynx-js/react-webpack-plugin": "0.7.2",
     "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.3",
-    "@lynx-js/template-webpack-plugin": "0.9.1",
+    "@lynx-js/template-webpack-plugin": "0.9.2",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.15",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@rsbuild/core": "1.5.17",
+    "@rsbuild/core": "1.6.9",
     "@rsbuild/plugin-sass": "1.4.0",
     "@rsbuild/plugin-typed-css-modules": "1.1.1",
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
     "rsbuild-plugin-publint": "0.3.3",
+    "source-map": "^0.7.6",
     "tailwindcss": "^3.4.17",
     "type-fest": "^5.0.1",
     "typia": "9.7.2",
     "typia-rspack-plugin": "2.2.2",
-    "@lynx-js/react": "0.114.3",
+    "@lynx-js/react": "0.115.0",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.11.8",
+    "@lynx-js/rspeedy": "0.12.1",
     "@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 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0 || ^0.112.0 || ^0.113.0 || ^0.114.0"
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0 || ^0.112.0 || ^0.113.0 || ^0.114.0 || ^0.115.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {

package/dist/856.js

@@ -1,22 +0,0 @@
-export const __webpack_id__ = "856";
-export const __webpack_ids__ = [
-    "856"
-];
-export const __webpack_modules__ = {
-    "./src/resolve.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            resolve: ()=>resolve,
-            resolveMainThread: ()=>resolveMainThread
-        });
-        var node_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:path");
-        var node_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("node:url");
-        var _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
-        const __dirname = node_path__WEBPACK_IMPORTED_MODULE_0__["default"].dirname((0, node_url__WEBPACK_IMPORTED_MODULE_1__.fileURLToPath)(import.meta.url));
-        const resolve = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
-            'import'
-        ]);
-        const resolveMainThread = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
-            'lepus'
-        ]);
-    }
-};