@lynx-js/react-rsbuild-plugin-canary 0.11.1 → 0.11.2-canary-20251010-e21c4e23

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.11.2-canary-20251010135203-e21c4e23ca87c0783faaa4cfd2f8dfe6ca6d84eb
+
+### Patch Changes
+
+- Fix using wrong version of `@lynx-js/react/refresh`. ([#1756](https://github.com/lynx-family/lynx-stack/pull/1756))
+
+- Updated dependencies [[`2da147d`](https://github.com/lynx-family/lynx-stack/commit/2da147d28e1ea3e48eeaba4eac9923e0285300d4)]:
+  - @lynx-js/react@0.114.2-canary-20251010135203-e21c4e23ca87c0783faaa4cfd2f8dfe6ca6d84eb
+  - @lynx-js/react-alias-rsbuild-plugin@0.11.2-canary-20251010135203-e21c4e23ca87c0783faaa4cfd2f8dfe6ca6d84eb
+  - @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.1
+
 ## 0.11.1
 
 ### Patch Changes
@@ -172,28 +185,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)]:
@@ -273,13 +286,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))
@@ -366,7 +379,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: {
@@ -378,7 +391,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -554,7 +567,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: {
@@ -562,18 +575,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
@@ -653,18 +666,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.
@@ -672,20 +685,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]
@@ -728,18 +741,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.
@@ -758,11 +771,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.
@@ -771,15 +784,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

@@ -512,20 +512,30 @@ function applyLoaders(api, options) {
     });
 }
 const PLUGIN_NAME_REACT_REFRESH = 'lynx:react:refresh';
-const refresh_require = createRequire(import.meta.url);
 function applyRefresh(api) {
-    api.modifyWebpackChain((chain, { CHAIN_ID, isProd })=>{
-        if (!isProd) applyRefreshRules(chain, CHAIN_ID, ReactRefreshWebpackPlugin);
+    api.modifyWebpackChain(async (chain, { CHAIN_ID, isProd })=>{
+        if (!isProd) await applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshWebpackPlugin);
     });
-    api.modifyBundlerChain((chain, { isProd, CHAIN_ID })=>{
+    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID })=>{
         if (!isProd) {
-            applyRefreshRules(chain, CHAIN_ID, ReactRefreshRspackPlugin);
-            chain.resolve.alias.set('@lynx-js/react/refresh$', refresh_require.resolve('@lynx-js/react/refresh')).end();
+            const { resolve } = api.useExposed(Symbol.for('@lynx-js/react/internal:resolve'));
+            await Promise.all([
+                applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshRspackPlugin),
+                resolve('@lynx-js/react/refresh').then((refresh)=>{
+                    chain.resolve.alias.set('@lynx-js/react/refresh$', refresh);
+                })
+            ]);
         }
     });
 }
-function applyRefreshRules(chain, CHAIN_ID, ReactRefreshPlugin) {
-    chain.plugin(PLUGIN_NAME_REACT_REFRESH).before(CHAIN_ID.PLUGIN.HMR).use(ReactRefreshPlugin).end().module.rule('react:refresh').issuerLayer(LAYERS.BACKGROUND).before(CHAIN_ID.RULE.JS).test(/\.[jt]sx$/).exclude.add(/node_modules/).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/package.json'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/refresh'))).add(external_node_path_["default"].dirname(refresh_require.resolve('@lynx-js/react/worklet-runtime'))).add(ReactRefreshPlugin.loader).end().use('ReactRefresh').loader(ReactRefreshPlugin.loader).options({}).end().end().end().end();
+async function applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshPlugin) {
+    const { resolve } = api.useExposed(Symbol.for('@lynx-js/react/internal:resolve'));
+    const [reactRuntime, refresh, workletRuntime] = await Promise.all([
+        resolve('@lynx-js/react/package.json'),
+        resolve('@lynx-js/react/refresh'),
+        resolve('@lynx-js/react/worklet-runtime')
+    ]);
+    chain.plugin(PLUGIN_NAME_REACT_REFRESH).before(CHAIN_ID.PLUGIN.HMR).use(ReactRefreshPlugin).end().module.rule('react:refresh').issuerLayer(LAYERS.BACKGROUND).before(CHAIN_ID.RULE.JS).test(/\.[jt]sx$/).exclude.add(/node_modules/).add(external_node_path_["default"].dirname(reactRuntime)).add(external_node_path_["default"].dirname(refresh)).add(external_node_path_["default"].dirname(workletRuntime)).add(ReactRefreshPlugin.loader).end().use('ReactRefresh').loader(ReactRefreshPlugin.loader).options({}).end().end().end().end();
 }
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
 const applySplitChunksRule = (api)=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.11.1",
+  "version": "0.11.2-canary-20251010-e21c4e23",
   "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.1",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.11.2-canary-20251010-e21c4e23",
     "@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.1",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.3",
@@ -50,12 +50,12 @@
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
     "rsbuild-plugin-publint": "0.3.3",
     "tailwindcss": "^3.4.17",
-    "type-fest": "^4.41.0",
+    "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.1",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.114.2-canary-20251010-e21c4e23",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.11.5",
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.11.6-canary-20251010-e21c4e23",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {