@lynx-js/react-rsbuild-plugin-canary 0.18.0 → 0.18.1-canary-20260716-e75b5619

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.18.1-canary-20260716090211-e75b5619c567d9fd28897990281f6332bf6d88c4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @lynx-js/template-webpack-plugin@0.13.1-canary-20260716090211-e75b5619c567d9fd28897990281f6332bf6d88c4
+  - @lynx-js/css-extract-webpack-plugin@0.9.0
+  - @lynx-js/react-webpack-plugin@0.10.0
+  - @lynx-js/react-alias-rsbuild-plugin@0.18.1-canary-20260716090211-e75b5619c567d9fd28897990281f6332bf6d88c4
+
 ## 0.18.0
 
 ### Minor Changes
@@ -15,7 +25,7 @@
   loader.
 
   ```js
-  import('./Foo.jsx', { with: { mode: 'sync' | 'async' } })
+  import("./Foo.jsx", { with: { mode: "sync" | "async" } });
   ```
 
   Force a loader regardless of `engineVersion` with the `REACT_LAZY_BUNDLE_FETCHER`
@@ -27,14 +37,14 @@
 
   ```js
   pluginReactLynx({
-    firstScreenSyncTiming: 'manual',
-  })
+    firstScreenSyncTiming: "manual",
+  });
   ```
 
   ```js
-  import { markFirstScreenSyncReady } from '@lynx-js/react'
+  import { markFirstScreenSyncReady } from "@lynx-js/react";
 
-  markFirstScreenSyncReady()
+  markFirstScreenSyncReady();
   ```
 
 ### Patch Changes
@@ -42,8 +52,8 @@
 - Add `compat.legacySlot` to `pluginReactLynx`. When enabled, dynamic children are compiled to the pre-SlotV2 form (JSX `children` + `wrapper` elements + `__DynamicPartChildren`/`__DynamicPartSlot` symbols instead of `$0`/`$1` slot props + `SlotV2`), so the compiled output stays compatible with legacy runtimes without `SlotV2` support (`< 0.120.0`, which shipped the SlotV2 refactor in #1764) — e.g. a standalone lazy bundle consumed by a host App that ships an older runtime. ([#2947](https://github.com/lynx-family/lynx-stack/pull/2947))
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
+  import { defineConfig } from "@lynx-js/rspeedy";
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
 
   export default defineConfig({
     plugins: [
@@ -53,7 +63,7 @@
         },
       }),
     ],
-  })
+  });
   ```
 
   The default (SlotV2) codegen is unchanged, and the runtime keeps supporting both forms.
@@ -113,11 +123,11 @@
   `output.filename.bundle` now accepts a function `(context: { lazyBundle: boolean; entryName?: string; platform: string }) => string` in addition to a string. The function is called once for the main bundle (`lazyBundle: false`) and once for the lazy bundles (`lazyBundle: true`), so a single config can control both the main bundle filename and the lazy bundle filename — without a dedicated `lazyBundle` field or a custom plugin.
 
   ```js
-  import { execSync } from 'node:child_process'
+  import { execSync } from "node:child_process";
 
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
-  const gitHash = execSync('git rev-parse --short HEAD').toString().trim()
+  const gitHash = execSync("git rev-parse --short HEAD").toString().trim();
 
   export default defineConfig({
     output: {
@@ -128,7 +138,7 @@
             : `[name].${platform}.bundle`,
       },
     },
-  })
+  });
   ```
 
 - Support [Rsbuild v2](https://rsbuild.rs/guide/upgrade/v1-to-v2) and [Rspack v2](https://rspack.rs/guide/migration/rspack_1.x) in the React Rsbuild plugin, including the new CSS and JavaScript rule structure, Rspack-only refresh and CSS extraction plugins, top-level `splitChunks` handling, and Rspeedy profile configuration. ([#2603](https://github.com/lynx-family/lynx-stack/pull/2603))
@@ -241,7 +251,6 @@
 ### Minor Changes
 
 - feat: support `optimizeBundleSize` option to remove unused code for main-thread and background. ([#2336](https://github.com/lynx-family/lynx-stack/pull/2336))
-
   - If `optimizeBundleSize` is `true` or `optimizeBundleSize.background` is `true`, `lynx.registerDataProcessors` calls will be marked as pure for the background thread output.
   - If `optimizeBundleSize` is `true` or `optimizeBundleSize.mainThread` is `true`, `NativeModules.call` and `lynx.getJSModule` calls will be marked as pure for the main-thread output.
 
@@ -268,7 +277,6 @@
   Upgrade preact from [f7693b72](https://github.com/preactjs/preact/commit/f7693b72ecb4a40c66e6e47f54e2d4edc374c9f0) to [55254ef7](https://github.com/preactjs/preact/commit/55254ef7021e563cc1a86fb816058964a1b6a29a), see diffs at [f7693b72...55254ef7](https://github.com/preactjs/preact/compare/f7693b72ecb4a40c66e6e47f54e2d4edc374c9f0...preactjs:preact:55254ef7021e563cc1a86fb816058964a1b6a29a?expand=1).
 
 - feat: add `globalPropsMode` option to `PluginReactLynxOptions` ([#2346](https://github.com/lynx-family/lynx-stack/pull/2346))
-
   - When configured to `"event"`, `updateGlobalProps` will only trigger a global event and skip the `runWithForce` flow.
   - Defaults to `"reactive"`, which means `updateGlobalProps` will trigger re-render automatically.
 
@@ -437,8 +445,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: [
@@ -446,17 +454,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)]:
@@ -659,28 +667,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)]:
@@ -760,13 +768,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))
@@ -824,7 +832,6 @@
 - Refactor: Replace built-in `background-only` implementation with npm package ([#602](https://github.com/lynx-family/lynx-stack/pull/602))
 
   Previously we maintained custom files:
-
   - `empty.ts` for background thread
   - `error.ts` for main thread validation
 
@@ -853,7 +860,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: {
@@ -865,7 +872,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -1041,7 +1048,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: {
@@ -1049,18 +1056,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
@@ -1114,7 +1121,6 @@
 
 - 7b84edf: feat(web): introduce new output chunk format
 - 39efd7c: Change `enableRemoveCSSScope` defaults from `undefined` to `true`, now `enableRemoveCSSScope` can be:
-
   - `true` (by default): All CSS files are treated as global CSS.
   - `false`: All CSS files are treated as scoped CSS, and only take effect in the component that explicitly imports it.
   - `undefined`: Only use scoped CSS for CSS Modules, and treat other CSS files as global CSS. Scoped CSS is faster than global CSS, thus you can use CSS Modules to speedy up your CSS if there are performance issues.
@@ -1140,18 +1146,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.
@@ -1159,20 +1165,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]
@@ -1191,7 +1197,6 @@
 - 958efda: feat(web): bundle background.js into main-thread.js for web
 
   To enable this feature:
-
   1. set the performance.chunkSplit.strategy to `all-in-one`
   2. use the `mode:'production'` to build
 
@@ -1215,18 +1220,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.
@@ -1238,18 +1243,17 @@
 
 - 36f8e4c: Add `enableAccessibilityElement`.
 - b37e3d9: Enforced build-time errors for importing `background-only` modules in the `main-thread`.
-
   - use `import 'background-only'` to mark a module as restricted to the background environment. Any attempt to import such a module in the main thread will result in a build-time error.
 
     For example:
 
     ```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.
@@ -1258,15 +1262,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.18.0",
+  "version": "0.18.1-canary-20260716-e75b5619",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,11 +33,11 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.9.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.18.0",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.18.1-canary-20260716-e75b5619",
     "@lynx-js/react-refresh-webpack-plugin": "npm:@lynx-js/react-refresh-webpack-plugin-canary@0.4.1",
     "@lynx-js/react-webpack-plugin": "npm:@lynx-js/react-webpack-plugin-canary@0.10.0",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.2.2",
-    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.13.0",
+    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.13.1-canary-20260716-e75b5619",
     "@lynx-js/use-sync-external-store": "npm:@lynx-js/use-sync-external-store-canary@1.5.0",
     "background-only": "npm:background-only-canary@0.0.1",
     "tiny-invariant": "^1.3.3"
@@ -56,11 +56,11 @@
     "typia": "12.1.1",
     "typia-rspack-plugin": "3.0.1",
     "@lynx-js/config-rsbuild-plugin": "npm:@lynx-js/config-rsbuild-plugin-canary@0.1.1",
-    "@lynx-js/react-transform": "0.2.0",
     "@lynx-js/react": "npm:@lynx-js/react-canary@0.123.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.16.0",
     "@lynx-js/debug-metadata": "npm:@lynx-js/debug-metadata-canary@0.1.0",
-    "@lynx-js/test-tools": "0.0.0"
+    "@lynx-js/test-tools": "0.0.0",
+    "@lynx-js/react-transform": "0.2.0",
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.16.1-canary-20260716-e75b5619"
   },
   "peerDependencies": {
     "@lynx-js/react": "*"