@lynx-js/react-rsbuild-plugin-canary 0.10.12 → 0.10.13-canary-20250820-f66e3196

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.10.13-canary-20250820083221-f66e3196633264ae401a223fde74dbc5972c45fd
+
+### Patch Changes
+
+- Support using multiple times in different environments. ([#1498](https://github.com/lynx-family/lynx-stack/pull/1498))
+
+- Updated dependencies [[`f0d483c`](https://github.com/lynx-family/lynx-stack/commit/f0d483ca2d3e208a618727590061b0babc075737), [`a753712`](https://github.com/lynx-family/lynx-stack/commit/a7537125cf7a9bd25ba2d94872496f8783310079), [`e0c0b3a`](https://github.com/lynx-family/lynx-stack/commit/e0c0b3a0109d90f3a8cee6825d70c59e36f968be)]:
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.13-canary-20250820083221-f66e3196633264ae401a223fde74dbc5972c45fd
+  - @lynx-js/react@0.112.4-canary-20250820083221-f66e3196633264ae401a223fde74dbc5972c45fd
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+  - @lynx-js/react-webpack-plugin@0.6.19
+
 ## 0.10.12
 
 ### Patch Changes
@@ -102,28 +115,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)]:
@@ -203,13 +216,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))
@@ -296,7 +309,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: {
@@ -308,7 +321,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -484,7 +497,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: {
@@ -492,18 +505,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
@@ -583,18 +596,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.
@@ -602,20 +615,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]
@@ -658,18 +671,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.
@@ -688,11 +701,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.
@@ -701,15 +714,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.d.ts

@@ -426,7 +426,7 @@ export { LAYERS }
  *
  * @public
  */
-export declare function pluginReactLynx(userOptions?: PluginReactLynxOptions): RsbuildPlugin;
+export declare function pluginReactLynx(userOptions?: PluginReactLynxOptions): RsbuildPlugin[];
 
 /**
  * Options of {@link pluginReactLynx}

package/dist/index.js

@@ -3,8 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__ from "node:url";
 import { createRequire } from "node:module";
 import { LAYERS, ReactWebpackPlugin } from "@lynx-js/react-webpack-plugin";
-import { CSSPlugins, LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
+import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 var __webpack_modules__ = {
     "../../../node_modules/.pnpm/typia@9.7.1_typescript@5.9.2/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
@@ -175,13 +175,6 @@ __webpack_require__.m = __webpack_modules__;
     };
 })();
 var react_alias_rsbuild_plugin_ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
-function applyAlias(api, lazy) {
-    return (0, react_alias_rsbuild_plugin_.pluginReactAlias)({
-        LAYERS: LAYERS,
-        lazy,
-        rootPath: api.context.rootPath
-    }).setup(api);
-}
 var external_node_path_ = __webpack_require__("node:path");
 var external_node_url_ = __webpack_require__("node:url");
 const DETECT_IMPORT_ERROR = 'react:detect-import-error';
@@ -248,9 +241,7 @@ function applyCSS(api, options) {
                     enableCSSSelector,
                     enableCSSInvalidation,
                     targetSdkVersion,
-                    cssPlugins: [
-                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
-                    ]
+                    cssPlugins: []
                 }
             ]).init((_, args)=>new CssExtractPlugin(...args)).end().end();
         chain.module.when(void 0 === enableRemoveCSSScope, (module)=>module.rule('lynx.css.scoped').test(/\.css$/).resourceQuery({
@@ -353,9 +344,7 @@ function applyEntry(api, options) {
                     removeDescendantSelectorScope,
                     targetSdkVersion,
                     experimental_isLazyBundle,
-                    cssPlugins: [
-                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
-                    ]
+                    cssPlugins: []
                 }
             ]).end();
         });
@@ -1221,56 +1210,61 @@ function pluginReactLynx(userOptions) {
         targetSdkVersion: engineVersion,
         engineVersion
     });
-    return {
-        name: 'lynx:react',
-        pre: [
-            'lynx:rsbuild:plugin-api'
-        ],
-        async setup (api) {
-            await applyAlias(api, resolvedOptions.experimental_isLazyBundle);
-            applyCSS(api, resolvedOptions);
-            applyEntry(api, resolvedOptions);
-            applyBackgroundOnly(api);
-            applyGenerator(api, resolvedOptions);
-            applyLoaders(api, resolvedOptions);
-            applyRefresh(api);
-            applySplitChunksRule(api);
-            applySWC(api);
-            applyUseSyncExternalStore(api);
-            api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
-                const userConfig = api.getRsbuildConfig('original');
-                if (void 0 === userConfig.source?.include) config = mergeRsbuildConfig(config, {
-                    source: {
-                        include: [
-                            /\.(?:js|mjs|cjs)$/
-                        ]
-                    }
-                });
-                if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
-                    output: {
-                        inlineScripts: true
-                    }
-                });
-                config = mergeRsbuildConfig({
-                    tools: {
-                        rspack: {
-                            output: {
-                                iife: false
+    return [
+        (0, react_alias_rsbuild_plugin_.pluginReactAlias)({
+            lazy: resolvedOptions.experimental_isLazyBundle,
+            LAYERS: LAYERS
+        }),
+        {
+            name: 'lynx:react',
+            pre: [
+                'lynx:rsbuild:plugin-api'
+            ],
+            setup (api) {
+                applyCSS(api, resolvedOptions);
+                applyEntry(api, resolvedOptions);
+                applyBackgroundOnly(api);
+                applyGenerator(api, resolvedOptions);
+                applyLoaders(api, resolvedOptions);
+                applyRefresh(api);
+                applySplitChunksRule(api);
+                applySWC(api);
+                applyUseSyncExternalStore(api);
+                api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
+                    const userConfig = api.getRsbuildConfig('original');
+                    if (void 0 === userConfig.source?.include) config = mergeRsbuildConfig(config, {
+                        source: {
+                            include: [
+                                /\.(?:js|mjs|cjs)$/
+                            ]
+                        }
+                    });
+                    if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
+                        output: {
+                            inlineScripts: true
+                        }
+                    });
+                    config = mergeRsbuildConfig({
+                        tools: {
+                            rspack: {
+                                output: {
+                                    iife: false
+                                }
                             }
                         }
-                    }
-                }, config);
-                return config;
-            });
-            if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
-            const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
-            const require = createRequire(import.meta.url);
-            const { version } = require('../package.json');
-            rspeedyAPIs.debug(()=>{
-                const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');
-                return `Using @lynx-js/react-webpack-plugin v${version} at ${webpackPluginPath}`;
-            });
+                    }, config);
+                    return config;
+                });
+                if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
+                const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
+                const require = createRequire(import.meta.url);
+                const { version } = require('../package.json');
+                rspeedyAPIs.debug(()=>{
+                    const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');
+                    return `Using @lynx-js/react-webpack-plugin v${version} at ${webpackPluginPath}`;
+                });
+            }
         }
-    };
+    ];
 }
 export { LAYERS, pluginReactLynx };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.10.12",
+  "version": "0.10.13-canary-20250820-f66e3196",
   "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.6.2",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.12",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.13-canary-20250820-f66e3196",
     "@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.6.19",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.2",
@@ -47,13 +47,15 @@
     "@rsbuild/core": "1.4.15",
     "@rsbuild/plugin-sass": "1.3.5",
     "@rsbuild/plugin-typed-css-modules": "1.0.3",
+    "rsbuild-plugin-arethetypeswrong": "0.1.1",
+    "rsbuild-plugin-publint": "0.3.3",
     "tailwindcss": "^3.4.17",
     "type-fest": "^4.41.0",
     "typia": "9.7.1",
     "typia-rspack-plugin": "2.2.1",
-    "@lynx-js/react": "npm:@lynx-js/react-canary@0.112.3",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.112.4-canary-20250820-f66e3196",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.10.7",
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.10.8-canary-20250820-f66e3196",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {