@rsbuild/core 1.5.12 → 1.5.13

package/dist/index.cjs

@@ -1563,6 +1563,12 @@ var __webpack_modules__ = {
         "use strict";
         module.exports = require("url");
     },
+    "../../compiled/@jridgewell/trace-mapping/index.js": function(module) {
+        "use strict";
+        module.exports = import("../compiled/@jridgewell/trace-mapping/index.js").then(function(module) {
+            return module;
+        });
+    },
     "../../compiled/chokidar/index.js": function(module) {
         "use strict";
         module.exports = import("../compiled/chokidar/index.js").then(function(module) {
@@ -2627,6 +2633,8 @@ for(var __webpack_i__ in (()=>{
         let message;
         if ('object' == typeof stats) {
             let fileName = function(stats) {
+                let file = stats.file || stats.moduleName;
+                if (file) return formatFileName(file);
                 if (stats.moduleIdentifier) {
                     let matched = stats.moduleIdentifier.match(/(?:!|^)([^!]+)$/);
                     if (matched) {
@@ -2634,8 +2642,7 @@ for(var __webpack_i__ in (()=>{
                         if (fileName) return formatFileName(fileName);
                     }
                 }
-                let file = stats.file || stats.moduleName;
-                return file ? formatFileName(file) : '';
+                return '';
             }(stats), mainMessage = stats.message, details = verbose && stats.details ? `\nDetails: ${stats.details}\n` : '', stack = verbose && stats.stack ? `\n${stats.stack}` : '', moduleTrace = function(stats) {
                 let traceStr = '';
                 if (stats.moduleTrace) for (let trace of stats.moduleTrace)trace.originName && (traceStr += `\n @ ${trace.originName}`);
@@ -3519,6 +3526,7 @@ ${section.body}` : section.body).join("\n\n"));
             dev: {
                 hmr: !0,
                 liveReload: !0,
+                browserLogs: !0,
                 watchFiles: [],
                 assetPrefix: DEFAULT_ASSET_PREFIX,
                 writeToDisk: !1,
@@ -3868,7 +3876,7 @@ ${section.body}` : section.body).join("\n\n"));
     async function createContext(options, userConfig) {
         let { cwd } = options, rootPath = userConfig.root ? ensureAbsolutePath(cwd, userConfig.root) : cwd, rsbuildConfig = await withDefaultConfig(rootPath, userConfig), cachePath = (0, external_node_path_.join)(rootPath, 'node_modules', '.cache'), specifiedEnvironments = options.environment && options.environment.length > 0 ? options.environment : void 0, bundlerType = userConfig.provider ? 'webpack' : 'rspack';
         return {
-            version: "1.5.12",
+            version: "1.5.13",
             rootPath,
             distPath: '',
             cachePath,
@@ -3904,7 +3912,11 @@ ${section.body}` : section.body).join("\n\n"));
                 ...rsbuildConfig
             },
             originalConfig: userConfig,
-            specifiedEnvironments
+            specifiedEnvironments,
+            buildState: {
+                status: 'idle',
+                hasErrors: !1
+            }
         };
     }
     let normalizePluginObject = (plugin)=>{
@@ -4086,7 +4098,6 @@ ${section.body}` : section.body).join("\n\n"));
             STYLUS_RAW: 'stylus-raw',
             STYLUS_INLINE: 'stylus-inline',
             SVG: 'svg',
-            PUG: 'pug',
             VUE: 'vue',
             WASM: 'wasm',
             SVELTE: 'svelte'
@@ -4106,7 +4117,6 @@ ${section.body}` : section.body).join("\n\n"));
             LESS: 'less',
             STYLUS: 'stylus',
             URL: 'url',
-            PUG: 'pug',
             VUE: 'vue',
             SWC: 'swc',
             SVGR: 'svgr',
@@ -4237,6 +4247,7 @@ ${section.body}` : section.body).join("\n\n"));
         'hmr',
         'client',
         'liveReload',
+        'browserLogs',
         'writeToDisk',
         'assetPrefix',
         'progressBar',
@@ -4412,7 +4423,7 @@ ${section.body}` : section.body).join("\n\n"));
     async function createCompiler_createCompiler(options) {
         let version;
         index_js_namespaceObject.logger.debug('creating compiler');
-        let { context } = options, { rspackConfigs } = await initConfigs(options);
+        let HOOK_NAME = 'rsbuild:compiler', { context } = options, { rspackConfigs } = await initConfigs(options);
         if (await context.hooks.onBeforeCreateCompiler.callBatch({
             bundlerConfigs: rspackConfigs,
             environments: context.environments
@@ -4428,7 +4439,7 @@ ${section.body}` : section.body).join("\n\n"));
         let isMultiCompiler = rspackConfigs.length > 1, compiler = isMultiCompiler ? rspack_rspack(rspackConfigs) : rspack_rspack(rspackConfigs[0]), isVersionLogged = !1, isCompiling = !1, logRspackVersion = ()=>{
             isVersionLogged || (index_js_namespaceObject.logger.debug(`using Rspack v${rspack_rspack.rspackVersion}`), isVersionLogged = !0);
         }, lazyModules = new Set();
-        return compiler.hooks.infrastructureLog.tap('rsbuild:compiling', (name, _, args)=>{
+        return compiler.hooks.infrastructureLog.tap(HOOK_NAME, (name, _, args)=>{
             let log = args[0];
             if ('LazyCompilation' === name && 'string' == typeof log && log.startsWith('lazy-compilation-proxy')) {
                 let resource = log.split(' ')[0];
@@ -4439,8 +4450,10 @@ ${section.body}` : section.body).join("\n\n"));
                     lazyModules.add(relativePath);
                 }
             }
-        }), compiler.hooks.watchRun.tap('rsbuild:compiling', (compiler)=>{
-            logRspackVersion(), isCompiling || function(compiler, context, lazyModules) {
+        }), compiler.hooks.run.tap(HOOK_NAME, ()=>{
+            context.buildState.status = 'building';
+        }), compiler.hooks.watchRun.tap(HOOK_NAME, (compiler)=>{
+            context.buildState.status = 'building', logRspackVersion(), isCompiling || function(compiler, context, lazyModules) {
                 let { modifiedFiles } = compiler, changedFiles = modifiedFiles?.size ? Array.from(modifiedFiles) : lazyModules.size ? Array.from(lazyModules) : null;
                 if (changedFiles?.length) {
                     let fileInfo = formatFileList(changedFiles, context.rootPath);
@@ -4455,28 +4468,30 @@ ${section.body}` : section.body).join("\n\n"));
                 }
                 index_js_namespaceObject.logger.start('build started...');
             }(compiler, context, lazyModules), lazyModules.size && lazyModules.clear(), isCompiling = !0;
-        }), 'build' === context.action && (isMultiCompiler ? compiler.compilers[0] : compiler).hooks.run.tap('rsbuild:run', ()=>{
+        }), compiler.hooks.invalid.tap(HOOK_NAME, ()=>{
+            context.buildState.status = 'idle', context.buildState.hasErrors = !1;
+        }), 'build' === context.action && (isMultiCompiler ? compiler.compilers[0] : compiler).hooks.run.tap(HOOK_NAME, ()=>{
             index_js_namespaceObject.logger.info('build started...'), logRspackVersion();
-        }), compiler.hooks.done.tap('rsbuild:done', (stats)=>{
-            ((stats)=>{
-                let statsOptions = getStatsOptions(compiler), statsJson = stats.toJson({
-                    children: !0,
-                    moduleTrace: !0,
-                    timings: !0,
-                    preset: 'errors-warnings',
-                    ...statsOptions
-                }), printTime = (c, index)=>{
-                    if (c.time) {
-                        let time = prettyTime(c.time / 1000), { name } = rspackConfigs[index], suffix = name && isMultiCompiler ? picocolors_index_js_default().dim(` (${name})`) : '';
-                        index_js_namespaceObject.logger.ready(`built in ${time}${suffix}`);
-                    }
-                }, hasErrors = stats.hasErrors();
-                hasErrors || (isMultiCompiler && statsJson.children?.length ? statsJson.children.forEach((c, index)=>{
-                    printTime(c, index);
-                }) : printTime(statsJson, 0));
-                let { message, level } = formatStats(statsJson, hasErrors);
-                'error' === level && index_js_namespaceObject.logger.error(message), 'warning' === level && index_js_namespaceObject.logger.warn(message), isCompiling = !1;
-            })(stats);
+        }), compiler.hooks.done.tap(HOOK_NAME, (stats)=>{
+            let hasErrors = stats.hasErrors();
+            context.buildState.hasErrors = hasErrors, context.buildState.status = 'done';
+            let statsOptions = getStatsOptions(compiler), statsJson = stats.toJson({
+                children: !0,
+                moduleTrace: !0,
+                timings: !0,
+                preset: 'errors-warnings',
+                ...statsOptions
+            }), printTime = (c, index)=>{
+                if (c.time) {
+                    let time = prettyTime(c.time / 1000), { name } = rspackConfigs[index], suffix = name && isMultiCompiler ? picocolors_index_js_default().dim(` (${name})`) : '';
+                    index_js_namespaceObject.logger.ready(`built in ${time}${suffix}`);
+                }
+            };
+            hasErrors || (isMultiCompiler && statsJson.children?.length ? statsJson.children.forEach((c, index)=>{
+                printTime(c, index);
+            }) : printTime(statsJson, 0));
+            let { message, level } = formatStats(statsJson, hasErrors);
+            'error' === level && index_js_namespaceObject.logger.error(message), 'warning' === level && index_js_namespaceObject.logger.warn(message), isCompiling = !1;
         }), 'dev' === context.action && registerDevHook({
             context,
             compiler,
@@ -5897,75 +5912,74 @@ ${section.body}` : section.body).join("\n\n"));
                 }
             };
         }
-    }, swc_require = (0, external_node_module_.createRequire)(__rslib_import_meta_url__), builtinSwcLoaderName = 'builtin:swc-loader', isCliShortcutsEnabled = (config)=>config.dev.cliShortcuts && isTTY('stdin');
-    async function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls, restartServer, customShortcuts }) {
-        let shortcuts = [
-            {
-                key: 'c',
-                description: `${picocolors_index_js_default().bold('c + enter')}  ${picocolors_index_js_default().dim('clear console')}`,
-                action: ()=>{
-                    console.clear();
+    }, swc_require = (0, external_node_module_.createRequire)(__rslib_import_meta_url__), builtinSwcLoaderName = 'builtin:swc-loader';
+    async function getLocalhostResolvedAddress() {
+        let { promises: dns } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "node:dns")), [defaultLookup, explicitLookup] = await Promise.all([
+            dns.lookup('localhost'),
+            dns.lookup('localhost', {
+                verbatim: !0
+            })
+        ]);
+        return defaultLookup.family === explicitLookup.family && defaultLookup.address === explicitLookup.address ? void 0 : defaultLookup.address;
+    }
+    async function resolveHostname(host = 'localhost') {
+        var host1;
+        if ('localhost' === host) {
+            let resolvedAddress = await getLocalhostResolvedAddress();
+            if (resolvedAddress) return resolvedAddress;
+        }
+        return void 0 === host || (host1 = host, new Set([
+            '0.0.0.0',
+            '::',
+            '0000:0000:0000:0000:0000:0000:0000:0000'
+        ]).has(host1)) ? 'localhost' : host;
+    }
+    var on_finished = __webpack_require__("../../node_modules/.pnpm/on-finished@2.4.1/node_modules/on-finished/index.js"), on_finished_default = __webpack_require__.n(on_finished), range_parser = __webpack_require__("../../node_modules/.pnpm/range-parser@1.2.1/node_modules/range-parser/index.js"), range_parser_default = __webpack_require__.n(range_parser);
+    let matchHtmlRegExp = /["'&<>]/, external_node_querystring_namespaceObject = require("node:querystring"), UP_PATH_REGEXP = /(?:^|[\\/])\.\.(?:[\\/]|$)/;
+    function getFileFromUrl(url, outputFileSystem, environments) {
+        let pathname;
+        try {
+            let urlObject = new URL(url, 'http://localhost');
+            urlObject.pathname && (pathname = (0, external_node_querystring_namespaceObject.unescape)(urlObject.pathname));
+        } catch  {
+            return;
+        }
+        if (pathname) {
+            if (pathname.includes('\0')) return {
+                errorCode: 400
+            };
+            if (UP_PATH_REGEXP.test(external_node_path_default().normalize(`./${pathname}`))) return {
+                errorCode: 403
+            };
+            for (let distPath of new Set(Object.values(environments).map((env)=>env.distPath))){
+                let fsStats, filename = external_node_path_default().join(distPath, pathname);
+                try {
+                    fsStats = outputFileSystem.statSync?.(filename);
+                } catch  {
+                    continue;
                 }
-            },
-            {
-                key: 'o',
-                description: `${picocolors_index_js_default().bold('o + enter')}  ${picocolors_index_js_default().dim('open in browser')}`,
-                action: openPage
-            },
-            {
-                key: 'q',
-                description: `${picocolors_index_js_default().bold('q + enter')}  ${picocolors_index_js_default().dim('quit process')}`,
-                action: async ()=>{
-                    try {
-                        await closeServer();
-                    } finally{
-                        process.exit(0);
+                if (fsStats) {
+                    if (fsStats.isFile()) return {
+                        filename,
+                        fsStats
+                    };
+                    if (fsStats.isDirectory()) {
+                        filename = external_node_path_default().join(filename, 'index.html');
+                        try {
+                            fsStats = outputFileSystem.statSync?.(filename);
+                        } catch  {
+                            continue;
+                        }
+                        if (!fsStats) continue;
+                        if (fsStats.isFile()) return {
+                            filename,
+                            fsStats
+                        };
                     }
                 }
-            },
-            restartServer ? {
-                key: 'r',
-                description: `${picocolors_index_js_default().bold('r + enter')}  ${picocolors_index_js_default().dim('restart server')}`,
-                action: restartServer
-            } : null,
-            {
-                key: 'u',
-                description: `${picocolors_index_js_default().bold('u + enter')}  ${picocolors_index_js_default().dim('show urls')}`,
-                action: printUrls
-            }
-        ].filter(Boolean);
-        if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${picocolors_index_js_default().dim('[rsbuild:config]')} ${picocolors_index_js_default().yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
-        help && index_js_namespaceObject.logger.log(!0 === help ? `  ➜  ${picocolors_index_js_default().dim('press')} ${picocolors_index_js_default().bold('h + enter')} ${picocolors_index_js_default().dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
-        let { createInterface } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "node:readline")), rl = createInterface({
-            input: process.stdin
-        });
-        return rl.on('line', (input)=>{
-            if ('h' === input) {
-                let message = `\n  ${picocolors_index_js_default().bold(picocolors_index_js_default().blue('Shortcuts:'))}\n`;
-                for (let shortcut of shortcuts)message += `  ${shortcut.description}\n`;
-                index_js_namespaceObject.logger.log(message);
             }
-            for (let shortcut of shortcuts)if (input === shortcut.key) return void shortcut.action();
-        }), ()=>{
-            rl.close();
-        };
-    }
-    var on_finished = __webpack_require__("../../node_modules/.pnpm/on-finished@2.4.1/node_modules/on-finished/index.js"), on_finished_default = __webpack_require__.n(on_finished), range_parser = __webpack_require__("../../node_modules/.pnpm/range-parser@1.2.1/node_modules/range-parser/index.js"), range_parser_default = __webpack_require__.n(range_parser);
-    let matchHtmlRegExp = /["'&<>]/, external_node_querystring_namespaceObject = require("node:querystring");
-    function memorize(fn, { cache = new Map() } = {}, callback) {
-        return (...arguments_)=>{
-            let [key] = arguments_, cacheItem = cache.get(key);
-            if (cacheItem) return cacheItem.data;
-            let result = fn.apply(void 0, arguments_);
-            return callback && (result = callback(result)), cache.set(key, {
-                data: result
-            }), result;
-        };
+        }
     }
-    let memoizedParse = memorize(external_node_url_.parse, void 0, (value)=>{
-        var input;
-        return value.pathname && (input = value.pathname, value.pathname = (0, external_node_querystring_namespaceObject.unescape)(input)), value;
-    }), UP_PATH_REGEXP = /(?:^|[\\/])\.\.(?:[\\/]|$)/;
     function parseTokenList(str) {
         let end = 0, start = 0, list = [];
         for(let i = 0, len = str.length; i < len; i++)switch(str.charCodeAt(i)){
@@ -5980,9 +5994,6 @@ ${section.body}` : section.body).join("\n\n"));
         }
         return start !== end && list.push(str.substring(start, end)), list;
     }
-    function ready(context, callback) {
-        context.state ? callback(context.stats) : context.callbacks.push(callback);
-    }
     async function getContentType(str) {
         let { lookup } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/mrmime/index.js")), mime = lookup(str);
         return !!mime && ((mime.startsWith('text/') || 'application/json' === mime || 'application/manifest+json' === mime) && (mime += '; charset=utf-8'), mime);
@@ -6001,58 +6012,113 @@ ${section.body}` : section.body).join("\n\n"));
         404: 'Not Found',
         416: 'Range Not Satisfiable',
         500: 'Internal Server Error'
-    }, parseRangeHeaders = memorize((value)=>{
+    }, parseRangeHeaders = function(fn, { cache = new Map() } = {}, callback) {
+        return (...arguments_)=>{
+            let [key] = arguments_, cacheItem = cache.get(key);
+            if (cacheItem) return cacheItem.data;
+            let result = fn.apply(void 0, arguments_);
+            return cache.set(key, {
+                data: result
+            }), result;
+        };
+    }((value)=>{
         let [len, rangeHeader] = value.split('|');
         return range_parser_default()(Number(len), rangeHeader, {
             combine: !0
         });
-    });
-    async function setupOutputFileSystem(options, compilers) {
-        if (!0 !== options.writeToDisk) {
+    }), acceptedMethods = [
+        'GET',
+        'HEAD'
+    ];
+    async function setupOutputFileSystem(writeToDisk, compilers) {
+        if (!0 !== writeToDisk) {
             let { createFsFromVolume, Volume } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../../compiled/memfs/index.js")), outputFileSystem = createFsFromVolume(new Volume());
             for (let compiler of compilers)compiler.outputFileSystem = outputFileSystem;
         }
         return compilers[0].outputFileSystem;
     }
-    let noop = ()=>{};
-    async function devMiddleware(compiler, options = {}) {
+    let noop = ()=>{}, assets_middleware_require = (0, external_node_module_.createRequire)(__rslib_import_meta_url__), assetsMiddleware = async ({ config, compiler, context, socketServer, resolvedPort })=>{
+        var config1, environments, context1, ready, outputFileSystem;
+        let watching, writeToDiskValues, resolvedHost = await resolveHostname(config.server.host), { environments: environments1 } = context;
+        applyToCompiler(compiler, (compiler, index)=>{
+            let environment = Object.values(environments1).find((env)=>env.index === index);
+            if (!environment) return;
+            let token = environment.webSocketToken;
+            token && (!function({ config, compiler, token, resolvedHost, resolvedPort }) {
+                var devConfig;
+                let clientPaths;
+                if (!((compiler)=>{
+                    let { target } = compiler.options;
+                    return !!target && (Array.isArray(target) ? target.includes('web') : 'web' === target);
+                })(compiler)) return;
+                let clientPaths1 = (devConfig = config.dev, clientPaths = [], (devConfig.hmr || devConfig.liveReload) && (hmrClientPath || (hmrClientPath = assets_middleware_require.resolve('@rsbuild/core/client/hmr')), clientPaths.push(hmrClientPath), devConfig.client?.overlay && (overlayClientPath || (overlayClientPath = assets_middleware_require.resolve('@rsbuild/core/client/overlay')), clientPaths.push(overlayClientPath))), clientPaths);
+                if (!clientPaths1.length) return;
+                let clientConfig = {
+                    ...config.dev.client
+                };
+                for (let clientPath of ('<port>' === clientConfig.port && (clientConfig.port = resolvedPort), new compiler.webpack.DefinePlugin({
+                    RSBUILD_WEB_SOCKET_TOKEN: JSON.stringify(token),
+                    RSBUILD_CLIENT_CONFIG: JSON.stringify(clientConfig),
+                    RSBUILD_SERVER_HOST: JSON.stringify(resolvedHost),
+                    RSBUILD_SERVER_PORT: JSON.stringify(resolvedPort),
+                    RSBUILD_DEV_LIVE_RELOAD: config.dev.liveReload,
+                    RSBUILD_DEV_BROWSER_LOGS: config.dev.browserLogs
+                }).apply(compiler), clientPaths1))new compiler.webpack.EntryPlugin(compiler.context, clientPath, {
+                    name: void 0
+                }).apply(compiler);
+            }({
+                token,
+                config: environment.config,
+                compiler,
+                resolvedHost,
+                resolvedPort
+            }), (({ compiler, token, socketServer })=>{
+                ((compiler)=>{
+                    let { target } = compiler.options;
+                    return !!target && (Array.isArray(target) ? target.includes('node') : 'node' === target);
+                })(compiler) || (compiler.hooks.invalid.tap('rsbuild-dev-server', (fileName)=>{
+                    if ('string' == typeof fileName && fileName.endsWith('.html')) return void socketServer.sockWrite({
+                        type: 'static-changed'
+                    }, token);
+                }), compiler.hooks.done.tap('rsbuild-dev-server', (stats)=>{
+                    socketServer.onBuildDone(stats, token);
+                }));
+            })({
+                compiler,
+                socketServer,
+                token
+            }));
+        });
         let compilers = helpers_isMultiCompiler(compiler) ? compiler.compilers : [
             compiler
-        ], context = {
-            state: !1,
-            stats: void 0,
-            callbacks: [],
-            options,
-            compilers
-        };
-        var context1, context2 = context, compiler1 = compiler;
-        function invalid() {
-            context2.state = !1, context2.stats = void 0;
-        }
-        compiler1.hooks.watchRun.tap('rsbuild-dev-middleware', invalid), compiler1.hooks.invalid.tap('rsbuild-dev-middleware', invalid), compiler1.hooks.done.tap('rsbuild-dev-middleware', function(stats) {
-            context2.state = !0, context2.stats = stats, process.nextTick(()=>{
-                let { state, callbacks } = context2;
-                state && (context2.callbacks = [], callbacks.forEach((callback)=>{
-                    callback(stats);
-                }));
+        ], callbacks = [];
+        compiler.hooks.done.tap('rsbuild-dev-middleware', ()=>{
+            process.nextTick(()=>{
+                'done' === context.buildState.status && (callbacks.forEach((callback)=>{
+                    callback();
+                }), callbacks.length = 0);
             });
-        }), options.writeToDisk && function(context) {
-            let { compilers } = context;
+        });
+        let writeToDisk = (config1 = config.dev, 1 === new Set(writeToDiskValues = Object.values(environments = environments1).map((env)=>env.config.dev.writeToDisk)).size ? writeToDiskValues[0] : (filePath, name)=>{
+            let { writeToDisk } = config1;
+            return name && environments[name] && (writeToDisk = environments[name].config.dev.writeToDisk ?? writeToDisk), 'function' == typeof writeToDisk ? writeToDisk(filePath) : writeToDisk;
+        });
+        writeToDisk && function(compilers, writeToDisk) {
             for (let compiler of compilers)compiler.hooks.emit.tap('DevMiddleware', ()=>{
                 compiler.__hasRsbuildAssetEmittedCallback || (compiler.hooks.assetEmitted.tapAsync('DevMiddleware', (_file, info, callback)=>{
-                    let { targetPath, content, compilation } = info, { writeToDisk: filter } = context.options;
-                    if (!(!filter || 'function' != typeof filter || filter(targetPath, compilation.name))) return void callback();
+                    let { targetPath, content, compilation } = info;
+                    if (!(!writeToDisk || 'function' != typeof writeToDisk || writeToDisk(targetPath, compilation.name))) return void callback();
                     let dir = external_node_path_default().dirname(targetPath), name = compiler.options.name ? `Child "${compiler.options.name}": ` : '';
                     external_node_fs_default().mkdir(dir, {
                         recursive: !0
                     }, (mkdirError)=>{
                         if (mkdirError) {
-                            index_js_namespaceObject.logger.error(`[rsbuild-dev-middleware] ${name}Unable to write "${dir}" directory to disk:\n${mkdirError.message}`), callback(mkdirError);
+                            index_js_namespaceObject.logger.error(`[rsbuild:middleware] ${name}Unable to write "${dir}" directory to disk:\n${mkdirError.message}`), callback(mkdirError);
                             return;
                         }
                         external_node_fs_default().writeFile(targetPath, content, (writeFileError)=>{
                             if (writeFileError) {
-                                index_js_namespaceObject.logger.error(`[rsbuild-dev-middleware] ${name}Unable to write "${targetPath}" asset to disk:\n${writeFileError.message}`), callback(writeFileError);
+                                index_js_namespaceObject.logger.error(`[rsbuild:middleware] ${name}Unable to write "${targetPath}" asset to disk:\n${writeFileError.message}`), callback(writeFileError);
                                 return;
                             }
                             callback();
@@ -6060,21 +6126,19 @@ ${section.body}` : section.body).join("\n\n"));
                     });
                 }), compiler.__hasRsbuildAssetEmittedCallback = !0);
             });
-        }(context), context.outputFileSystem = await setupOutputFileSystem(options, compilers);
-        let instance = (context1 = context, async function(req, res, next) {
+        }(compilers, writeToDisk);
+        let outputFileSystem1 = await setupOutputFileSystem(writeToDisk, compilers), instance = (context1 = context, ready = (callback)=>{
+            'done' === context.buildState.status ? callback() : callbacks.push(callback);
+        }, outputFileSystem = outputFileSystem1, async function(req, res, next) {
+            let { environments } = context1;
             async function goNext() {
                 return new Promise((resolve)=>{
-                    ready(context1, ()=>{
-                        res.locals = res.locals || {}, res.locals.webpack = {
-                            devMiddleware: context1
-                        }, next(), resolve();
+                    ready(()=>{
+                        next(), resolve();
                     });
                 });
             }
-            if (req.method && ![
-                'GET',
-                'HEAD'
-            ].includes(req.method)) return void await goNext();
+            if (req.method && !acceptedMethods.includes(req.method)) return void await goNext();
             function sendError(status, options) {
                 let content = statuses[status] || String(status), document1 = Buffer.from(`<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>${function(input) {
                     let htmlEntity, match = matchHtmlRegExp.exec(input);
@@ -6116,76 +6180,17 @@ ${section.body}` : section.body).join("\n\n"));
                 let byteLength = Buffer.byteLength(document1);
                 res.setHeader('Content-Length', byteLength), res.end(document1);
             }
-            async function processRequest() {
-                var stat, range, offset, filename, outputFileSystem, start, end;
-                let bufferOrStream, byteLength, end1, extra = {}, filename1 = function(context, url, extra = {}) {
-                    let foundFilename, urlObject, paths = function(context) {
-                        let { stats, options } = context, childStats = stats.stats ? stats.stats : [
-                            stats
-                        ], publicPaths = [];
-                        for (let { compilation } of childStats){
-                            let outputPath = compilation.getPath(compilation.outputOptions.path || ''), publicPath = options.publicPath ? compilation.getPath(options.publicPath) : compilation.outputOptions.publicPath ? compilation.getPath(compilation.outputOptions.publicPath) : '';
-                            publicPaths.push({
-                                outputPath,
-                                publicPath
-                            });
-                        }
-                        return publicPaths;
-                    }(context);
-                    try {
-                        urlObject = memoizedParse(url, !1, !0);
-                    } catch (_ignoreError) {
-                        return;
-                    }
-                    for (let { publicPath, outputPath } of paths){
-                        let filename, publicPathObject;
-                        try {
-                            publicPathObject = memoizedParse('auto' !== publicPath && publicPath ? publicPath : '/', !1, !0);
-                        } catch (_ignoreError) {
-                            continue;
-                        }
-                        let { pathname } = urlObject, { pathname: publicPathPathname } = publicPathObject;
-                        if (pathname?.startsWith(publicPathPathname)) {
-                            if (pathname.includes('\u0000')) {
-                                extra.errorCode = 400;
-                                return;
-                            }
-                            if (UP_PATH_REGEXP.test(external_node_path_.normalize(`./${pathname}`))) {
-                                extra.errorCode = 403;
-                                return;
-                            }
-                            filename = external_node_path_.join(outputPath, pathname.slice(publicPathPathname.length));
-                            try {
-                                extra.stats = context.outputFileSystem.statSync(filename);
-                            } catch (_ignoreError) {
-                                continue;
-                            }
-                            if (extra.stats.isFile()) {
-                                foundFilename = filename;
-                                break;
-                            }
-                            if (extra.stats.isDirectory()) {
-                                filename = external_node_path_.join(filename, 'index.html');
-                                try {
-                                    extra.stats = context.outputFileSystem.statSync(filename);
-                                } catch (__ignoreError) {
-                                    continue;
-                                }
-                                if (extra.stats.isFile()) {
-                                    foundFilename = filename;
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                    return foundFilename;
-                }(context1, req.url, extra);
-                if (extra.errorCode) {
-                    403 === extra.errorCode && index_js_namespaceObject.logger.error(`[rsbuild-dev-middleware] Malicious path "${filename1}".`), sendError(extra.errorCode);
+            ready(async function() {
+                var stat, range, offset, filename, outputFileSystem1, start, end;
+                let bufferOrStream, byteLength, end1;
+                if (!req.url) return void await goNext();
+                let resolved = getFileFromUrl(req.url, outputFileSystem, environments);
+                if (!resolved) return void await goNext();
+                if ('errorCode' in resolved) {
+                    403 === resolved.errorCode && index_js_namespaceObject.logger.error(`[rsbuild:middleware] Malicious path "${req.url}".`), sendError(resolved.errorCode);
                     return;
                 }
-                if (!filename1) return void await goNext();
-                let { size } = extra.stats, len = size, offset1 = 0;
+                let { fsStats, filename: filename1 } = resolved, { size } = fsStats, len = size, offset1 = 0;
                 if (!res.getHeader('Content-Type')) {
                     let contentType = await getContentType(filename1);
                     contentType && res.setHeader('Content-Type', contentType);
@@ -6195,8 +6200,8 @@ ${section.body}` : section.body).join("\n\n"));
                     let rage = req.headers.range;
                     if (rage && BYTES_RANGE_REGEXP.test(rage)) return rage;
                 }();
-                if (!res.getHeader('ETag') && extra.stats) {
-                    let mtime, size, hash = (mtime = (stat = extra.stats).mtime.getTime().toString(16), size = stat.size.toString(16), `W/"${size}-${mtime}"`);
+                if (!res.getHeader('ETag') && fsStats) {
+                    let mtime, size, hash = (mtime = (stat = fsStats).mtime.getTime().toString(16), size = stat.size.toString(16), `W/"${size}-${mtime}"`);
                     res.setHeader('ETag', hash);
                 }
                 if (req.headers['if-match'] || req.headers['if-unmodified-since'] || req.headers['if-none-match'] || req.headers['if-modified-since']) {
@@ -6259,14 +6264,14 @@ ${section.body}` : section.body).join("\n\n"));
                         let lastModified = res.getHeader('Last-Modified');
                         return !lastModified || parseHttpDate(lastModified) <= parseHttpDate(ifRange);
                     }() && (parsedRanges = []), -1 === parsedRanges) {
-                        index_js_namespaceObject.logger.error("[rsbuild-dev-middleware] Unsatisfiable range for 'Range' header."), res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size)), sendError(416, {
+                        index_js_namespaceObject.logger.error("[rsbuild:middleware] Unsatisfiable range for 'Range' header."), res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size)), sendError(416, {
                             headers: {
                                 'Content-Range': res.getHeader('Content-Range')
                             }
                         });
                         return;
                     }
-                    if (-2 === parsedRanges ? index_js_namespaceObject.logger.error("[rsbuild-dev-middleware] A malformed 'Range' header was provided. A regular response will be sent for this request.") : parsedRanges.length > 1 && index_js_namespaceObject.logger.error("[rsbuild-dev-middleware] A 'Range' header with multiple ranges was provided. Multiple ranges are not supported, so a regular response will be sent for this request."), -2 !== parsedRanges && 1 === parsedRanges.length) {
+                    if (-2 === parsedRanges ? index_js_namespaceObject.logger.error("[rsbuild:middleware] A malformed 'Range' header was provided. A regular response will be sent for this request.") : parsedRanges.length > 1 && index_js_namespaceObject.logger.error("[rsbuild:middleware] A 'Range' header with multiple ranges was provided. Multiple ranges are not supported, so a regular response will be sent for this request."), -2 !== parsedRanges && 1 === parsedRanges.length) {
                         let offset;
                         res.statusCode = 206, res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size, parsedRanges[0])), [offset1, len] = [
                             offset = (range = parsedRanges[0]).start,
@@ -6280,14 +6285,14 @@ ${section.body}` : section.body).join("\n\n"));
                 ]);
                 try {
                     let bufferOrStream1;
-                    ({ bufferOrStream, byteLength } = (filename = filename1, outputFileSystem = context1.outputFileSystem, start = start1, end = end2, {
-                        bufferOrStream: bufferOrStream1 = outputFileSystem.createReadStream(filename, {
+                    ({ bufferOrStream, byteLength } = (filename = filename1, outputFileSystem1 = outputFileSystem, start = start1, end = end2, {
+                        bufferOrStream: bufferOrStream1 = outputFileSystem1.createReadStream(filename, {
                             start,
                             end
                         }),
                         byteLength: 0 === end ? 0 : end - start + 1
                     }));
-                } catch (_ignoreError) {
+                } catch  {
                     await goNext();
                     return;
                 }
@@ -6313,107 +6318,101 @@ ${section.body}` : section.body).join("\n\n"));
                             sendError(500);
                     }
                 }), bufferOrStream.pipe(res), on_finished_default()(res, cleanup);
-            }
-            ready(context1, processRequest);
+            });
         });
         return instance.watch = ()=>{
-            if (compiler.watching) context.watching = compiler.watching;
+            if (compiler.watching) watching = compiler.watching;
             else {
-                let errorHandler = (error)=>{
+                let watchOptions = compilers.length > 1 ? compilers.map(({ options })=>options.watchOptions || {}) : compilers[0].options.watchOptions || {};
+                watching = compiler.watch(watchOptions, (error)=>{
                     error && (error.message?.includes('× Error:') && (error.message = error.message.replace('× Error:', '').trim()), index_js_namespaceObject.logger.error(error));
-                };
-                if (compilers.length > 1) {
-                    let watchOptions = compilers.map((childCompiler)=>childCompiler.options.watchOptions || {});
-                    context.watching = compiler.watch(watchOptions, errorHandler);
-                } else {
-                    let watchOptions = compilers[0].options.watchOptions || {};
-                    context.watching = compiler.watch(watchOptions, errorHandler);
-                }
+                });
             }
         }, instance.close = (callback = noop)=>{
-            context.watching?.close(callback);
+            watching?.close(callback);
         }, instance;
+    };
+    var UNKNOWN_FUNCTION = '<unknown>', chromeRe = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|rsc|<anonymous>|\/|[a-z]:\\|\\\\).*?)(?::(\d+))?(?::(\d+))?\)?\s*$/i, chromeEvalRe = /\((\S*)(?::(\d+))(?::(\d+))\)/, winjsRe = /^\s*at (?:((?:\[object object\])?.+) )?\(?((?:file|ms-appx|https?|webpack|rsc|blob):.*?):(\d+)(?::(\d+))?\)?\s*$/i, geckoRe = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|rsc|resource|\[native).*?|[^@]*bundle)(?::(\d+))?(?::(\d+))?\s*$/i, geckoEvalRe = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i, javaScriptCoreRe = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?):(\d+)(?::(\d+))?\s*$/i, nodeRe = /^\s*at (?:((?:\[object object\])?[^\\/]+(?: \[as \S+\])?) )?\(?(.*?):(\d+)(?::(\d+))?\)?\s*$/i;
+    async function mapSourceMapPosition(rawSourceMap, line, column) {
+        let { default: { TraceMap, originalPositionFor } } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/@jridgewell/trace-mapping/index.js"));
+        return originalPositionFor(new TraceMap(rawSourceMap), {
+            line,
+            column
+        });
     }
-    async function getLocalhostResolvedAddress() {
-        let { promises: dns } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "node:dns")), [defaultLookup, explicitLookup] = await Promise.all([
-            dns.lookup('localhost'),
-            dns.lookup('localhost', {
-                verbatim: !0
-            })
-        ]);
-        return defaultLookup.family === explicitLookup.family && defaultLookup.address === explicitLookup.address ? void 0 : defaultLookup.address;
-    }
-    async function resolveHostname(host = 'localhost') {
-        var host1;
-        if ('localhost' === host) {
-            let resolvedAddress = await getLocalhostResolvedAddress();
-            if (resolvedAddress) return resolvedAddress;
-        }
-        return void 0 === host || (host1 = host, new Set([
-            '0.0.0.0',
-            '::',
-            '0000:0000:0000:0000:0000:0000:0000:0000'
-        ]).has(host1)) ? 'localhost' : host;
-    }
-    let compilationMiddleware_require = (0, external_node_module_.createRequire)(__rslib_import_meta_url__), getCompilationMiddleware = async ({ config, compiler, callbacks, environments, resolvedPort })=>{
-        var config1, environments1;
-        let writeToDiskValues, resolvedHost = await resolveHostname(config.server.host);
-        return applyToCompiler(compiler, (compiler, index)=>{
-            let environment = Object.values(environments).find((env)=>env.index === index);
-            if (!environment) return;
-            let token = environment.webSocketToken;
-            token && (!function({ config, compiler, token, resolvedHost, resolvedPort }) {
-                var devConfig;
-                let clientPaths;
-                if (!((compiler)=>{
-                    let { target } = compiler.options;
-                    return !!target && (Array.isArray(target) ? target.includes('web') : 'web' === target);
-                })(compiler)) return;
-                let clientPaths1 = (devConfig = config.dev, clientPaths = [], (devConfig.hmr || devConfig.liveReload) && (hmrClientPath || (hmrClientPath = compilationMiddleware_require.resolve('@rsbuild/core/client/hmr')), clientPaths.push(hmrClientPath), devConfig.client?.overlay && (overlayClientPath || (overlayClientPath = compilationMiddleware_require.resolve('@rsbuild/core/client/overlay')), clientPaths.push(overlayClientPath))), clientPaths);
-                if (!clientPaths1.length) return;
-                let clientConfig = {
-                    ...config.dev.client
+    let resolveSourceLocation = async (stack, fs, environments)=>{
+        let parsed = stack.split('\n').reduce(function(stack, line) {
+            var line1, parts, line2, parts1, line3, parts2, parseResult = function(line) {
+                var parts = chromeRe.exec(line);
+                if (!parts) return null;
+                var isNative = parts[2] && 0 === parts[2].indexOf('native'), isEval = parts[2] && 0 === parts[2].indexOf('eval'), submatch = chromeEvalRe.exec(parts[2]);
+                return isEval && null != submatch && (parts[2] = submatch[1], parts[3] = submatch[2], parts[4] = submatch[3]), {
+                    file: isNative ? null : parts[2],
+                    methodName: parts[1] || UNKNOWN_FUNCTION,
+                    arguments: isNative ? [
+                        parts[2]
+                    ] : [],
+                    lineNumber: parts[3] ? +parts[3] : null,
+                    column: parts[4] ? +parts[4] : null
                 };
-                for (let clientPath of ('<port>' === clientConfig.port && (clientConfig.port = resolvedPort), new compiler.webpack.DefinePlugin({
-                    RSBUILD_WEB_SOCKET_TOKEN: JSON.stringify(token),
-                    RSBUILD_CLIENT_CONFIG: JSON.stringify(clientConfig),
-                    RSBUILD_SERVER_HOST: JSON.stringify(resolvedHost),
-                    RSBUILD_SERVER_PORT: JSON.stringify(resolvedPort),
-                    RSBUILD_DEV_LIVE_RELOAD: config.dev.liveReload
-                }).apply(compiler), clientPaths1))new compiler.webpack.EntryPlugin(compiler.context, clientPath, {
-                    name: void 0
-                }).apply(compiler);
-            }({
-                token,
-                config: environment.config,
-                compiler,
-                resolvedHost,
-                resolvedPort
-            }), (({ compiler, token, callbacks: { onDone, onInvalid } })=>{
-                if (((compiler)=>{
-                    let { target } = compiler.options;
-                    return !!target && (Array.isArray(target) ? target.includes('node') : 'node' === target);
-                })(compiler)) return;
-                let { compile, invalid, done } = compiler.hooks;
-                compile.tap('rsbuild-dev-server', ()=>{
-                    onInvalid(token);
-                }), invalid.tap('rsbuild-dev-server', (fileName)=>{
-                    onInvalid(token, fileName);
-                }), done.tap('rsbuild-dev-server', (stats)=>{
-                    onDone(token, stats);
-                });
-            })({
-                compiler,
-                callbacks,
-                token
-            }));
-        }), devMiddleware(compiler, {
-            publicPath: '/',
-            writeToDisk: (config1 = config.dev, 1 === new Set(writeToDiskValues = Object.values(environments1 = environments).map((env)=>env.config.dev.writeToDisk)).size ? writeToDiskValues[0] : (filePath, name)=>{
-                let { writeToDisk } = config1;
-                return name && environments1[name] && (writeToDisk = environments1[name].config.dev.writeToDisk ?? writeToDisk), 'function' == typeof writeToDisk ? writeToDisk(filePath) : writeToDisk;
-            })
-        });
+            }(line) || (line1 = line, (parts = winjsRe.exec(line1)) ? {
+                file: parts[2],
+                methodName: parts[1] || UNKNOWN_FUNCTION,
+                arguments: [],
+                lineNumber: +parts[3],
+                column: parts[4] ? +parts[4] : null
+            } : null) || function(line) {
+                var parts = geckoRe.exec(line);
+                if (!parts) return null;
+                var isEval = parts[3] && parts[3].indexOf(' > eval') > -1, submatch = geckoEvalRe.exec(parts[3]);
+                return isEval && null != submatch && (parts[3] = submatch[1], parts[4] = submatch[2], parts[5] = null), {
+                    file: parts[3],
+                    methodName: parts[1] || UNKNOWN_FUNCTION,
+                    arguments: parts[2] ? parts[2].split(',') : [],
+                    lineNumber: parts[4] ? +parts[4] : null,
+                    column: parts[5] ? +parts[5] : null
+                };
+            }(line) || (line2 = line, (parts1 = nodeRe.exec(line2)) ? {
+                file: parts1[2],
+                methodName: parts1[1] || UNKNOWN_FUNCTION,
+                arguments: [],
+                lineNumber: +parts1[3],
+                column: parts1[4] ? +parts1[4] : null
+            } : null) || (line3 = line, (parts2 = javaScriptCoreRe.exec(line3)) ? {
+                file: parts2[3],
+                methodName: parts2[1] || UNKNOWN_FUNCTION,
+                arguments: [],
+                lineNumber: +parts2[4],
+                column: parts2[5] ? +parts2[5] : null
+            } : null);
+            return parseResult && stack.push(parseResult), stack;
+        }, []);
+        if (!parsed.length) return;
+        let frame = parsed.find((frame)=>null !== frame.file && null !== frame.column && null !== frame.lineNumber && SCRIPT_REGEX.test(frame.file));
+        if (!frame) return;
+        let { file, column, lineNumber } = frame, sourceMapInfo = getFileFromUrl(`${file}.map`, fs, environments);
+        if (!sourceMapInfo || 'errorCode' in sourceMapInfo) return;
+        let readFile = (0, external_node_util_namespaceObject.promisify)(fs.readFile);
+        try {
+            let sourceMap = await readFile(sourceMapInfo.filename);
+            if (sourceMap) return await mapSourceMapPosition(sourceMap.toString(), lineNumber, column);
+        } catch (error) {
+            error instanceof Error && index_js_namespaceObject.logger.debug(`failed to map source map position: ${error.message}`);
+        }
+    }, formatErrorLocation = async (stack, context, fs)=>{
+        let parsed = await resolveSourceLocation(stack, fs, context.environments);
+        if (!parsed) return;
+        let { source, line, column } = parsed;
+        if (!source) return;
+        let rawLocation = external_node_path_default().relative(context.rootPath, source);
+        return null !== line && (rawLocation += null === column ? `:${line}` : `:${line}:${column}`), rawLocation;
+    }, formatBrowserErrorLog = async (message, context, fs)=>{
+        let log = `${picocolors_index_js_default().cyan('[browser]')} ${picocolors_index_js_default().red(message.message)}`;
+        if (message.stack) {
+            let rawLocation = await formatErrorLocation(message.stack, context, fs);
+            rawLocation && (log += picocolors_index_js_default().dim(` (${rawLocation})`));
+        }
+        return log;
     }, styles = {
         1: 'font-weight:bold',
         2: 'opacity:0.5',
@@ -6451,17 +6450,19 @@ ${section.body}` : section.body).join("\n\n"));
         wsServer;
         socketsMap = new Map();
         options;
+        context;
         stats;
         initialChunks;
         heartbeatTimer = null;
-        environments;
-        constructor(options, environments){
-            this.options = options, this.stats = {}, this.initialChunks = {}, this.environments = environments;
+        getOutputFileSystem;
+        reportedBrowserLogs = new Set();
+        constructor(context, options, getOutputFileSystem){
+            this.options = options, this.stats = {}, this.initialChunks = {}, this.context = context, this.getOutputFileSystem = getOutputFileSystem;
         }
         upgrade = (req, socket, head)=>{
             if (!this.wsServer.shouldHandle(req)) return;
             let query = parseQueryString(req);
-            Object.values(this.environments).map((env)=>env.webSocketToken).includes(query.token) ? this.wsServer.handleUpgrade(req, socket, head, (connection)=>{
+            Object.values(this.context.environments).map((env)=>env.webSocketToken).includes(query.token) ? this.wsServer.handleUpgrade(req, socket, head, (connection)=>{
                 this.wsServer.emit('connection', connection, req);
             }) : socket.destroy();
         };
@@ -6485,8 +6486,8 @@ ${section.body}` : section.body).join("\n\n"));
                 this.onConnect(socket, query.token);
             });
         }
-        updateStats(stats, token) {
-            this.stats[token] = stats, this.socketsMap.size && this.sendStats({
+        onBuildDone(stats, token) {
+            this.stats[token] = stats, this.reportedBrowserLogs.clear(), this.socketsMap.size && this.sendStats({
                 token
             });
         }
@@ -6504,7 +6505,7 @@ ${section.body}` : section.body).join("\n\n"));
             for (let sockets of this.socketsMap.values())sockets.forEach((socket)=>{
                 socket.close();
             });
-            return this.stats = {}, this.initialChunks = {}, this.socketsMap.clear(), new Promise((resolve, reject)=>{
+            return this.stats = {}, this.initialChunks = {}, this.socketsMap.clear(), this.reportedBrowserLogs.clear(), new Promise((resolve, reject)=>{
                 this.wsServer.close((err)=>{
                     err ? reject(err) : resolve();
                 });
@@ -6513,6 +6514,14 @@ ${section.body}` : section.body).join("\n\n"));
         onConnect(socket, token) {
             socket.isAlive = !0, socket.on('pong', ()=>{
                 socket.isAlive = !0;
+            }), socket.on('message', async (data)=>{
+                try {
+                    let message = JSON.parse('string' == typeof data ? data : data.toString());
+                    if ('client-error' === message.type && 'rspack' === this.context.bundlerType && !this.context.buildState.hasErrors) {
+                        let log = await formatBrowserErrorLog(message, this.context, this.getOutputFileSystem());
+                        this.reportedBrowserLogs.has(log) || (this.reportedBrowserLogs.add(log), index_js_namespaceObject.logger.error(log));
+                    }
+                } catch  {}
             });
             let sockets = this.socketsMap.get(token);
             sockets || (sockets = new Set(), this.socketsMap.set(token, sockets)), sockets.add(socket), socket.on('close', ()=>{
@@ -6746,17 +6755,17 @@ ${section.body}` : section.body).join("\n\n"));
             socket.readyState === socket.OPEN && socket.send(message);
         }
     }
-    class CompilationManager {
+    class BuildManager {
         middleware;
         outputFileSystem;
-        config;
+        socketServer;
         compiler;
-        environments;
+        config;
         publicPaths;
-        socketServer;
         resolvedPort;
-        constructor({ config, compiler, publicPaths, resolvedPort, environments }){
-            this.config = config, this.compiler = compiler, this.environments = environments, this.publicPaths = publicPaths, this.resolvedPort = resolvedPort, this.outputFileSystem = external_node_fs_default(), this.socketServer = new SocketServer(config.dev, environments);
+        context;
+        constructor({ config, context, compiler, publicPaths, resolvedPort }){
+            this.config = config, this.context = context, this.compiler = compiler, this.publicPaths = publicPaths, this.resolvedPort = resolvedPort, this.outputFileSystem = external_node_fs_default(), this.socketServer = new SocketServer(context, config.dev, ()=>this.outputFileSystem);
         }
         async init() {
             await this.setupCompilationMiddleware(), await this.socketServer.prepare();
@@ -6779,20 +6788,11 @@ ${section.body}` : section.body).join("\n\n"));
         }
         readFileSync = (fileName)=>'readFileSync' in this.outputFileSystem ? this.outputFileSystem.readFileSync(fileName, 'utf-8') : external_node_fs_default().readFileSync(fileName, 'utf-8');
         async setupCompilationMiddleware() {
-            let { config, publicPaths, environments } = this, middleware = await getCompilationMiddleware({
+            let { config, context, publicPaths } = this, middleware = await assetsMiddleware({
                 config,
+                context,
                 compiler: this.compiler,
-                callbacks: {
-                    onInvalid: (token, fileName)=>{
-                        if ('string' == typeof fileName && fileName.endsWith('.html')) return void this.socketServer.sockWrite({
-                            type: 'static-changed'
-                        }, token);
-                    },
-                    onDone: (token, stats)=>{
-                        this.socketServer.updateStats(stats, token);
-                    }
-                },
-                environments,
+                socketServer: this.socketServer,
                 resolvedPort: this.resolvedPort
             }), { base } = config.server, assetPrefixes = publicPaths.map(getPathnameFromUrl).map((prefix)=>base && '/' !== base ? stripBase(prefix, base) : prefix), wrapper = (req, res, next)=>{
                 let { url } = req, assetPrefix = url && assetPrefixes.find((prefix)=>url.startsWith(prefix));
@@ -6803,6 +6803,59 @@ ${section.body}` : section.body).join("\n\n"));
             wrapper.close = middleware.close, wrapper.watch = middleware.watch, this.middleware = wrapper;
         }
     }
+    let isCliShortcutsEnabled = (config)=>config.dev.cliShortcuts && isTTY('stdin');
+    async function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls, restartServer, customShortcuts }) {
+        let shortcuts = [
+            {
+                key: 'c',
+                description: `${picocolors_index_js_default().bold('c + enter')}  ${picocolors_index_js_default().dim('clear console')}`,
+                action: ()=>{
+                    console.clear();
+                }
+            },
+            {
+                key: 'o',
+                description: `${picocolors_index_js_default().bold('o + enter')}  ${picocolors_index_js_default().dim('open in browser')}`,
+                action: openPage
+            },
+            {
+                key: 'q',
+                description: `${picocolors_index_js_default().bold('q + enter')}  ${picocolors_index_js_default().dim('quit process')}`,
+                action: async ()=>{
+                    try {
+                        await closeServer();
+                    } finally{
+                        process.exit(0);
+                    }
+                }
+            },
+            restartServer ? {
+                key: 'r',
+                description: `${picocolors_index_js_default().bold('r + enter')}  ${picocolors_index_js_default().dim('restart server')}`,
+                action: restartServer
+            } : null,
+            {
+                key: 'u',
+                description: `${picocolors_index_js_default().bold('u + enter')}  ${picocolors_index_js_default().dim('show urls')}`,
+                action: printUrls
+            }
+        ].filter(Boolean);
+        if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${picocolors_index_js_default().dim('[rsbuild:config]')} ${picocolors_index_js_default().yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
+        help && index_js_namespaceObject.logger.log(!0 === help ? `  ➜  ${picocolors_index_js_default().dim('press')} ${picocolors_index_js_default().bold('h + enter')} ${picocolors_index_js_default().dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
+        let { createInterface } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "node:readline")), rl = createInterface({
+            input: process.stdin
+        });
+        return rl.on('line', (input)=>{
+            if ('h' === input) {
+                let message = `\n  ${picocolors_index_js_default().bold(picocolors_index_js_default().blue('Shortcuts:'))}\n`;
+                for (let shortcut of shortcuts)message += `  ${shortcut.description}\n`;
+                index_js_namespaceObject.logger.log(message);
+            }
+            for (let shortcut of shortcuts)if (input === shortcut.key) return void shortcut.action();
+        }), ()=>{
+            rl.close();
+        };
+    }
     let ENCODING_REGEX = /\bgzip\b/, CONTENT_TYPE_REGEX = /text|javascript|\/json|xml/i, gzipMiddleware = ({ filter, level = external_node_zlib_default().constants.Z_BEST_SPEED } = {})=>(req, res, next)=>{
             let gzip, writeHeadStatus;
             if (filter && !filter(req, res)) return void next();
@@ -6970,7 +7023,7 @@ ${section.body}` : section.body).join("\n\n"));
                 for (let middleware of proxyMiddlewares)'function' == typeof middleware.upgrade && middleware.upgrade(req, socket, head);
             }
         };
-    }, applyDefaultMiddlewares = async ({ config, compilationManager, context, devServerAPI, middlewares, pwd, postCallbacks })=>{
+    }, applyDefaultMiddlewares = async ({ config, buildManager, context, devServerAPI, middlewares, pwd, postCallbacks })=>{
         let upgradeEvents = [], { server } = config;
         if (server.cors) {
             let { default: corsMiddleware } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/cors/index.js"));
@@ -6985,8 +7038,8 @@ ${section.body}` : section.body).join("\n\n"));
             for (let middleware of (upgradeEvents.push(upgrade), proxyMiddlewares))middlewares.push(middleware);
         }
         let { compress } = server;
-        if (compress && middlewares.push(gzipMiddleware('object' == typeof compress ? compress : void 0)), 'dev' === context.action && 'rspack' === context.bundlerType && compilationManager) {
-            let { compiler } = compilationManager;
+        if (compress && middlewares.push(gzipMiddleware('object' == typeof compress ? compress : void 0)), 'dev' === context.action && 'rspack' === context.bundlerType && buildManager) {
+            let { compiler } = buildManager;
             (helpers_isMultiCompiler(compiler) ? compiler.compilers.some((childCompiler)=>childCompiler.options.experiments?.lazyCompilation || childCompiler.options.lazyCompilation) : compiler.options.experiments?.lazyCompilation || compiler.options.lazyCompilation) && middlewares.push(rspack_rspack.experiments.lazyCompilationMiddleware(compiler));
         }
         server.base && '/' !== server.base && middlewares.push(getBaseMiddleware({
@@ -7056,25 +7109,25 @@ ${section.body}` : section.body).join("\n\n"));
                 }
             })({
             environments: devServerAPI.environments
-        })), compilationManager && (middlewares.push(compilationManager.middleware), upgradeEvents.push(compilationManager.socketServer.upgrade), middlewares.push((req, res, next)=>{
+        })), buildManager && (middlewares.push(buildManager.middleware), upgradeEvents.push(buildManager.socketServer.upgrade), middlewares.push((req, res, next)=>{
             req.url?.endsWith('.hot-update.json') && 'OPTIONS' !== req.method ? (res.statusCode = 404, res.end()) : next();
-        })), compilationManager && middlewares.push((({ distPath, compilationManager })=>async (req, res, next)=>{
+        })), buildManager && middlewares.push((({ distPath, buildManager })=>async (req, res, next)=>{
                 if (!maybeHTMLRequest(req)) return void next();
                 let pathname = req.url.replace(postfixRE, ''), rewrite = (newUrl)=>{
-                    req.url = newUrl, compilationManager.middleware(req, res, (...args)=>{
+                    req.url = newUrl, buildManager.middleware(req, res, (...args)=>{
                         next(...args);
                     });
                 };
                 if (pathname.endsWith('/')) {
                     let newUrl = `${pathname}index.html`, filePath = external_node_path_default().join(distPath, newUrl);
-                    if (await middlewares_isFileExists(filePath, compilationManager.outputFileSystem)) return void rewrite(newUrl);
+                    if (await middlewares_isFileExists(filePath, buildManager.outputFileSystem)) return void rewrite(newUrl);
                 } else if (!external_node_path_default().extname(pathname)) {
                     let newUrl = `${pathname}.html`, filePath = external_node_path_default().join(distPath, newUrl);
-                    if (await middlewares_isFileExists(filePath, compilationManager.outputFileSystem)) return void rewrite(newUrl);
+                    if (await middlewares_isFileExists(filePath, buildManager.outputFileSystem)) return void rewrite(newUrl);
                 }
                 next();
             })({
-            compilationManager,
+            buildManager,
             distPath: context.distPath
         })), normalizePublicDirs(server?.publicDir))){
             let { default: sirv } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "../../compiled/sirv/index.js")), { name } = publicDir, assetMiddleware = sirv((0, external_node_path_.isAbsolute)(name) ? name : (0, external_node_path_.join)(pwd, name), {
@@ -7084,28 +7137,28 @@ ${section.body}` : section.body).join("\n\n"));
             middlewares.push(assetMiddleware);
         }
         for (let callback of postCallbacks)callback();
-        return compilationManager && middlewares.push((({ htmlFallback, distPath, compilationManager })=>async (req, res, next)=>{
+        return buildManager && middlewares.push((({ htmlFallback, distPath, buildManager })=>async (req, res, next)=>{
                 if (!maybeHTMLRequest(req) || '/favicon.ico' === req.url || 'index' !== htmlFallback) return void next();
                 let filePath = external_node_path_default().join(distPath, 'index.html');
-                if (await middlewares_isFileExists(filePath, compilationManager.outputFileSystem)) {
+                if (await middlewares_isFileExists(filePath, buildManager.outputFileSystem)) {
                     let newUrl = '/index.html';
-                    'verbose' === index_js_namespaceObject.logger.level && index_js_namespaceObject.logger.debug(`    ${req.method} ${req.url} ${picocolors_index_js_default().yellow('fallback to')} ${newUrl}`), req.url = newUrl, compilationManager.middleware(req, res, (...args)=>{
+                    'verbose' === index_js_namespaceObject.logger.level && index_js_namespaceObject.logger.debug(`    ${req.method} ${req.url} ${picocolors_index_js_default().yellow('fallback to')} ${newUrl}`), req.url = newUrl, buildManager.middleware(req, res, (...args)=>{
                         next(...args);
                     });
                     return;
                 }
                 next();
             })({
-            compilationManager,
+            buildManager,
             distPath: context.distPath,
             htmlFallback: server.htmlFallback
-        })), server.historyApiFallback && (middlewares.push(historyApiFallbackMiddleware(!0 === server.historyApiFallback ? {} : server.historyApiFallback)), compilationManager?.middleware && middlewares.push(compilationManager.middleware)), middlewares.push(faviconFallbackMiddleware), {
+        })), server.historyApiFallback && (middlewares.push(historyApiFallbackMiddleware(!0 === server.historyApiFallback ? {} : server.historyApiFallback)), buildManager?.middleware && middlewares.push(buildManager.middleware)), middlewares.push(faviconFallbackMiddleware), {
             onUpgrade: (...args)=>{
                 for (let cb of upgradeEvents)cb(...args);
             }
         };
     }, getDevMiddlewares = async (options)=>{
-        let middlewares = [], { compilationManager } = options;
+        let middlewares = [], { buildManager } = options;
         'verbose' === index_js_namespaceObject.logger.level && middlewares.push(getRequestLoggerMiddleware());
         let { before, after } = ((config, devServerAPI)=>{
             let setupMiddlewares = config.dev.setupMiddlewares || [], serverOptions = pick(devServerAPI, [
@@ -7128,7 +7181,7 @@ ${section.body}` : section.body).join("\n\n"));
         });
         return middlewares.push(...after), {
             close: async ()=>{
-                await compilationManager?.close();
+                await buildManager?.close();
             },
             onUpgrade,
             middlewares
@@ -7405,14 +7458,14 @@ ${section.body}` : section.body).join("\n\n"));
         return createServer(middlewares);
     };
     async function setupWatchFiles(options) {
-        let { config, root, compilationManager } = options, { hmr, liveReload } = config.dev;
-        if (!hmr && !liveReload || !compilationManager) return;
-        let closeDevFilesWatcher = await watchDevFiles(config.dev, compilationManager, root), serverFilesWatcher = await function(serverConfig, compilationManager, root) {
+        let { config, root, buildManager } = options, { hmr, liveReload } = config.dev;
+        if (!hmr && !liveReload || !buildManager) return;
+        let closeDevFilesWatcher = await watchDevFiles(config.dev, buildManager, root), serverFilesWatcher = await function(serverConfig, buildManager, root) {
             let publicDirs = normalizePublicDirs(serverConfig.publicDir);
             if (!publicDirs.length) return;
             let watchPaths = publicDirs.filter((item)=>item.watch).map((item)=>item.name);
-            if (watchPaths.length) return startWatchFiles(prepareWatchOptions(watchPaths), compilationManager, root);
-        }(config.server, compilationManager, root);
+            if (watchPaths.length) return startWatchFiles(prepareWatchOptions(watchPaths), buildManager, root);
+        }(config.server, buildManager, root);
         return {
             async close () {
                 await Promise.all([
@@ -7422,12 +7475,12 @@ ${section.body}` : section.body).join("\n\n"));
             }
         };
     }
-    async function watchDevFiles(devConfig, compilationManager, root) {
+    async function watchDevFiles(devConfig, buildManager, root) {
         let { watchFiles } = devConfig;
         if (!watchFiles) return;
         let watchers = [];
         for (let { paths, options, type } of helpers_castArray(watchFiles)){
-            let watchOptions = prepareWatchOptions(paths, options, type), watcher = await startWatchFiles(watchOptions, compilationManager, root);
+            let watchOptions = prepareWatchOptions(paths, options, type), watcher = await startWatchFiles(watchOptions, buildManager, root);
             watcher && watchers.push(watcher);
         }
         return async ()=>{
@@ -7458,11 +7511,11 @@ ${section.body}` : section.body).join("\n\n"));
         }
         return chokidar.watch(Array.from(watchFiles), options);
     }
-    async function startWatchFiles({ paths, options, type = 'reload-page' }, compilationManager, root) {
+    async function startWatchFiles({ paths, options, type = 'reload-page' }, buildManager, root) {
         if ('reload-page' !== type) return;
         let watcher = await createChokidar(paths, root, options);
         return watcher.on('change', ()=>{
-            compilationManager.socketServer.sockWrite({
+            buildManager.socketServer.sockWrite({
                 type: 'static-changed'
             });
         }), watcher;
@@ -7496,14 +7549,14 @@ ${section.body}` : section.body).join("\n\n"));
             });
             let publicPaths = helpers_isMultiCompiler(compiler) ? compiler.compilers.map(getPublicPathFromCompiler) : [
                 getPublicPathFromCompiler(compiler)
-            ], compilationManager = new CompilationManager({
+            ], buildManager = new BuildManager({
+                context,
                 config,
                 compiler,
                 publicPaths: publicPaths,
-                resolvedPort: port,
-                environments: context.environments
+                resolvedPort: port
             });
-            return await compilationManager.init(), compilationManager;
+            return await buildManager.init(), buildManager;
         }, protocol = https ? 'https' : 'http', urls = await getAddressUrls({
             protocol,
             port,
@@ -7552,21 +7605,21 @@ ${section.body}` : section.body).join("\n\n"));
                 name,
                 {
                     getStats: async ()=>{
-                        if (!compilationManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('getStats')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
+                        if (!buildManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('getStats')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
                         return await waitLastCompileDone, lastStats[environment.index];
                     },
                     context: environment,
                     loadBundle: async (entryName)=>{
-                        if (!compilationManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('loadBundle')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
+                        if (!buildManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('loadBundle')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
                         return await waitLastCompileDone, cacheableLoadBundle(lastStats[environment.index], entryName, {
-                            readFileSync: compilationManager.readFileSync,
+                            readFileSync: buildManager.readFileSync,
                             environment
                         });
                     },
                     getTransformedHtml: async (entryName)=>{
-                        if (!compilationManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('getTransformedHtml')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
+                        if (!buildManager) throw Error(`${picocolors_index_js_default().dim('[rsbuild:server]')} Can not call ${picocolors_index_js_default().yellow('getTransformedHtml')} when ${picocolors_index_js_default().yellow('runCompile')} is false`);
                         return await waitLastCompileDone, cacheableTransformedHtml(lastStats[environment.index], entryName, {
-                            readFileSync: compilationManager.readFileSync,
+                            readFileSync: buildManager.readFileSync,
                             environment
                         });
                     }
@@ -7579,7 +7632,7 @@ ${section.body}` : section.body).join("\n\n"));
             middlewares,
             environments: environmentAPI,
             httpServer,
-            sockWrite: (type, data)=>compilationManager?.socketServer.sockWrite({
+            sockWrite: (type, data)=>buildManager?.socketServer.sockWrite({
                     type,
                     data
                 }),
@@ -7620,20 +7673,20 @@ ${section.body}` : section.body).join("\n\n"));
             environments: context.environments
         })).filter((item)=>'function' == typeof item);
         runCompile ? context.hooks.onBeforeCreateCompiler.tap(beforeCreateCompiler) : await beforeCreateCompiler();
-        let compilationManager = runCompile ? await startCompile() : void 0;
+        let buildManager = runCompile ? await startCompile() : void 0;
         for (let item of (fileWatcher = await setupWatchFiles({
             config,
-            compilationManager,
+            buildManager,
             root
         }), (devMiddlewares = await getDevMiddlewares({
             pwd: root,
-            compilationManager,
+            buildManager,
             config,
             devServerAPI,
             context,
             postCallbacks
         })).middlewares))Array.isArray(item) ? middlewares.use(...item) : middlewares.use(item);
-        return compilationManager?.watch(), index_js_namespaceObject.logger.debug('create dev server done'), devServerAPI;
+        return buildManager?.watch(), index_js_namespaceObject.logger.debug('create dev server done'), devServerAPI;
     }
     let rspackProvider = ({ context, pluginManager, rsbuildOptions })=>{
         let createCompiler = async ()=>(await createCompiler_createCompiler({
@@ -7830,7 +7883,7 @@ ${section.body}` : section.body).join("\n\n"));
         let plugins, context1, envs = options.loadEnv ? loadEnv({
             cwd: options.cwd,
             ...'boolean' == typeof options.loadEnv ? {} : options.loadEnv
-        }) : null, config = isFunction(options.rsbuildConfig) ? await options.rsbuildConfig() : options.rsbuildConfig || {};
+        }) : null, configOrFactory = options.config ?? options.rsbuildConfig, config = isFunction(configOrFactory) ? await configOrFactory() : configOrFactory || {};
         config.logLevel && !isDebug() && (index_js_namespaceObject.logger.level = config.logLevel), function(config, envs) {
             if (null !== envs && (config.source ||= {}, config.source.define = {
                 ...envs.publicVars,
@@ -9791,7 +9844,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             var cwd, envDir;
             let cwd1 = process.cwd(), root = commonOpts.root ? ensureAbsolutePath(cwd1, commonOpts.root) : cwd1, rsbuild = await createRsbuild({
                 cwd: root,
-                rsbuildConfig: ()=>init_loadConfig(root),
+                config: ()=>init_loadConfig(root),
                 environment: commonOpts.environment,
                 loadEnv: !1 !== commonOpts.env && {
                     cwd: (cwd = root, (envDir = commonOpts.envDir) ? external_node_path_default().isAbsolute(envDir) ? envDir : external_node_path_default().join(cwd, envDir) : cwd),
@@ -9892,11 +9945,11 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
         }
         !function() {
             let { npm_execpath, npm_lifecycle_event, NODE_RUN_SCRIPT_NAME } = process.env, isBun = npm_execpath?.includes('.bun');
-            index_js_namespaceObject.logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v1.5.12\n`);
+            index_js_namespaceObject.logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v1.5.13\n`);
         }();
         try {
             let cli, devDescription, devCommand, buildCommand, previewCommand, inspectCommand;
-            (cli = ((name = "")=>new CAC(name))('rsbuild')).version("1.5.12"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
+            (cli = ((name = "")=>new CAC(name))('rsbuild')).version("1.5.13"), cli.option('--base <base>', 'Set the base path of the server').option('-c, --config <config>', 'Set the configuration file (relative or absolute path)').option('--config-loader <loader>', 'Set the config file loader (auto | jiti | native)', {
                 default: 'jiti'
             }).option('--env-dir <dir>', 'Set the directory for loading `.env` files').option('--env-mode <mode>', 'Set the env mode to load the `.env.[mode]` file').option('--environment <name>', 'Set the environment name(s) to build', {
                 type: [
@@ -9953,7 +10006,7 @@ throw new Error('Failed to load Node.js addon: "${name}"\\n' + error);
             index_js_namespaceObject.logger.error('Failed to start Rsbuild CLI.'), index_js_namespaceObject.logger.error(err);
         }
     }
-    let src_version = "1.5.12";
+    let src_version = "1.5.13";
 })(), exports.PLUGIN_CSS_NAME = __webpack_exports__.PLUGIN_CSS_NAME, exports.PLUGIN_SWC_NAME = __webpack_exports__.PLUGIN_SWC_NAME, exports.createRsbuild = __webpack_exports__.createRsbuild, exports.defaultAllowedOrigins = __webpack_exports__.defaultAllowedOrigins, exports.defineConfig = __webpack_exports__.defineConfig, exports.ensureAssetPrefix = __webpack_exports__.ensureAssetPrefix, exports.loadConfig = __webpack_exports__.loadConfig, exports.loadEnv = __webpack_exports__.loadEnv, exports.logger = __webpack_exports__.logger, exports.mergeRsbuildConfig = __webpack_exports__.mergeRsbuildConfig, exports.rspack = __webpack_exports__.rspack, exports.runCLI = __webpack_exports__.runCLI, exports.version = __webpack_exports__.version, __webpack_exports__)-1 === [
     "PLUGIN_CSS_NAME",
     "PLUGIN_SWC_NAME",