@lynx-js/react-rsbuild-plugin-canary 0.12.1 → 0.12.2-canary-20251216-e38e21a1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.12.2-canary-20251216115050-e38e21a13bc43472da91f99f6cc60266d7e0de8b
+
+### Patch Changes
+
+- Support environment variants to enable multiple configurations for the same targets. ([#1969](https://github.com/lynx-family/lynx-stack/pull/1969))
+
+- Updated dependencies []:
+  - @lynx-js/react-alias-rsbuild-plugin@0.12.2-canary-20251216115050-e38e21a13bc43472da91f99f6cc60266d7e0de8b
+
 ## 0.12.1
 
 ### Patch Changes
@@ -43,8 +52,8 @@
   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'
+  import { defineConfig } from "@lynx-js/rspeedy";
+  import { pluginBabel } from "@rsbuild/plugin-babel";
 
   export default defineConfig({
     plugins: [
@@ -52,17 +61,17 @@
         include: /\.(?:jsx|tsx)$/,
         babelLoaderOptions(opts) {
           opts.plugins?.unshift([
-            'babel-plugin-react-compiler',
+            "babel-plugin-react-compiler",
             // See https://react.dev/reference/react-compiler/configuration for config
             {
               // ReactLynx only supports target to version 17
-              target: '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)]:
@@ -265,28 +274,28 @@
 
   ```ts
   type InlineChunkTestFunction = (params: {
-    size: number
-    name: string
-  }) => boolean
+    size: number;
+    name: string;
+  }) => boolean;
 
-  type InlineChunkTest = RegExp | InlineChunkTestFunction
+  type InlineChunkTest = RegExp | InlineChunkTestFunction;
 
   type InlineChunkConfig =
     | boolean
     | InlineChunkTest
-    | { enable?: boolean | 'auto', test: InlineChunkTest }
+    | { enable?: boolean | "auto"; test: InlineChunkTest };
   ```
 
   ```ts
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: ({ name, size }) => {
-        return name.includes('foo') && size < 1000
+        return name.includes("foo") && size < 1000;
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`51cb73d`](https://github.com/lynx-family/lynx-stack/commit/51cb73dd0b77d35540644cdd2e6c37db856f0e8a), [`69fb042`](https://github.com/lynx-family/lynx-stack/commit/69fb0420e297abf768c889769c95a207c480b3c7), [`a7e8b5b`](https://github.com/lynx-family/lynx-stack/commit/a7e8b5bbbab0490e7cf6f47581130e7b32739abb)]:
@@ -366,13 +375,13 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: false,
     },
-  })
+  });
   ```
 
 - Support `@lynx-js/react` v0.109.0. ([#840](https://github.com/lynx-family/lynx-stack/pull/840))
@@ -459,7 +468,7 @@
   Now you can override configuration like `useDefineForClassFields` using `tools.swc`.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     tools: {
@@ -471,7 +480,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -647,7 +656,7 @@
   You may turn it off using `output.minify.css: false`:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
@@ -655,18 +664,18 @@
         css: false,
       },
     },
-  })
+  });
   ```
 
   Or you may use [@rsbuild/plugin-css-minimizer](https://github.com/rspack-contrib/rsbuild-plugin-css-minimizer) to use `cssnano` as CSS minimizer.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
-  import { pluginCssMinimizer } from '@rsbuild/plugin-css-minimizer'
+  import { defineConfig } from "@lynx-js/rspeedy";
+  import { pluginCssMinimizer } from "@rsbuild/plugin-css-minimizer";
 
   export default defineConfig({
     plugins: [pluginCssMinimizer()],
-  })
+  });
   ```
 
 ### Patch Changes
@@ -746,18 +755,18 @@
 - e8039f2: Add `defineDCE` in plugin options. Often used to define custom macros.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         defineDCE: {
-          __SOME_FALSE_DEFINE__: 'false',
+          __SOME_FALSE_DEFINE__: "false",
         },
       }),
     ],
-  })
+  });
   ```
 
   Different from `define` provided by bundlers like webpack, `defineDCE` works at transform time and a extra DCE (Dead Code Elimination) pass will be performed.
@@ -765,20 +774,20 @@
   For example, `import` initialized by dead code will be removed:
 
   ```js
-  import { foo } from 'bar'
+  import { foo } from "bar";
 
   if (__SOME_FALSE_DEFINE__) {
-    foo()
-    console.log('dead code')
+    foo();
+    console.log("dead code");
   } else {
-    console.log('reachable code')
+    console.log("reachable code");
   }
   ```
 
   will be transformed to:
 
   ```js
-  console.log('reachable code')
+  console.log("reachable code");
   ```
 
 - Updated dependencies [8dd6cca]
@@ -821,18 +830,18 @@
 - a30c83d: Add `compat.removeComponentAttrRegex`.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         compat: {
-          removeComponentAttrRegex: 'YOUR REGEX',
+          removeComponentAttrRegex: "YOUR REGEX",
         },
       }),
     ],
-  })
+  });
   ```
 
   NOTE: This feature is deprecated and will be removed in the future. Use CodeMod instead.
@@ -851,11 +860,11 @@
 
     ```javascript
     // bar.ts
-    import 'background-only'
+    import "background-only";
 
     export const bar = () => {
-      return 'bar'
-    }
+      return "bar";
+    };
     ```
 
     If `bar` is called in `main-thread`, build time error will be triggered.
@@ -864,15 +873,15 @@
 
     ```tsx
     // App.tsx
-    import { bar } from './bar.js'
+    import { bar } from "./bar.js";
 
     function App() {
-      bar()
+      bar();
       return (
         <view>
           <text>Hello, Lynx x rspeedy</text>
         </view>
-      )
+      );
     }
     ```
 

package/dist/index.js

@@ -290,8 +290,8 @@ function applyEntry(api, options) {
     const { config, logger } = api.useExposed(Symbol.for('rspeedy.api'));
     api.modifyBundlerChain(async (chain, { environment, isDev, isProd })=>{
         const entries = chain.entryPoints.entries() ?? {};
-        const isLynx = 'lynx' === environment.name;
-        const isWeb = 'web' === environment.name;
+        const isLynx = 'lynx' === environment.name || environment.name.startsWith('lynx-');
+        const isWeb = 'web' === environment.name || environment.name.startsWith('web-');
         const { hmr, liveReload } = environment.config.dev ?? {};
         const enabledHMR = isDev && !isWeb && false !== hmr;
         const enabledLiveReload = isDev && !isWeb && false !== liveReload;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.12.1",
+  "version": "0.12.2-canary-20251216-e38e21a1",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,7 +33,7 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.7.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.12.1",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.12.2-canary-20251216-e38e21a1",
     "@lynx-js/react-refresh-webpack-plugin": "npm:@lynx-js/react-refresh-webpack-plugin-canary@0.3.4",
     "@lynx-js/react-webpack-plugin": "npm:@lynx-js/react-webpack-plugin-canary@0.7.3",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.3",
@@ -54,10 +54,10 @@
     "type-fest": "^5.0.1",
     "typia": "9.7.2",
     "typia-rspack-plugin": "2.2.2",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.115.1",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.12.2",
-    "@lynx-js/vitest-setup": "0.0.0",
-    "@lynx-js/react": "npm:@lynx-js/react-canary@0.115.1"
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.12.3-canary-20251216-e38e21a1",
+    "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
     "@lynx-js/react": "*"