npm - @lynx-js/react-rsbuild-plugin - Versions diffs - 0.10.1 → 0.10.3 - Mend

@lynx-js/react-rsbuild-plugin 0.10.1 → 0.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,35 @@
 # @lynx-js/react-rsbuild-plugin
+## 0.10.3
+### 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 [[`acc0d80`](https://github.com/lynx-family/lynx-stack/commit/acc0d80ae45cb5d9b54acec13baf88086b7ba798)]:
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.1.1
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.3
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.3
+  - @lynx-js/react-webpack-plugin@0.6.15
+  - @lynx-js/css-extract-webpack-plugin@0.5.4
+  - @lynx-js/template-webpack-plugin@0.7.2
+## 0.10.2
+### Patch Changes
+- Fix lazy bundle build failed on Rspeedy v0.9.8 (with `output.iife: true`). ([#972](https://github.com/lynx-family/lynx-stack/pull/972))
+- Updated dependencies [[`81361f3`](https://github.com/lynx-family/lynx-stack/commit/81361f3c72001ffdf07f2f9f53f8e43d2ff7c961), [`7097f52`](https://github.com/lynx-family/lynx-stack/commit/7097f52a53460527f786e2a8f150c3a907b8e722), [`43cd520`](https://github.com/lynx-family/lynx-stack/commit/43cd520df78c3dc77aeb347a0be8c8f3ff62cc3f)]:
+  - @lynx-js/react-webpack-plugin@0.6.15
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.2
+  - @lynx-js/template-webpack-plugin@0.7.1
+  - @lynx-js/react-refresh-webpack-plugin@0.3.3
+  - @lynx-js/css-extract-webpack-plugin@0.5.4
 ## 0.10.1
 ### Patch Changes

package/dist/525.js ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,11 +1,11 @@
-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__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";
+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 { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 var __webpack_modules__ = {
     "../../../node_modules/.pnpm/typia@9.3.1_@samchon+openapi@4.3.2_typescript@5.8.3/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
         exports._accessExpressionAsString = void 0;
@@ -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)({
-        LAYERS: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS,
+    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';
 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(LAYERS.MAIN_THREAD).resolve.alias.set('background-only$', backgroundOnlyMainThread);
+        chain.module.rule(ALIAS_BACKGROUND_ONLY_BACKGROUND).issuerLayer(LAYERS.BACKGROUND).resolve.alias.set('background-only$', backgroundOnly);
+        chain.module.rule(DETECT_IMPORT_ERROR).test(backgroundOnlyMainThread).issuerLayer(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;
@@ -167,11 +222,11 @@ function applyCSS(api, options) {
         cssRules.filter((rule)=>chain.module.rules.has(rule)).forEach((ruleName)=>{
             const rule = chain.module.rule(ruleName);
             removeLightningCSS(rule);
-            rule.issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).use(CHAIN_ID.USE.MINI_CSS_EXTRACT).loader(CssExtractPlugin.loader).end();
+            rule.issuerLayer(LAYERS.BACKGROUND).use(CHAIN_ID.USE.MINI_CSS_EXTRACT).loader(CssExtractPlugin.loader).end();
             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}:${LAYERS.MAIN_THREAD}`).merge(ruleEntries).issuerLayer(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,
@@ -194,7 +249,7 @@ function applyCSS(api, options) {
                     enableCSSInvalidation,
                     targetSdkVersion,
                     cssPlugins: [
-                        __WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
+                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
                     ]
                 }
             ]).init((_, args)=>new CssExtractPlugin(...args)).end().end();
@@ -244,36 +299,36 @@ 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({
-                layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD,
+                layer: LAYERS.MAIN_THREAD,
                 import: imports,
                 filename: mainThreadName
             }).when(isDev && !isWeb, (entry)=>{
-                const require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createRequire)(import.meta.url);
+                const require = createRequire(import.meta.url);
                 entry.prepend({
-                    layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD,
+                    layer: LAYERS.MAIN_THREAD,
                     import: require.resolve('@lynx-js/css-extract-webpack-plugin/runtime/hotModuleReplacement.lepus.cjs')
                 });
             }).end().entry(backgroundEntry).add({
-                layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
+                layer: LAYERS.BACKGROUND,
                 import: imports,
                 filename: backgroundName
             }).when(isDev && !isWeb, (entry)=>{
                 entry.prepend({
-                    layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
+                    layer: LAYERS.BACKGROUND,
                     import: '@rspack/core/hot/dev-server'
                 }).prepend({
-                    layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
+                    layer: LAYERS.BACKGROUND,
                     import: '@lynx-js/webpack-dev-transport/client'
                 }).prepend({
-                    layer: __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND,
+                    layer: LAYERS.BACKGROUND,
                     import: '@lynx-js/react/refresh'
                 });
-            }).end().plugin(`${PLUGIN_NAME_TEMPLATE}-${entryName}`).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.LynxTemplatePlugin, [
+            }).end().plugin(`${PLUGIN_NAME_TEMPLATE}-${entryName}`).use(LynxTemplatePlugin, [
                 {
                     dsl: 'react_nodiff',
                     chunks: [
@@ -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,
@@ -299,14 +354,14 @@ function applyEntry(api, options) {
                     targetSdkVersion,
                     experimental_isLazyBundle,
                     cssPlugins: [
-                        __WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
+                        CSSPlugins.parserPlugins.removeFunctionWhiteSpace()
                     ]
                 }
             ]).end();
         });
         if (isLynx) {
             const inlineScripts = 'boolean' == typeof environment.config.output?.inlineScripts ? environment.config.output.inlineScripts : true;
-            chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_runtime_wrapper_webpack_plugin_27793081__.RuntimeWrapperWebpackPlugin, [
+            chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(RuntimeWrapperWebpackPlugin, [
                 {
                     injectVars (vars) {
                         const UNUSED_VARS = new Set([
@@ -324,15 +379,15 @@ function applyEntry(api, options) {
                     test: /^(?!.*main-thread(?:\.[A-Fa-f0-9]*)?\.js$).*\.js$/,
                     experimental_isLazyBundle
                 }
-            ]).end().plugin(`${__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.LynxEncodePlugin.name}`).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.LynxEncodePlugin, [
+            ]).end().plugin(`${LynxEncodePlugin.name}`).use(LynxEncodePlugin, [
                 {
                     inlineScripts
                 }
             ]).end();
         }
-        if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__.WebEncodePlugin, []).end();
+        if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(WebEncodePlugin, []).end();
         const rsbuildConfig = api.getRsbuildConfig();
-        chain.plugin(PLUGIN_NAME_REACT).after(PLUGIN_NAME_TEMPLATE).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.ReactWebpackPlugin, [
+        chain.plugin(PLUGIN_NAME_REACT).after(PLUGIN_NAME_TEMPLATE).use(ReactWebpackPlugin, [
             {
                 disableCreateSelectorQueryIncompatibleWarning: compat?.disableCreateSelectorQueryIncompatibleWarning ?? false,
                 firstScreenSyncTiming,
@@ -385,7 +440,7 @@ function applyGenerator(api) {
     api.modifyBundlerChain({
         order: 'pre',
         handler: (chain)=>{
-            chain.module.rule(`json-parse:${__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD}`).issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).test(/\.json$/).type('json').generator({
+            chain.module.rule(`json-parse:${LAYERS.MAIN_THREAD}`).issuerLayer(LAYERS.MAIN_THREAD).test(/\.json$/).type('json').generator({
                 JSONParse: false
             });
         }
@@ -410,16 +465,16 @@ function applyLoaders(api, options) {
         const uses = rule.uses.entries() ?? {};
         const { output } = api.getRsbuildConfig();
         const inlineSourcesContent = output?.sourceMap === true || !(output?.sourceMap === false || output?.sourceMap?.js === false || output?.sourceMap?.js?.includes('nosources'));
-        const backgroundRule = rule.oneOf(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND);
-        backgroundRule.issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).uses.merge(uses).end().use(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.BACKGROUND).loader(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.ReactWebpackPlugin.loaders.BACKGROUND).options({
+        const backgroundRule = rule.oneOf(LAYERS.BACKGROUND);
+        backgroundRule.issuerLayer(LAYERS.BACKGROUND).uses.merge(uses).end().use(LAYERS.BACKGROUND).loader(ReactWebpackPlugin.loaders.BACKGROUND).options({
             compat,
             enableRemoveCSSScope,
             isDynamicComponent: experimental_isLazyBundle,
             inlineSourcesContent,
             defineDCE
         }).end();
-        const mainThreadRule = rule.oneOf(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD);
-        mainThreadRule.issuerLayer(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).uses.merge(uses).end().when(void 0 !== uses[CHAIN_ID.USE.SWC], (rule)=>{
+        const mainThreadRule = rule.oneOf(LAYERS.MAIN_THREAD);
+        mainThreadRule.issuerLayer(LAYERS.MAIN_THREAD).uses.merge(uses).end().when(void 0 !== uses[CHAIN_ID.USE.SWC], (rule)=>{
             rule.uses.delete(CHAIN_ID.USE.SWC);
             const swcLoaderRule = uses[CHAIN_ID.USE.SWC].entries();
             const swcLoaderOptions = swcLoaderRule.options;
@@ -430,7 +485,7 @@ function applyLoaders(api, options) {
                     target: 'es2019'
                 }
             });
-        }).use(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS.MAIN_THREAD).loader(__WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.ReactWebpackPlugin.loaders.MAIN_THREAD).options({
+        }).use(LAYERS.MAIN_THREAD).loader(ReactWebpackPlugin.loaders.MAIN_THREAD).options({
             compat,
             enableRemoveCSSScope,
             inlineSourcesContent,
@@ -442,20 +497,20 @@ function applyLoaders(api, options) {
     });
 }
 const PLUGIN_NAME_REACT_REFRESH = 'lynx:react:refresh';
-const refresh_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createRequire)(import.meta.url);
+const refresh_require = createRequire(import.meta.url);
 function applyRefresh(api) {
     api.modifyWebpackChain((chain, { CHAIN_ID, isProd })=>{
-        if (!isProd) applyRefreshRules(chain, CHAIN_ID, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_refresh_webpack_plugin_a01c5e97__.ReactRefreshWebpackPlugin);
+        if (!isProd) applyRefreshRules(chain, CHAIN_ID, ReactRefreshWebpackPlugin);
     });
     api.modifyBundlerChain((chain, { isProd, CHAIN_ID })=>{
         if (!isProd) {
-            applyRefreshRules(chain, CHAIN_ID, __WEBPACK_EXTERNAL_MODULE__lynx_js_react_refresh_webpack_plugin_a01c5e97__.ReactRefreshRspackPlugin);
+            applyRefreshRules(chain, CHAIN_ID, ReactRefreshRspackPlugin);
             chain.resolve.alias.set('@lynx-js/react/refresh$', refresh_require.resolve('@lynx-js/react/refresh')).end();
         }
     });
 }
 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(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, {
@@ -1162,7 +1232,7 @@ function pluginReactLynx(userOptions) {
             });
             if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
             const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
-            const require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createRequire)(import.meta.url);
+            const require = createRequire(import.meta.url);
             const { version } = require('../package.json');
             rspeedyAPIs.debug(()=>{
                 const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');
@@ -1171,5 +1241,4 @@ function pluginReactLynx(userOptions) {
         }
     };
 }
-var __webpack_exports__LAYERS = __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__.LAYERS;
-export { pluginReactLynx, __webpack_exports__LAYERS as LAYERS };
+export { LAYERS, pluginReactLynx };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,18 +33,19 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "0.5.4",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.10.1",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.10.3",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.3",
-    "@lynx-js/react-webpack-plugin": "0.6.14",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.0",
-    "@lynx-js/template-webpack-plugin": "0.7.0",
+    "@lynx-js/react-webpack-plugin": "0.6.15",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.1",
+    "@lynx-js/template-webpack-plugin": "0.7.2",
+    "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.8",
     "@rollup/plugin-typescript": "^12.1.2",
     "@rsbuild/core": "1.3.21",
-    "@rsbuild/plugin-sass": "1.3.1",
+    "@rsbuild/plugin-sass": "1.3.2",
     "@rsbuild/plugin-typed-css-modules": "1.0.2",
     "@rsbuild/plugin-webpack-swc": "1.1.1",
     "@rsbuild/webpack": "1.3.2",
@@ -53,9 +54,9 @@
     "type-fest": "^4.41.0",
     "typia": "9.3.1",
     "typia-rspack-plugin": "2.1.0",
-    "@lynx-js/react": "0.109.0",
+    "@lynx-js/react": "0.109.2",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.9.7",
+    "@lynx-js/rspeedy": "0.9.9",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {