@lynx-js/react-rsbuild-plugin 0.15.0 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.16.1
+
+### Patch Changes
+
+- Respect `dev.hmr: false` when installing React Refresh integrations so disabled HMR no longer injects the refresh loader or plugin. ([#2487](https://github.com/lynx-family/lynx-stack/pull/2487))
+
+- Fix stale callback-local references when transforming JSX inside `children={array.map(...)}` prop expressions. ([#2524](https://github.com/lynx-family/lynx-stack/pull/2524))
+
+- Supports @lynx-js/react 0.120.0 ([#1764](https://github.com/lynx-family/lynx-stack/pull/1764))
+
+- Updated dependencies [[`e179680`](https://github.com/lynx-family/lynx-stack/commit/e1796803444ba70efa86609b620c3a753b6694de), [`13655ac`](https://github.com/lynx-family/lynx-stack/commit/13655ac8f156ab887de2f527b34c865574ebe6e6), [`f15494b`](https://github.com/lynx-family/lynx-stack/commit/f15494b3b1231c11facd61bf1e07a43b6df5e07c), [`e179680`](https://github.com/lynx-family/lynx-stack/commit/e1796803444ba70efa86609b620c3a753b6694de), [`e179680`](https://github.com/lynx-family/lynx-stack/commit/e1796803444ba70efa86609b620c3a753b6694de)]:
+  - @lynx-js/template-webpack-plugin@0.11.0
+  - @lynx-js/css-extract-webpack-plugin@0.7.1
+  - @lynx-js/react-webpack-plugin@0.9.2
+  - @lynx-js/react-alias-rsbuild-plugin@0.16.1
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.5
+
+## 0.16.0
+
+### Minor Changes
+
+- Simplify hooks for main-thread runtime, which only can run during the first screen. ([#2441](https://github.com/lynx-family/lynx-stack/pull/2441))
+
+### Patch Changes
+
+- Support rstest for testing library using a dedicated testing loader. ([#2328](https://github.com/lynx-family/lynx-stack/pull/2328))
+
+- Fix `environments.lynx.performance.profile` so it overrides the default profile behavior for the current environment. ([#2468](https://github.com/lynx-family/lynx-stack/pull/2468))
+
+- Add `enableUiSourceMap` option to enable UI source map generation and debug-metadata asset emission. ([#2402](https://github.com/lynx-family/lynx-stack/pull/2402))
+
+- Updated dependencies [[`a9f8d05`](https://github.com/lynx-family/lynx-stack/commit/a9f8d0548664ea32ebae2072c13f2cf6fee676eb), [`b1ad1b9`](https://github.com/lynx-family/lynx-stack/commit/b1ad1b98ed8d4635ad89fac42fe2fbb7e8e56c39), [`f6184f3`](https://github.com/lynx-family/lynx-stack/commit/f6184f32c3eb160d16ee852da4955765b5ad1398), [`f6184f3`](https://github.com/lynx-family/lynx-stack/commit/f6184f32c3eb160d16ee852da4955765b5ad1398), [`a9f8d05`](https://github.com/lynx-family/lynx-stack/commit/a9f8d0548664ea32ebae2072c13f2cf6fee676eb), [`f542d9c`](https://github.com/lynx-family/lynx-stack/commit/f542d9c98b376d340443b4683ed0c7707beeb5ad)]:
+  - @lynx-js/template-webpack-plugin@0.10.9
+  - @lynx-js/react-webpack-plugin@0.9.1
+  - @lynx-js/react-alias-rsbuild-plugin@0.16.0
+  - @lynx-js/css-extract-webpack-plugin@0.7.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.5
+  - @lynx-js/use-sync-external-store@1.5.0
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/208.js

@@ -6,7 +6,7 @@ import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/
 import node_path from "node:path";
 import { fileURLToPath } from "node:url";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
-import { ReactRefreshRspackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
+import { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 __webpack_require__.add({
     "../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.js" (__unused_rspack_module, exports) {
         exports._accessExpressionAsString = void 0;
@@ -325,7 +325,10 @@ function applyEntry(api, options) {
             }
         ]);
         function getDefaultProfile() {
-            if (userConfig.performance?.profile !== void 0) return userConfig.performance.profile;
+            const environmentProfile = userConfig.environments?.[environment.name]?.performance?.profile;
+            if (void 0 !== environmentProfile) return environmentProfile;
+            const userProfile = userConfig.performance?.profile;
+            if (void 0 !== userProfile) return userProfile;
             if (isDebug()) return true;
         }
     });
@@ -392,22 +395,36 @@ function applyLazy(api) {
         });
     });
 }
+function getLoaderOptions(api, options, isMainThread = false) {
+    const { output } = api.getRsbuildConfig();
+    const inlineSourcesContent = output?.sourceMap === true || !(output?.sourceMap === false || output?.sourceMap?.js === false || output?.sourceMap?.js?.includes('nosources'));
+    const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, enableUiSourceMap, experimental_isLazyBundle } = options;
+    return {
+        compat,
+        enableRemoveCSSScope,
+        isDynamicComponent: experimental_isLazyBundle,
+        inlineSourcesContent,
+        defineDCE,
+        engineVersion,
+        ...isMainThread ? {
+            enableUiSourceMap,
+            shake
+        } : {}
+    };
+}
+const TESTING_RULE_NAME = 'react:testing';
+function applyTestingLoaders(api, options) {
+    api.modifyBundlerChain((chain, { CHAIN_ID })=>{
+        const rule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+        rule.use(TESTING_RULE_NAME).loader(ReactWebpackPlugin.loaders.TESTING).options(getLoaderOptions(api, options)).end();
+    });
+}
 function applyLoaders(api, options) {
-    const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, experimental_isLazyBundle } = options;
     api.modifyBundlerChain((chain, { CHAIN_ID })=>{
         const rule = chain.module.rules.get(CHAIN_ID.RULE.JS);
         const uses = rule.uses.entries() ?? {};
-        const { output } = api.getRsbuildConfig();
-        const inlineSourcesContent = output?.sourceMap === true || !(output?.sourceMap === false || output?.sourceMap?.js === false || output?.sourceMap?.js?.includes('nosources'));
         const backgroundRule = rule.oneOf(LAYERS.BACKGROUND);
-        backgroundRule.issuerLayer(LAYERS.BACKGROUND).uses.merge(uses).end().use(LAYERS.BACKGROUND).loader(ReactWebpackPlugin.loaders.BACKGROUND).options({
-            compat,
-            enableRemoveCSSScope,
-            isDynamicComponent: experimental_isLazyBundle,
-            inlineSourcesContent,
-            defineDCE,
-            engineVersion
-        }).end();
+        backgroundRule.issuerLayer(LAYERS.BACKGROUND).uses.merge(uses).end().use(LAYERS.BACKGROUND).loader(ReactWebpackPlugin.loaders.BACKGROUND).options(getLoaderOptions(api, options)).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)=>{
             rule.uses.delete(CHAIN_ID.USE.SWC);
@@ -420,15 +437,7 @@ function applyLoaders(api, options) {
                     target: 'es2019'
                 }
             });
-        }).use(LAYERS.MAIN_THREAD).loader(ReactWebpackPlugin.loaders.MAIN_THREAD).options({
-            compat,
-            enableRemoveCSSScope,
-            inlineSourcesContent,
-            isDynamicComponent: experimental_isLazyBundle,
-            engineVersion,
-            shake,
-            defineDCE
-        }).end();
+        }).use(LAYERS.MAIN_THREAD).loader(ReactWebpackPlugin.loaders.MAIN_THREAD).options(getLoaderOptions(api, options, true)).end();
         rule.uses.clear();
     });
 }
@@ -480,8 +489,11 @@ function applyOptimizeBundleSize(api, options) {
 }
 const PLUGIN_NAME_REACT_REFRESH = 'lynx:react:refresh';
 function applyRefresh(api) {
-    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID })=>{
-        if (!isProd) {
+    api.modifyWebpackChain?.(async (chain, { CHAIN_ID, environment, isProd })=>{
+        if (!isProd && environment.config.dev?.hmr !== false) await applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshWebpackPlugin);
+    });
+    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID, environment })=>{
+        if (!isProd && environment.config.dev?.hmr !== false) {
             const { resolve } = api.useExposed(Symbol.for('@lynx-js/react/internal:resolve'));
             await Promise.all([
                 applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshRspackPlugin),
@@ -595,8 +607,9 @@ function applyUseSyncExternalStore(api) {
 const _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_assertGuard.js");
 const _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@10.1.0_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.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.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.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.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) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && 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) && null !== input.optimizeBundleSize && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || "object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) && _io8(input.optimizeBundleSize, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io0 = (input, _exceptionable = true)=>(void 0 === input.enableUiSourceMap || "boolean" == typeof input.enableUiSourceMap) && (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.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.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.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) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && 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) && null !== input.optimizeBundleSize && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || "object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) && _io8(input.optimizeBundleSize, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
+                "enableUiSourceMap",
                 "compat",
                 "customCSSInheritanceList",
                 "debugInfoOutside",
@@ -697,7 +710,12 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
-    const _ao0 = (input, _path, _exceptionable = true)=>(void 0 === input.compat || ("object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) || _assertGuard._assertGuard(_exceptionable, {
+    const _ao0 = (input, _path, _exceptionable = true)=>(void 0 === input.enableUiSourceMap || "boolean" == typeof input.enableUiSourceMap || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".enableUiSourceMap",
+            expected: "(boolean | undefined)",
+            value: input.enableUiSourceMap
+        }, _errorFactory)) && (void 0 === input.compat || ("object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) || _assertGuard._assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".compat",
             expected: "(Partial<CompatVisitorConfig> & { disableCreateSelectorQueryIncompatibleWarning?: boolean; } | undefined)",
@@ -849,6 +867,7 @@ const validateConfig = (()=>{
             value: input.optimizeBundleSize
         }, _errorFactory)) && (0 === Object.keys(input).length || false === _exceptionable || Object.keys(input).every((key)=>{
             if ([
+                "enableUiSourceMap",
                 "compat",
                 "customCSSInheritanceList",
                 "debugInfoOutside",
@@ -1247,7 +1266,8 @@ function pluginReactLynx(userOptions) {
         extractStr: false,
         globalPropsMode: 'reactive',
         experimental_isLazyBundle: false,
-        optimizeBundleSize: false
+        optimizeBundleSize: false,
+        enableUiSourceMap: false
     };
     const resolvedOptions = Object.assign(defaultOptions, userOptions, {
         targetSdkVersion: engineVersion,
@@ -1266,17 +1286,19 @@ function pluginReactLynx(userOptions) {
             ],
             setup (api) {
                 const isRslib = 'rslib' === api.context.callerName;
+                const isRstest = 'rstest' === api.context.callerName;
                 const exposedConfig = api.useExposed(Symbol.for('lynx.config'));
                 if (exposedConfig) Object.keys(defaultOptions).forEach((key)=>{
                     if (Object.hasOwn(exposedConfig.config, key)) Object.assign(resolvedOptions, {
                         [key]: exposedConfig.config[key]
                     });
                 });
-                applyCSS(api, resolvedOptions);
+                if (!isRstest) applyCSS(api, resolvedOptions);
                 applyEntry(api, resolvedOptions);
                 applyBackgroundOnly(api);
                 applyGenerator(api, resolvedOptions);
-                applyLoaders(api, resolvedOptions);
+                if (isRstest) applyTestingLoaders(api, resolvedOptions);
+                else applyLoaders(api, resolvedOptions);
                 applyRefresh(api);
                 applySplitChunksRule(api);
                 applySWC(api);

package/dist/index.d.ts

@@ -440,6 +440,12 @@ export declare function pluginReactLynx(userOptions?: PluginReactLynxOptions): R
  * @public
  */
 export declare interface PluginReactLynxOptions {
+    /**
+     * Enable UI source map generation and debug-metadata asset emission.
+     *
+     * @defaultValue `false`
+     */
+    enableUiSourceMap?: boolean;
     /**
      * The `compat` option controls compatibilities with ReactLynx2.0.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,12 +32,13 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/css-extract-webpack-plugin": "0.7.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.15.0",
+    "tiny-invariant": "^1.3.3",
+    "@lynx-js/css-extract-webpack-plugin": "0.7.1",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.16.1",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.5",
-    "@lynx-js/react-webpack-plugin": "0.9.0",
+    "@lynx-js/react-webpack-plugin": "0.9.2",
     "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.3",
-    "@lynx-js/template-webpack-plugin": "0.10.8",
+    "@lynx-js/template-webpack-plugin": "0.11.0",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
@@ -55,13 +56,13 @@
     "typia": "10.1.0",
     "typia-rspack-plugin": "2.2.2",
     "@lynx-js/config-rsbuild-plugin": "0.0.2",
-    "@lynx-js/react": "0.118.0",
+    "@lynx-js/react": "0.120.0",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.14.1",
+    "@lynx-js/rspeedy": "0.14.3",
     "@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 || ^0.115.0 || ^0.116.0 || ^0.117.0 || ^0.118.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 || ^0.116.0 || ^0.117.0 || ^0.118.0 || ^0.119.0 || ^0.120.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {