@lynx-js/react-rsbuild-plugin-canary 0.10.2 → 0.10.3-canary-20250604-8a6afe92

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.10.3-canary-20250604104722-8a6afe92dc47add49319c57ca27fd086e58ebf12
+
+### Patch Changes
+
+- Better [zustand](https://github.com/pmndrs/zustand) support by creating an alias for `use-sync-external-store`. ([#980](https://github.com/lynx-family/lynx-stack/pull/980))
+
+  See [lynx-family/lynx-stack#893](https://github.com/lynx-family/lynx-stack/issues/893) for more details.
+
+- Updated dependencies []:
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.3-canary-20250604104722-8a6afe92dc47add49319c57ca27fd086e58ebf12
+
 ## 0.10.2
 
 ### Patch Changes
@@ -37,13 +48,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))
@@ -130,7 +141,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: {
@@ -142,7 +153,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -318,7 +329,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: {
@@ -326,18 +337,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
@@ -417,18 +428,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.
@@ -436,20 +447,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]
@@ -492,18 +503,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.
@@ -522,11 +533,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.
@@ -535,15 +546,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/525.js

@@ -0,0 +1,21 @@
+export const __webpack_ids__ = [
+    "525"
+];
+export const __webpack_modules__ = {
+    "./src/resolve.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            resolve: ()=>resolve,
+            resolveMainThread: ()=>resolveMainThread
+        });
+        var node_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:path");
+        var node_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("node:url");
+        var _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
+        const __dirname = node_path__WEBPACK_IMPORTED_MODULE_0__["default"].dirname((0, node_url__WEBPACK_IMPORTED_MODULE_1__.fileURLToPath)(import.meta.url));
+        const resolve = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
+            'import'
+        ]);
+        const resolveMainThread = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
+            'lepus'
+        ]);
+    }
+};

package/dist/index.js

@@ -1,8 +1,8 @@
-import * as __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__ from "node:module";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__ from "@lynx-js/react-alias-rsbuild-plugin";
-import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__ from "@lynx-js/react-webpack-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__ from "node:url";
+import * as __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__ from "node:module";
+import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__ from "@lynx-js/react-webpack-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__ from "@lynx-js/template-webpack-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_runtime_wrapper_webpack_plugin_27793081__ from "@lynx-js/runtime-wrapper-webpack-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_refresh_webpack_plugin_a01c5e97__ from "@lynx-js/react-refresh-webpack-plugin";
@@ -62,6 +62,15 @@ var __webpack_modules__ = {
         };
         exports._assertGuard = _assertGuard;
     },
+    "@lynx-js/react-alias-rsbuild-plugin": function(module) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__;
+    },
+    "node:path": function(module) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__;
+    },
+    "node:url": function(module) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__;
+    },
     "../../../node_modules/.pnpm/typia@9.3.1_@samchon+openapi@4.3.2_typescript@5.8.3/node_modules/typia/lib/TypeGuardError.mjs": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
@@ -96,6 +105,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+__webpack_require__.m = __webpack_modules__;
 (()=>{
     __webpack_require__.d = (exports, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
@@ -104,6 +114,16 @@ function __webpack_require__(moduleId) {
         });
     };
 })();
+(()=>{
+    __webpack_require__.f = {};
+    __webpack_require__.e = (chunkId)=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key)=>{
+            __webpack_require__.f[key](chunkId, promises);
+            return promises;
+        }, []));
+})();
+(()=>{
+    __webpack_require__.u = (chunkId)=>"" + chunkId + ".js";
+})();
 (()=>{
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
@@ -117,32 +137,67 @@ function __webpack_require__(moduleId) {
         });
     };
 })();
+(()=>{
+    var installedChunks = {
+        980: 0
+    };
+    var installChunk = (data)=>{
+        var __webpack_ids__ = data.__webpack_ids__;
+        var __webpack_modules__ = data.__webpack_modules__;
+        var __webpack_runtime__ = data.__webpack_runtime__;
+        var moduleId, chunkId, i = 0;
+        for(moduleId in __webpack_modules__)if (__webpack_require__.o(__webpack_modules__, moduleId)) __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
+        if (__webpack_runtime__) __webpack_runtime__(__webpack_require__);
+        for(; i < __webpack_ids__.length; i++){
+            chunkId = __webpack_ids__[i];
+            if (__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) installedChunks[chunkId][0]();
+            installedChunks[__webpack_ids__[i]] = 0;
+        }
+    };
+    __webpack_require__.f.j = function(chunkId, promises) {
+        var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : void 0;
+        if (0 !== installedChunkData) if (installedChunkData) promises.push(installedChunkData[1]);
+        else {
+            var promise = import("./" + __webpack_require__.u(chunkId)).then(installChunk, (e)=>{
+                if (0 !== installedChunks[chunkId]) installedChunks[chunkId] = void 0;
+                throw e;
+            });
+            var promise = Promise.race([
+                promise,
+                new Promise((resolve)=>{
+                    installedChunkData = installedChunks[chunkId] = [
+                        resolve
+                    ];
+                })
+            ]);
+            promises.push(installedChunkData[1] = promise);
+        }
+    };
+})();
+var react_alias_rsbuild_plugin_ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
 function applyAlias(api, lazy) {
-    return (0, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__.pluginReactAlias)({
+    return (0, react_alias_rsbuild_plugin_.pluginReactAlias)({
         LAYERS: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.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';
 const ALIAS_BACKGROUND_ONLY_MAIN = 'react:alias-background-only-main';
 const ALIAS_BACKGROUND_ONLY_BACKGROUND = 'react:alias-background-only-background';
 function applyBackgroundOnly(api) {
-    const __dirname = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__.fileURLToPath)(import.meta.url));
-    const backgroundResolve = (0, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__.createLazyResolver)(__dirname, [
-        'import'
-    ]);
-    const mainThreadResolve = (0, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__.createLazyResolver)(__dirname, [
-        'lepus'
-    ]);
     api.modifyBundlerChain(async (chain)=>{
-        const backgroundOnly = {
-            background: await backgroundResolve('background-only'),
-            mainThread: await mainThreadResolve('background-only')
-        };
-        chain.module.rule(ALIAS_BACKGROUND_ONLY_MAIN).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).resolve.alias.set('background-only$', backgroundOnly.mainThread);
-        chain.module.rule(ALIAS_BACKGROUND_ONLY_BACKGROUND).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).resolve.alias.set('background-only$', backgroundOnly.background);
-        chain.module.rule(DETECT_IMPORT_ERROR).test(backgroundOnly.mainThread).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(DETECT_IMPORT_ERROR).loader(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, 'loaders/invalid-import-error-loader')).options({
+        const __dirname = external_node_path_["default"].dirname((0, external_node_url_.fileURLToPath)(import.meta.url));
+        const { resolve, resolveMainThread } = await __webpack_require__.e("525").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const [backgroundOnly, backgroundOnlyMainThread] = await Promise.all([
+            resolve('background-only'),
+            resolveMainThread('background-only')
+        ]);
+        chain.module.rule(ALIAS_BACKGROUND_ONLY_MAIN).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).resolve.alias.set('background-only$', backgroundOnlyMainThread);
+        chain.module.rule(ALIAS_BACKGROUND_ONLY_BACKGROUND).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).resolve.alias.set('background-only$', backgroundOnly);
+        chain.module.rule(DETECT_IMPORT_ERROR).test(backgroundOnlyMainThread).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(DETECT_IMPORT_ERROR).loader(external_node_path_["default"].resolve(__dirname, 'loaders/invalid-import-error-loader')).options({
             message: '\'background-only\' cannot be imported from a main-thread module.'
         });
     });
@@ -154,7 +209,7 @@ function applyCSS(api, options) {
                 injectStyles: false
             }
         }));
-    const __dirname = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__.fileURLToPath)(import.meta.url));
+    const __dirname = external_node_path_["default"].dirname((0, external_node_url_.fileURLToPath)(import.meta.url));
     api.modifyBundlerChain(async function(chain, { CHAIN_ID, environment }) {
         const { CssExtractRspackPlugin, CssExtractWebpackPlugin } = await import("@lynx-js/css-extract-webpack-plugin");
         const CssExtractPlugin = 'rspack' === api.context.bundlerType ? CssExtractRspackPlugin : CssExtractWebpackPlugin;
@@ -171,7 +226,7 @@ function applyCSS(api, options) {
             const uses = rule.uses.entries();
             const ruleEntries = rule.entries();
             const cssLoaderRule = uses[CHAIN_ID.USE.CSS].entries();
-            chain.module.rule(`${ruleName}:${__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD}`).merge(ruleEntries).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(CHAIN_ID.USE.IGNORE_CSS).loader(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].resolve(__dirname, './loaders/ignore-css-loader')).end().uses.merge(uses).delete(CHAIN_ID.USE.MINI_CSS_EXTRACT).delete(CHAIN_ID.USE.LIGHTNINGCSS).delete(CHAIN_ID.USE.CSS).end().use(CHAIN_ID.USE.CSS).after(CHAIN_ID.USE.IGNORE_CSS).merge(cssLoaderRule).options(normalizeCssLoaderOptions(cssLoaderRule.options, true)).end();
+            chain.module.rule(`${ruleName}:${__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD}`).merge(ruleEntries).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).use(CHAIN_ID.USE.IGNORE_CSS).loader(external_node_path_["default"].resolve(__dirname, './loaders/ignore-css-loader')).end().uses.merge(uses).delete(CHAIN_ID.USE.MINI_CSS_EXTRACT).delete(CHAIN_ID.USE.LIGHTNINGCSS).delete(CHAIN_ID.USE.CSS).end().use(CHAIN_ID.USE.CSS).after(CHAIN_ID.USE.IGNORE_CSS).merge(cssLoaderRule).options(normalizeCssLoaderOptions(cssLoaderRule.options, true)).end();
         });
         const inlineCSSRules = [
             CHAIN_ID.RULE.CSS_INLINE,
@@ -244,8 +299,8 @@ function applyEntry(api, options) {
             const { imports } = getChunks(entryName, entryPoint.values());
             const templateFilename = ('object' == typeof config.output?.filename ? config.output.filename.bundle ?? config.output.filename.template : config.output?.filename) ?? '[name].[platform].bundle';
             const mainThreadEntry = `${entryName}__main-thread`;
-            const mainThreadName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${entryName}/main-thread.js`);
-            const backgroundName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd, experimental_isLazyBundle));
+            const mainThreadName = external_node_path_["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${entryName}/main-thread.js`);
+            const backgroundName = external_node_path_["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd, experimental_isLazyBundle));
             const backgroundEntry = entryName;
             mainThreadChunks.push(mainThreadName);
             chain.entry(mainThreadEntry).add({
@@ -281,7 +336,7 @@ function applyEntry(api, options) {
                         backgroundEntry
                     ],
                     filename: templateFilename.replaceAll('[name]', entryName).replaceAll('[platform]', environment.name),
-                    intermediate: __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(DEFAULT_DIST_PATH_INTERMEDIATE, entryName),
+                    intermediate: external_node_path_["default"].posix.join(DEFAULT_DIST_PATH_INTERMEDIATE, entryName),
                     customCSSInheritanceList,
                     debugInfoOutside,
                     defaultDisplayLinear,
@@ -455,7 +510,7 @@ function applyRefresh(api) {
     });
 }
 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(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).before(CHAIN_ID.RULE.JS).test(/\.[jt]sx$/).exclude.add(/node_modules/).add(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname(refresh_require.resolve('@lynx-js/react/package.json'))).add(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname(refresh_require.resolve('@lynx-js/react/refresh'))).add(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname(refresh_require.resolve('@lynx-js/react/worklet-runtime'))).add(ReactRefreshPlugin.loader).end().use('ReactRefresh').loader(ReactRefreshPlugin.loader).options({}).end().end().end().end();
+    chain.plugin(PLUGIN_NAME_REACT_REFRESH).before(CHAIN_ID.PLUGIN.HMR).use(ReactRefreshPlugin).end().module.rule('react:refresh').issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.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();
 }
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
 const applySplitChunksRule = (api)=>{
@@ -520,6 +575,20 @@ function applySWC(api) {
             }
         }, config));
 }
+function applyUseSyncExternalStore(api) {
+    api.modifyBundlerChain(async (chain)=>{
+        const { resolve } = await __webpack_require__.e("525").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const useSyncExternalStoreEntries = [
+            'use-sync-external-store',
+            'use-sync-external-store/with-selector',
+            'use-sync-external-store/shim',
+            'use-sync-external-store/shim/with-selector'
+        ];
+        await Promise.all(useSyncExternalStoreEntries.map((entry)=>resolve(`@lynx-js/${entry}`).then((value)=>{
+                chain.resolve.alias.set(`${entry}$`, value);
+            })));
+    });
+}
 var _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@9.3.1_@samchon+openapi@4.3.2_typescript@5.8.3/node_modules/typia/lib/internal/_accessExpressionAsString.js");
 var _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@9.3.1_@samchon+openapi@4.3.2_typescript@5.8.3/node_modules/typia/lib/internal/_assertGuard.js");
 const validateConfig = (()=>{
@@ -1144,6 +1213,7 @@ function pluginReactLynx(userOptions) {
             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, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.10.2",
+  "version": "0.10.3-canary-20250604-8a6afe92",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,11 +33,12 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.5.4",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.2",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.3-canary-20250604-8a6afe92",
     "@lynx-js/react-refresh-webpack-plugin": "npm:@lynx-js/react-refresh-webpack-plugin-canary@0.3.3",
     "@lynx-js/react-webpack-plugin": "npm:@lynx-js/react-webpack-plugin-canary@0.6.15",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.0",
     "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.7.1",
+    "@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"
   },
   "devDependencies": {
@@ -54,9 +55,9 @@
     "typia": "9.3.1",
     "typia-rspack-plugin": "2.1.0",
     "@lynx-js/react": "npm:@lynx-js/react-canary@0.109.1",
+    "@lynx-js/react-transform": "0.2.0",
     "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.9.8",
-    "@lynx-js/vitest-setup": "0.0.0",
-    "@lynx-js/react-transform": "0.2.0"
+    "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
     "@lynx-js/react": "*"