@lynx-js/react-rsbuild-plugin-canary 0.11.4 → 0.12.0-canary-20251127-2765ceaa

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.12.0-canary-20251127035014-2765ceaa24c24bc2f4d4111472596125a074ed44
+
+### Minor Changes
+
+- **BREAKING CHANGE**: Require `@lynx-js/rspeedy` 0.12.0. ([#1951](https://github.com/lynx-family/lynx-stack/pull/1951))
+
+### Patch Changes
+
+- Updated dependencies [[`09adc7e`](https://github.com/lynx-family/lynx-stack/commit/09adc7e0c96d8151a45279bb5bf63552645132ad)]:
+  - @lynx-js/react@0.114.6-canary-20251127035014-2765ceaa24c24bc2f4d4111472596125a074ed44
+  - @lynx-js/react-alias-rsbuild-plugin@0.12.0-canary-20251127035014-2765ceaa24c24bc2f4d4111472596125a074ed44
+  - @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
@@ -11,8 +26,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: [
@@ -20,17 +35,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)]:
@@ -233,28 +248,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)]:
@@ -334,13 +349,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))
@@ -427,7 +442,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: {
@@ -439,7 +454,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -615,7 +630,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: {
@@ -623,18 +638,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
@@ -714,18 +729,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.
@@ -733,20 +748,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]
@@ -789,18 +804,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.
@@ -819,11 +834,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.
@@ -832,15 +847,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/{856.js → 300.js}

@@ -1,6 +1,6 @@
-export const __webpack_id__ = "856";
+export const __webpack_id__ = "300";
 export const __webpack_ids__ = [
-    "856"
+    "300"
 ];
 export const __webpack_modules__ = {
     "./src/resolve.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

package/dist/index.js

@@ -189,7 +189,7 @@ const ALIAS_BACKGROUND_ONLY_BACKGROUND = 'react:alias-background-only-background
 function applyBackgroundOnly(api) {
     api.modifyBundlerChain(async (chain)=>{
         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 { resolve, resolveMainThread } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
         const [backgroundOnly, backgroundOnlyMainThread] = await Promise.all([
             resolve('background-only'),
             resolveMainThread('background-only')
@@ -471,11 +471,6 @@ function applyLazy(api) {
 function applyLoaders(api, 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();
@@ -603,7 +598,7 @@ function applySWC(api) {
 }
 function applyUseSyncExternalStore(api) {
     api.modifyBundlerChain(async (chain)=>{
-        const { resolve } = await __webpack_require__.e("856").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const { resolve } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
         const useSyncExternalStoreEntries = [
             'use-sync-external-store',
             'use-sync-external-store/with-selector',
@@ -1229,11 +1224,6 @@ function pluginReactLynx(userOptions) {
                             ]
                         }
                     });
-                    if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
-                        output: {
-                            inlineScripts: true
-                        }
-                    });
                     config = mergeRsbuildConfig({
                         tools: {
                             rspack: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.11.4",
+  "version": "0.12.0-canary-20251127-2765ceaa",
   "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.4",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.11.4",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.12.0-canary-20251127-2765ceaa",
     "@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.2",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.3",
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.15",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@rsbuild/core": "1.5.17",
+    "@rsbuild/core": "1.6.7",
     "@rsbuild/plugin-sass": "1.4.0",
     "@rsbuild/plugin-typed-css-modules": "1.1.1",
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
@@ -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.114.4",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.114.6-canary-20251127-2765ceaa",
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.12.0",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/vitest-setup": "0.0.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.11.9"
+    "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
     "@lynx-js/react": "*"