@lynx-js/react-rsbuild-plugin 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.20.0
+
+### Minor Changes
+
+- **BREAKING CHANGE**: Require `@lynx-js/rspeedy` `^0.17.0` in the plugins that read the build engine config through `Symbol.for('@lynx-js/rsbuild-plugin:config')`, since the engine that ships with `0.16` does not expose it. The plugins that do not touch the engine keep their existing range and add `^0.17.0` to it. ([#3682](https://github.com/lynx-family/lynx-stack/pull/3682))
+
+### Patch Changes
+
+- Do not apply the Lynx build engine again when `pluginLynx` is registered on an environment rather than globally, which silently replaced the options it was given. ([#3695](https://github.com/lynx-family/lynx-stack/pull/3695))
+
+- Move runtime attribute-name configuration to the page-scoped `lynx` object and ([#3718](https://github.com/lynx-family/lynx-stack/pull/3718))
+  inject it from the host compilation through a standalone webpack plugin. Lazy
+  and external bundles reuse the host-injected configuration without applying
+  the plugin themselves. The runtime-config webpack plugin is published through
+  its own DSL-neutral package entry and accepts arbitrary runtime configuration
+  keys without depending on ReactLynx. The merged top-level configuration is
+  shallow-frozen to prevent accidental mutation after host initialization.
+- Accept `DEBUG=lynx` (and `lynx:*`, `lynx:template`) for the Lynx debug output and intermediates. It is the recommended form now that the plugins also run under Rslib and Rsbuild; `DEBUG=rspeedy` keeps working. ([#3735](https://github.com/lynx-family/lynx-stack/pull/3735))
+
+- Honor `splitChunks`, `performance.chunkSplit` and `output.sourceMap` when they are set on an environment. `pluginReactLynx` used to read them from the root of the config only when deciding whether to split chunks and whether to inline sources into source maps. ([#3768](https://github.com/lynx-family/lynx-stack/pull/3768))
+
+- Skip the background runtime wrapper on any asset marked `lynx:main-thread` instead of matching filenames, and mark the main-thread assets of an external bundle by the layer of their modules, so a main-thread entry an external bundle names itself is no longer wrapped. ([#3751](https://github.com/lynx-family/lynx-stack/pull/3751))
+
+- Declare the build host as an optional peer dependency. `@rsbuild/core` covers a plain Rsbuild build, and `@lynx-js/rspeedy` covers an Rspeedy one, so whichever host is installed is version-checked. ([#3678](https://github.com/lynx-family/lynx-stack/pull/3678))
+
+- Add `performance` to the `pluginLynx` options, alongside `output`, and expose it on the config `pluginLynx` provides. Rspeedy maps its `performance.profile` onto it, so a plugin can read the option from the build engine instead of requiring Rspeedy to be the caller. `pluginReactLynx` reads it from there instead of requiring Rspeedy. ([#3691](https://github.com/lynx-family/lynx-stack/pull/3691))
+
+- Honor `output.distPath.intermediate`. The Lynx build engine now resolves the intermediate directory, so the option is no longer ignored by the plugins that emit a Lynx bundle. ([#3676](https://github.com/lynx-family/lynx-stack/pull/3676))
+
+- Accept `@lynx-js/react` 0.126, which ships Preact 11. ([#3450](https://github.com/lynx-family/lynx-stack/pull/3450))
+
+- Apply the Lynx build engine to `rslib` builds: module resolution, SWC transforms, bundler target, output, minification (JS and CSS), source maps and debug metadata now match an application build. The plugins that load or serve a bundle stay off, since `rslib` assembles its own. ([#3696](https://github.com/lynx-family/lynx-stack/pull/3696))
+
+- `pluginReactLynx` registers the encoders and the background runtime wrapper for every caller, and `WebEncodePlugin` routes the custom sections of a bundle without a root into the slots the web runtime reads. `@lynx-js/lynx-bundle-rslib-config` only sets the template plugin and the main-thread wrapper up now. ([#3744](https://github.com/lynx-family/lynx-stack/pull/3744))
+
+- Expose `Symbol.for('LynxTemplatePlugin')` from `pluginLynx` instead of from each DSL plugin, so the plugins that tap the template hooks work with the build engine alone. ([#3675](https://github.com/lynx-family/lynx-stack/pull/3675))
+
+- Skip the built-in `pluginLynx` when one is already applied, so a user who needs to configure the Lynx build engine can apply `pluginLynx` themselves and have their options win. `@lynx-js/rspeedy` becomes an optional peer dependency of `pluginReactLynx` and `pluginQRCode`. ([#3661](https://github.com/lynx-family/lynx-stack/pull/3661))
+- Updated dependencies [[`643a52d`](https://github.com/lynx-family/lynx-stack/commit/643a52d9aefb327ca5a090cb052fd9b08cefbba6), [`76126fc`](https://github.com/lynx-family/lynx-stack/commit/76126fcad0f16e649c372d22c013e90ad88640df), [`b854dec`](https://github.com/lynx-family/lynx-stack/commit/b854dec62d48a09f60abc0632ba541bbdffda31f), [`c21cddd`](https://github.com/lynx-family/lynx-stack/commit/c21cddd0b75290330b6891f041db63ee5b28f492), [`f743e12`](https://github.com/lynx-family/lynx-stack/commit/f743e123e058d8f97720b1ce8c4a3d6601c8f7be), [`9bbfe5d`](https://github.com/lynx-family/lynx-stack/commit/9bbfe5d6e5367fbbaacc0129559e7b1d823038ad), [`5637926`](https://github.com/lynx-family/lynx-stack/commit/5637926c579bac5e9b78a02b982b1110cf4421d4), [`cdceffc`](https://github.com/lynx-family/lynx-stack/commit/cdceffc6f3fb9ac7b5ce1f48b7edb53c7788c057), [`6da3e18`](https://github.com/lynx-family/lynx-stack/commit/6da3e189f58637e14318782c176ed5970b59f75d), [`754ed35`](https://github.com/lynx-family/lynx-stack/commit/754ed35f8063c9333b75a7a7bbb264cb19c5cc51), [`5637926`](https://github.com/lynx-family/lynx-stack/commit/5637926c579bac5e9b78a02b982b1110cf4421d4), [`ab041b7`](https://github.com/lynx-family/lynx-stack/commit/ab041b72bc0d93e22f542b5963e221b6bd3f39e8), [`0a52438`](https://github.com/lynx-family/lynx-stack/commit/0a524389500421bb07e6a69366879e453d5d1d09), [`c6f971a`](https://github.com/lynx-family/lynx-stack/commit/c6f971a31fc0c54b98458c01f8c39a0828fe198c), [`0c47383`](https://github.com/lynx-family/lynx-stack/commit/0c4738342365ed4670ec659df5ede683e5aa2529), [`b3c6045`](https://github.com/lynx-family/lynx-stack/commit/b3c604544f84f1c600fb42468b05f7d73c120ad3), [`08a36e3`](https://github.com/lynx-family/lynx-stack/commit/08a36e39a5ba336946335d55a29efba1750e65ad), [`abab087`](https://github.com/lynx-family/lynx-stack/commit/abab087d0a4ce2e993c2417ce7bbf17e585ac972), [`32ba734`](https://github.com/lynx-family/lynx-stack/commit/32ba7347d1733eb4b2e19e95d7b7415ae78e23d2), [`7850e1e`](https://github.com/lynx-family/lynx-stack/commit/7850e1edb6f02ef2d332b756cd6e1a6ae6584368), [`3ab5ba3`](https://github.com/lynx-family/lynx-stack/commit/3ab5ba3fb738c368cfca6b6a5fc8c4ea323de124), [`eaefef6`](https://github.com/lynx-family/lynx-stack/commit/eaefef64d9874a8236d99b8abe17978d803a02da), [`e2ac811`](https://github.com/lynx-family/lynx-stack/commit/e2ac811c48535672bb14e4662f38dbebf0276167), [`0be26e9`](https://github.com/lynx-family/lynx-stack/commit/0be26e91d362041d1b0f568d15828d92f0ed2a6d), [`3d63331`](https://github.com/lynx-family/lynx-stack/commit/3d63331dc861bf3180f975ca54d4e7d9afd5eb70), [`32ba734`](https://github.com/lynx-family/lynx-stack/commit/32ba7347d1733eb4b2e19e95d7b7415ae78e23d2)]:
+  - @lynx-js/rsbuild-plugin@0.1.0
+  - @lynx-js/react-webpack-plugin@0.11.2
+  - @lynx-js/runtime-config-webpack-plugin@0.0.1
+  - @lynx-js/template-webpack-plugin@0.16.0
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.2.4
+  - @lynx-js/react-alias-rsbuild-plugin@0.20.0
+  - @lynx-js/css-extract-webpack-plugin@0.11.0
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.4.2
+
+## 0.19.1
+
+### Patch Changes
+
+- Apply the Lynx build engine automatically when it is not already applied, so `pluginReactLynx` works with plain Rsbuild. ([#3578](https://github.com/lynx-family/lynx-stack/pull/3578))
+
+- Read the bundle filename from the Rsbuild config instead of the Rspeedy API. ([#3570](https://github.com/lynx-family/lynx-stack/pull/3570))
+
+- Emit the Lynx template for callers other than `rslib` and `rstest`. ([#3572](https://github.com/lynx-family/lynx-stack/pull/3572))
+
+- Widen the `@lynx-js/react` peer dependency range to include 0.125. ([#3551](https://github.com/lynx-family/lynx-stack/pull/3551))
+- Updated dependencies [[`1d08862`](https://github.com/lynx-family/lynx-stack/commit/1d08862ef9a1883fe98f2b9f7dce59d092d14d68), [`99ed745`](https://github.com/lynx-family/lynx-stack/commit/99ed7451d190cd18a45f78f731141994104a054b), [`0d10b79`](https://github.com/lynx-family/lynx-stack/commit/0d10b796d219e6f661709885d9ff2a4e61f4e65b), [`0d10b79`](https://github.com/lynx-family/lynx-stack/commit/0d10b796d219e6f661709885d9ff2a4e61f4e65b), [`0d10b79`](https://github.com/lynx-family/lynx-stack/commit/0d10b796d219e6f661709885d9ff2a4e61f4e65b), [`0d10b79`](https://github.com/lynx-family/lynx-stack/commit/0d10b796d219e6f661709885d9ff2a4e61f4e65b), [`92b54ed`](https://github.com/lynx-family/lynx-stack/commit/92b54edba5adea2a4ddd355c821ff25205273479), [`37497d5`](https://github.com/lynx-family/lynx-stack/commit/37497d58fe4e0762d687001d61181ec5e0e650b9)]:
+  - @lynx-js/react-webpack-plugin@0.11.1
+  - @lynx-js/rsbuild-plugin@0.0.3
+  - @lynx-js/react-alias-rsbuild-plugin@0.19.1
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.4.2
+  - @lynx-js/css-extract-webpack-plugin@0.10.1
+  - @lynx-js/template-webpack-plugin@0.15.2
+
 ## 0.19.0
 
 ### Minor Changes

package/dist/index.js

@@ -1,11 +1,30 @@
 import { createRequire } from "node:module";
 import { pluginReactAlias } from "@lynx-js/react-alias-rsbuild-plugin";
 import { LAYERS, ReactWebpackPlugin } from "@lynx-js/react-webpack-plugin";
-import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
+import { isPluginLynxRegistered, pluginLynx } from "@lynx-js/rsbuild-plugin";
 import node_path from "node:path";
 import { fileURLToPath } from "node:url";
+import { RuntimeConfigWebpackPlugin } from "@lynx-js/runtime-config-webpack-plugin";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
+import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { ReactRefreshRspackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
+function pluginAutoLynx() {
+    return {
+        name: 'lynx:react:auto-lynx',
+        async setup (api) {
+            if ('rstest' === api.context.callerName) return;
+            const { environments } = api.getRsbuildConfig('original');
+            if (isPluginLynxRegistered(api, Object.keys(environments ?? {}))) return;
+            const original = api.getRsbuildConfig('original');
+            for (const plugin of pluginLynx()){
+                const { action } = api.context;
+                if ('function' != typeof plugin.apply || plugin.apply(original, {
+                    action
+                })) await plugin.setup(api);
+            }
+        }
+    };
+}
 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';
@@ -126,53 +145,94 @@ function meetsMinEngineVersion(actual, min) {
     }
     return true;
 }
+const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
+function getUserSplitChunks(config, environment) {
+    const scoped = config.environments?.[environment];
+    return {
+        splitChunks: scoped?.splitChunks ?? config.splitChunks,
+        chunkSplitStrategy: scoped?.performance?.chunkSplit?.strategy ?? config.performance?.chunkSplit?.strategy
+    };
+}
+const applySplitChunksRule = (api)=>{
+    api.modifyEnvironmentConfig((config, { name, mergeEnvironmentConfig })=>{
+        const { splitChunks, chunkSplitStrategy } = getUserSplitChunks(api.getRsbuildConfig('original'), name);
+        if (void 0 === splitChunks && ('all-in-one' === chunkSplitStrategy || !chunkSplitStrategy)) return mergeEnvironmentConfig(config, {
+            splitChunks: false
+        });
+        return config;
+    });
+    api.modifyBundlerChain((chain, { environment })=>{
+        const { config } = environment;
+        const { splitChunks, chunkSplitStrategy } = getUserSplitChunks(api.getRsbuildConfig('original'), environment.name);
+        const isSplitByExperience = void 0 === splitChunks ? 'split-by-experience' === chunkSplitStrategy : isPlainObject(config.splitChunks) && 'default' === config.splitChunks.preset;
+        if (!isSplitByExperience) return;
+        const currentConfig = chain.optimization.splitChunks.values();
+        if (!isPlainObject(currentConfig)) return;
+        const extraGroups = {};
+        extraGroups['preact'] = {
+            name: 'lib-preact',
+            test: /node_modules[\\/](.*?[\\/])?(?:(?:internal-)?preact|(?:internal-)?preact[\\/]compat|(?:internal-)?preact[\\/]hooks|(?:internal-)?preact[\\/]jsx-runtime)[\\/]/,
+            priority: 0
+        };
+        chain.optimization.splitChunks({
+            ...currentConfig,
+            cacheGroups: {
+                ...currentConfig.cacheGroups,
+                ...extraGroups
+            }
+        });
+    });
+    api.modifyRspackConfig((rspackConfig)=>{
+        if (!rspackConfig.optimization) return rspackConfig;
+        if (!rspackConfig.optimization.splitChunks) return rspackConfig;
+        rspackConfig.optimization.splitChunks.chunks = function(chunk) {
+            return !chunk.name?.includes('__main-thread');
+        };
+        return rspackConfig;
+    });
+};
+const S_LYNX_CONFIG = Symbol.for('@lynx-js/rsbuild-plugin:config');
 const PLUGIN_NAME_REACT = 'lynx:react';
+const PLUGIN_NAME_RUNTIME_CONFIG = 'lynx:runtime-config';
 const PLUGIN_NAME_TEMPLATE = 'lynx:template';
 const PLUGIN_NAME_RUNTIME_WRAPPER = 'lynx:runtime-wrapper';
 const PLUGIN_NAME_WEB = 'lynx:web';
-const DEFAULT_DIST_PATH_INTERMEDIATE = '.rspeedy';
 const DEFAULT_FILENAME_HASH = '.[contenthash:8]';
 const EMPTY_HASH = '';
 function applyEntry(api, options) {
     const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableRemoveCSSScope, firstScreenSyncTiming, globalPropsMode, enableSSR, removeDescendantSelectorScope, targetSdkVersion, extractStr: originalExtractStr, experimental_isLazyBundle, experimental_transformBuiltinAttributeNames } = options;
     const lazyBundleFetcher = resolveLazyBundleFetcher(targetSdkVersion);
+    const runtimeConfig = {};
+    if (experimental_transformBuiltinAttributeNames) runtimeConfig['transformBuiltinAttributeNames'] = experimental_transformBuiltinAttributeNames;
     api.modifyBundlerChain(async (chain, { environment, isDev, isProd })=>{
         const mainThreadChunks = [];
         const entryPairs = [];
-        const rsbuildConfig = api.getRsbuildConfig();
-        const userConfig = api.getRsbuildConfig('original');
-        const chunkSplitStrategy = userConfig.performance?.chunkSplit?.strategy;
-        const enableChunkSplitting = void 0 === userConfig.splitChunks ? chunkSplitStrategy ? 'all-in-one' !== chunkSplitStrategy : false !== rsbuildConfig.splitChunks : false !== rsbuildConfig.splitChunks;
+        const { splitChunks, chunkSplitStrategy } = getUserSplitChunks(api.getRsbuildConfig('original'), environment.name);
+        const enableChunkSplitting = void 0 === splitChunks ? chunkSplitStrategy ? 'all-in-one' !== chunkSplitStrategy : false !== environment.config.splitChunks : false !== environment.config.splitChunks;
         const rspeedyConfig = 'rspeedy' === api.context.callerName ? api.useExposed(Symbol.for('rspeedy.api'))?.config : void 0;
-        const isRspeedy = 'rspeedy' === api.context.callerName;
-        if (isRspeedy) {
+        const lynxConfig = api.useExposed(S_LYNX_CONFIG);
+        const isLynx = 'lynx' === environment.name || environment.name.startsWith('lynx-');
+        const isWeb = 'web' === environment.name || environment.name.startsWith('web-');
+        const isApplication = 'rslib' !== api.context.callerName && 'rstest' !== api.context.callerName;
+        if (isApplication) {
+            if (!lynxConfig) throw new Error('No Lynx config exposed. `pluginLynx` has to be applied for the Lynx build engine to be configured.');
             const entries = chain.entryPoints.entries() ?? {};
-            const isLynx = 'lynx' === environment.name || environment.name.startsWith('lynx-');
-            const isWeb = 'web' === environment.name || environment.name.startsWith('web-');
             const { hmr, liveReload } = environment.config.dev ?? {};
             const enabledHMR = isDev && false !== hmr;
             const enabledLiveReload = isDev && false !== liveReload;
             chain.entryPoints.clear();
             Object.entries(entries).forEach(([entryName, entryPoint])=>{
                 const { imports } = getChunks(entryName, entryPoint.values());
-                const bundleFilename = 'object' == typeof rspeedyConfig?.output?.filename ? rspeedyConfig.output.filename.bundle ?? rspeedyConfig.output.filename.template : rspeedyConfig?.output?.filename;
-                let templateFilename;
-                let lazyBundleFilename;
-                if ('function' == typeof bundleFilename) {
-                    templateFilename = bundleFilename({
-                        lazyBundle: false,
-                        entryName,
-                        platform: environment.name
-                    });
-                    lazyBundleFilename = bundleFilename({
-                        lazyBundle: true,
-                        entryName: void 0,
-                        platform: environment.name
-                    }).replaceAll('[platform]', environment.name);
-                } else templateFilename = bundleFilename ?? '[name].[platform].bundle';
+                const templateFilename = lynxConfig.resolveBundleFilename({
+                    entryName,
+                    platform: environment.name
+                });
+                const lazyBundleFilename = lynxConfig.resolveLazyBundleFilename({
+                    platform: environment.name
+                });
                 const mainThreadEntry = `${entryName}__main-thread`;
-                const mainThreadName = node_path.posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${entryName}/main-thread.js`);
-                const backgroundName = node_path.posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd, experimental_isLazyBundle));
+                const mainThreadName = node_path.posix.join(isLynx ? lynxConfig.resolveIntermediateDir() : '', `${entryName}/main-thread.js`);
+                const backgroundName = node_path.posix.join(isLynx ? lynxConfig.resolveIntermediateDir() : '', getBackgroundFilename(entryName, environment.config, isProd, experimental_isLazyBundle));
                 const backgroundEntry = entryName;
                 mainThreadChunks.push(mainThreadName);
                 entryPairs.push({
@@ -213,11 +273,13 @@ function applyEntry(api, options) {
                             mainThreadEntry,
                             backgroundEntry
                         ],
-                        filename: templateFilename.replaceAll('[name]', entryName).replaceAll('[platform]', environment.name),
+                        filename: templateFilename,
                         ...lazyBundleFilename ? {
                             lazyBundleFilename
                         } : {},
-                        intermediate: node_path.posix.join(DEFAULT_DIST_PATH_INTERMEDIATE, entryName),
+                        intermediate: lynxConfig.resolveIntermediateDir({
+                            entryName
+                        }),
                         customCSSInheritanceList,
                         debugInfoOutside,
                         defaultDisplayLinear,
@@ -236,35 +298,34 @@ function applyEntry(api, options) {
                     }
                 ]).end();
             });
-            if (isLynx) {
-                let inlineScripts;
-                inlineScripts = experimental_isLazyBundle ? true : environment.config.output?.inlineScripts ?? !enableChunkSplitting;
-                chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(RuntimeWrapperWebpackPlugin, [
-                    {
-                        injectVars (vars) {
-                            const UNUSED_VARS = new Set([
-                                'Card',
-                                'Component',
-                                'ReactLynx',
-                                'Behavior'
-                            ]);
-                            return vars.map((name)=>{
-                                if (UNUSED_VARS.has(name)) return `__${name}`;
-                                return name;
-                            });
-                        },
-                        targetSdkVersion,
-                        test: /^(?!.*main-thread(?:\.[A-Fa-f0-9]*)?\.js$).*\.js$/,
-                        experimental_isLazyBundle
-                    }
-                ]).end().plugin(`${LynxEncodePlugin.name}`).use(LynxEncodePlugin, [
-                    {
-                        inlineScripts
-                    }
-                ]).end();
-            }
-            if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(WebEncodePlugin, []).end();
         }
+        if (isLynx) {
+            let inlineScripts;
+            inlineScripts = experimental_isLazyBundle ? true : environment.config.output?.inlineScripts ?? !enableChunkSplitting;
+            chain.plugin(PLUGIN_NAME_RUNTIME_WRAPPER).use(RuntimeWrapperWebpackPlugin, [
+                {
+                    injectVars (vars) {
+                        const UNUSED_VARS = new Set([
+                            'Card',
+                            'Component',
+                            'ReactLynx',
+                            'Behavior'
+                        ]);
+                        return vars.map((name)=>{
+                            if (UNUSED_VARS.has(name)) return `__${name}`;
+                            return name;
+                        });
+                    },
+                    targetSdkVersion,
+                    experimental_isLazyBundle
+                }
+            ]).end().plugin(`${LynxEncodePlugin.name}`).use(LynxEncodePlugin, [
+                {
+                    inlineScripts
+                }
+            ]).end();
+        }
+        if (isWeb) chain.plugin(PLUGIN_NAME_WEB).use(WebEncodePlugin, []).end();
         let extractStr = originalExtractStr;
         if (enableChunkSplitting && originalExtractStr) {
             (api.logger ?? console).warn('`extractStr` is changed to `false` because it is only supported when chunk splitting is disabled, please set `splitChunks` to `false` to use `extractStr.`');
@@ -282,16 +343,19 @@ function applyEntry(api, options) {
                 extractStr,
                 experimental_isLazyBundle,
                 experimental_useElementTemplate: options.experimental_useElementTemplate,
-                experimental_transformBuiltinAttributeNames,
                 profile: getDefaultProfile(),
                 workletRuntimePath: await resolve(`@lynx-js/react/${isDev ? 'worklet-dev-runtime' : 'worklet-runtime'}`),
                 lazyBundleFetcher
             }
         ]);
+        const isHostEnvironment = isApplication && !experimental_isLazyBundle;
+        if (isHostEnvironment && Object.keys(runtimeConfig).length > 0) chain.plugin(PLUGIN_NAME_RUNTIME_CONFIG).after(PLUGIN_NAME_REACT).use(RuntimeConfigWebpackPlugin, [
+            runtimeConfig
+        ]);
         function getDefaultProfile() {
             const environmentProfile = rspeedyConfig?.environments?.[environment.name]?.performance?.profile;
             if (void 0 !== environmentProfile) return environmentProfile;
-            const userProfile = rspeedyConfig?.performance?.profile;
+            const userProfile = lynxConfig?.performance.profile;
             if (void 0 !== userProfile) return userProfile;
             if (isDebug()) return true;
         }
@@ -301,6 +365,7 @@ const isDebug = ()=>{
     if (!process.env['DEBUG']) return false;
     const values = process.env['DEBUG'].toLocaleLowerCase().split(',');
     return [
+        'lynx',
         'rspeedy',
         '*'
     ].some((key)=>values.includes(key));
@@ -373,8 +438,7 @@ const MAIN_THREAD_ENV_INCLUDE = [
 const MAIN_THREAD_ENV_TARGETS = {
     chrome: '120'
 };
-function getLoaderOptions(api, options, isMainThread = false) {
-    const { output } = api.getRsbuildConfig();
+function getLoaderOptions(output, options, isMainThread = false) {
     const inlineSourcesContent = output?.sourceMap === true || !(output?.sourceMap === false || output?.sourceMap?.js === false || output?.sourceMap?.js?.includes('nosources'));
     const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, enableUiSourceMap, experimental_transformBuiltinAttributeNames, experimental_isLazyBundle, experimental_useElementTemplate } = options;
     return {
@@ -394,13 +458,13 @@ function getLoaderOptions(api, options, isMainThread = false) {
 }
 const TESTING_RULE_NAME = 'react:testing';
 function applyTestingLoaders(api, options) {
-    api.modifyBundlerChain((chain, { CHAIN_ID })=>{
+    api.modifyBundlerChain((chain, { CHAIN_ID, environment })=>{
         const rule = chain.module.rule(CHAIN_ID.RULE.JS).oneOf(CHAIN_ID.ONE_OF.JS_MAIN);
-        rule.use(TESTING_RULE_NAME).loader(ReactWebpackPlugin.loaders.TESTING).options(getLoaderOptions(api, options)).end();
+        rule.use(TESTING_RULE_NAME).loader(ReactWebpackPlugin.loaders.TESTING).options(getLoaderOptions(environment.config.output, options)).end();
     });
 }
 function applyLoaders(api, options) {
-    api.modifyBundlerChain((chain, { CHAIN_ID })=>{
+    api.modifyBundlerChain((chain, { CHAIN_ID, environment })=>{
         const rule = chain.module.rule(CHAIN_ID.RULE.JS);
         const jsMainRule = rule.oneOf(CHAIN_ID.ONE_OF.JS_MAIN);
         const type = jsMainRule.get('type');
@@ -409,7 +473,7 @@ function applyLoaders(api, options) {
         const backgroundRule = jsMainRule.oneOf(LAYERS.BACKGROUND);
         backgroundRule.issuerLayer(LAYERS.BACKGROUND).when(void 0 !== type, (rule)=>{
             rule.type(type);
-        }).uses.merge(uses).end().use(LAYERS.BACKGROUND).loader(ReactWebpackPlugin.loaders.BACKGROUND).options(getLoaderOptions(api, options)).end();
+        }).uses.merge(uses).end().use(LAYERS.BACKGROUND).loader(ReactWebpackPlugin.loaders.BACKGROUND).options(getLoaderOptions(environment.config.output, options)).end();
         const mainThreadRule = jsMainRule.oneOf(LAYERS.MAIN_THREAD);
         mainThreadRule.issuerLayer(LAYERS.MAIN_THREAD).when(void 0 !== type, (rule)=>{
             rule.type(type);
@@ -433,7 +497,7 @@ function applyLoaders(api, options) {
                     ]
                 }
             });
-        }).use(LAYERS.MAIN_THREAD).loader(ReactWebpackPlugin.loaders.MAIN_THREAD).options(getLoaderOptions(api, options, true)).end();
+        }).use(LAYERS.MAIN_THREAD).loader(ReactWebpackPlugin.loaders.MAIN_THREAD).options(getLoaderOptions(environment.config.output, options, true)).end();
     });
 }
 function applyNodeEnv(api) {
@@ -500,46 +564,6 @@ async function applyRefreshRules(api, chain, CHAIN_ID, ReactRefreshPlugin) {
     chain.resolve.alias.set('@lynx-js/react/refresh$', refresh);
     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(node_path.dirname(reactRuntime)).add(node_path.dirname(refresh)).add(node_path.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)=>{
-    api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
-        const userConfig = api.getRsbuildConfig('original');
-        const chunkSplitStrategy = userConfig.performance?.chunkSplit?.strategy;
-        if (void 0 === userConfig.splitChunks && ('all-in-one' === chunkSplitStrategy || !chunkSplitStrategy)) return mergeRsbuildConfig(config, {
-            splitChunks: false
-        });
-        return config;
-    });
-    api.modifyBundlerChain((chain, { environment })=>{
-        const { config } = environment;
-        const userConfig = api.getRsbuildConfig('original');
-        const isSplitByExperience = void 0 === userConfig.splitChunks ? userConfig.performance?.chunkSplit?.strategy === 'split-by-experience' : isPlainObject(config.splitChunks) && 'default' === config.splitChunks.preset;
-        if (!isSplitByExperience) return;
-        const currentConfig = chain.optimization.splitChunks.values();
-        if (!isPlainObject(currentConfig)) return;
-        const extraGroups = {};
-        extraGroups['preact'] = {
-            name: 'lib-preact',
-            test: /node_modules[\\/](.*?[\\/])?(?:(?:internal-)?preact|(?:internal-)?preact[\\/]compat|(?:internal-)?preact[\\/]hooks|(?:internal-)?preact[\\/]jsx-runtime)[\\/]/,
-            priority: 0
-        };
-        chain.optimization.splitChunks({
-            ...currentConfig,
-            cacheGroups: {
-                ...currentConfig.cacheGroups,
-                ...extraGroups
-            }
-        });
-    });
-    api.modifyRspackConfig((rspackConfig)=>{
-        if (!rspackConfig.optimization) return rspackConfig;
-        if (!rspackConfig.optimization.splitChunks) return rspackConfig;
-        rspackConfig.optimization.splitChunks.chunks = function(chunk) {
-            return !chunk.name?.includes('__main-thread');
-        };
-        return rspackConfig;
-    });
-};
 function applySWC(api) {
     api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>mergeRsbuildConfig({
             tools: {
@@ -1428,6 +1452,7 @@ function pluginReactLynx(userOptions) {
         engineVersion
     });
     return [
+        pluginAutoLynx(),
         pluginReactAlias({
             lazy: resolvedOptions.experimental_isLazyBundle,
             elementTemplate: resolvedOptions.experimental_useElementTemplate,
@@ -1489,11 +1514,6 @@ function pluginReactLynx(userOptions) {
                 if (resolvedOptions.optimizeBundleSize) applyOptimizeBundleSize(api, resolvedOptions);
                 if (resolvedOptions.experimental_isLazyBundle) applyLazy(api);
                 api.expose(Symbol.for('LAYERS'), LAYERS);
-                api.expose(Symbol.for('LynxTemplatePlugin'), {
-                    LynxTemplatePlugin: {
-                        getLynxTemplatePluginHooks: LynxTemplatePlugin.getLynxTemplatePluginHooks.bind(LynxTemplatePlugin)
-                    }
-                });
                 const require = createRequire(import.meta.url);
                 const { version } = require('../package.json');
                 const webpackPluginPath = require.resolve('@lynx-js/react-webpack-plugin');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,21 +33,23 @@
   ],
   "dependencies": {
     "tiny-invariant": "^1.3.3",
-    "@lynx-js/css-extract-webpack-plugin": "0.10.1",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.19.0",
+    "@lynx-js/css-extract-webpack-plugin": "0.11.0",
+    "@lynx-js/react-webpack-plugin": "0.11.2",
     "@lynx-js/react-refresh-webpack-plugin": "0.4.2",
-    "@lynx-js/react-webpack-plugin": "0.11.0",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.2.3",
-    "@lynx-js/template-webpack-plugin": "0.15.1",
+    "@lynx-js/rsbuild-plugin": "0.1.0",
+    "@lynx-js/runtime-config-webpack-plugin": "0.0.1",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.20.0",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.2.4",
+    "@lynx-js/template-webpack-plugin": "0.16.0",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.58.12",
-    "@rsbuild/core": "2.1.10",
+    "@rsbuild/core": "2.2.3",
     "@rsbuild/plugin-sass": "2.0.1",
     "@rsbuild/plugin-typed-css-modules": "1.2.4",
-    "@rstest/core": "0.11.6",
+    "@rstest/core": "0.11.12",
     "rsbuild-plugin-arethetypeswrong": "0.3.1",
     "rsbuild-plugin-publint": "1.0.0",
     "source-map": "^0.8.0",
@@ -55,19 +57,27 @@
     "type-fest": "^5.8.0",
     "typia": "12.1.1",
     "typia-rspack-plugin": "3.0.1",
-    "@lynx-js/config-rsbuild-plugin": "0.2.2",
+    "@lynx-js/config-rsbuild-plugin": "0.2.3",
     "@lynx-js/debug-metadata": "0.1.0",
-    "@lynx-js/react": "0.124.0",
+    "@lynx-js/react": "0.126.0",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.16.4",
+    "@lynx-js/rspeedy": "0.17.0",
     "@lynx-js/test-tools": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "^0.124.0"
+    "@lynx-js/react": "^0.124.0 || ^0.125.0 || ^0.126.0",
+    "@lynx-js/rspeedy": "^0.17.0",
+    "@rsbuild/core": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {
       "optional": true
+    },
+    "@lynx-js/rspeedy": {
+      "optional": true
+    },
+    "@rsbuild/core": {
+      "optional": true
     }
   },
   "engines": {