@rsbuild/core 1.5.12 → 1.5.13

package/dist/index.js

@@ -2444,6 +2444,8 @@ function formatMessage(stats, verbose) {
     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) {
@@ -2451,8 +2453,7 @@ function formatMessage(stats, verbose) {
                     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}`);
@@ -3332,6 +3333,7 @@ let configCache = {}, OVERRIDE_PATHS = [
         dev: {
             hmr: !0,
             liveReload: !0,
+            browserLogs: !0,
             watchFiles: [],
             assetPrefix: DEFAULT_ASSET_PREFIX,
             writeToDisk: !1,
@@ -3677,7 +3679,7 @@ async function updateEnvironmentContext(context, configs) {
 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,
@@ -3713,7 +3715,11 @@ async function createContext(options, userConfig) {
             ...rsbuildConfig
         },
         originalConfig: userConfig,
-        specifiedEnvironments
+        specifiedEnvironments,
+        buildState: {
+            status: 'idle',
+            hasErrors: !1
+        }
     };
 }
 let normalizePluginObject = (plugin)=>{
@@ -3892,7 +3898,6 @@ let configChain_CHAIN_ID = {
         STYLUS_RAW: 'stylus-raw',
         STYLUS_INLINE: 'stylus-inline',
         SVG: 'svg',
-        PUG: 'pug',
         VUE: 'vue',
         WASM: 'wasm',
         SVELTE: 'svelte'
@@ -3912,7 +3917,6 @@ let configChain_CHAIN_ID = {
         LESS: 'less',
         STYLUS: 'stylus',
         URL: 'url',
-        PUG: 'pug',
         VUE: 'vue',
         SWC: 'swc',
         SVGR: 'svgr',
@@ -4043,6 +4047,7 @@ let allowedEnvironmentDevKeys = [
     'hmr',
     'client',
     'liveReload',
+    'browserLogs',
     'writeToDisk',
     'assetPrefix',
     'progressBar',
@@ -4215,7 +4220,7 @@ function formatFileList(paths, rootPath) {
 async function createCompiler_createCompiler(options) {
     let version;
     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
@@ -4231,7 +4236,7 @@ async function createCompiler_createCompiler(options) {
     let isMultiCompiler = rspackConfigs.length > 1, compiler = isMultiCompiler ? rspack_rspack(rspackConfigs) : rspack_rspack(rspackConfigs[0]), isVersionLogged = !1, isCompiling = !1, logRspackVersion = ()=>{
         isVersionLogged || (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];
@@ -4242,8 +4247,10 @@ async function createCompiler_createCompiler(options) {
                 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);
@@ -4258,28 +4265,30 @@ async function createCompiler_createCompiler(options) {
             }
             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, ()=>{
         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.dim(` (${name})`) : '';
-                    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 && logger.error(message), 'warning' === level && 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.dim(` (${name})`) : '';
+                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 && logger.error(message), 'warning' === level && logger.warn(message), isCompiling = !1;
     }), 'dev' === context.action && registerDevHook({
         context,
         compiler,
@@ -5691,72 +5700,73 @@ let MODULE_PATH_REGEX = /.*[\\/]node_modules[\\/](?!\.pnpm[\\/])(?:(@[^\\/]+)[\\
             }
         };
     }
-}, swc_require = (0, external_node_module_.createRequire)(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.bold('c + enter')}  ${picocolors.dim('clear console')}`,
-            action: ()=>{
-                console.clear();
+}, swc_require = (0, external_node_module_.createRequire)(import.meta.url), builtinSwcLoaderName = 'builtin:swc-loader';
+async function getLocalhostResolvedAddress() {
+    let { promises: dns } = await import("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') {
+    if ('localhost' === host) {
+        let resolvedAddress = await getLocalhostResolvedAddress();
+        if (resolvedAddress) return resolvedAddress;
+    }
+    return void 0 === host || new Set([
+        '0.0.0.0',
+        '::',
+        '0000:0000:0000:0000:0000:0000:0000:0000'
+    ]).has(host) ? '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 = /["'&<>]/, UP_PATH_REGEXP = /(?:^|[\\/])\.\.(?:[\\/]|$)/;
+function getFileFromUrl(url, outputFileSystem, environments) {
+    let pathname;
+    try {
+        let urlObject = new URL(url, 'http://localhost');
+        urlObject.pathname && (pathname = external_node_querystring_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.bold('o + enter')}  ${picocolors.dim('open in browser')}`,
-            action: openPage
-        },
-        {
-            key: 'q',
-            description: `${picocolors.bold('q + enter')}  ${picocolors.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.bold('r + enter')}  ${picocolors.dim('restart server')}`,
-            action: restartServer
-        } : null,
-        {
-            key: 'u',
-            description: `${picocolors.bold('u + enter')}  ${picocolors.dim('show urls')}`,
-            action: printUrls
-        }
-    ].filter(Boolean);
-    if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${picocolors.dim('[rsbuild:config]')} ${picocolors.yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
-    help && logger.log(!0 === help ? `  ➜  ${picocolors.dim('press')} ${picocolors.bold('h + enter')} ${picocolors.dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
-    let { createInterface } = await import("node:readline"), rl = createInterface({
-        input: process.stdin
-    });
-    return rl.on('line', (input)=>{
-        if ('h' === input) {
-            let message = `\n  ${picocolors.bold(picocolors.blue('Shortcuts:'))}\n`;
-            for (let shortcut of shortcuts)message += `  ${shortcut.description}\n`;
-            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 = /["'&<>]/;
-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)=>(value.pathname && (value.pathname = external_node_querystring_unescape(value.pathname)), 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)){
@@ -5771,9 +5781,6 @@ function parseTokenList(str) {
     }
     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 import("../compiled/mrmime/index.js"), mime = lookup(str);
     return !!mime && ((mime.startsWith('text/') || 'application/json' === mime || 'application/manifest+json' === mime) && (mime += '; charset=utf-8'), mime);
@@ -5792,57 +5799,113 @@ let CACHE_CONTROL_NO_CACHE_REGEXP = /(?:^|,)\s*?no-cache\s*?(?:,|$)/, statuses =
     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 import("../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)(import.meta.url), assetsMiddleware = async ({ config, compiler, context, socketServer, resolvedPort })=>{
+    var config1, ready;
+    let watching, writeToDiskValues, resolvedHost = await resolveHostname(config.server.host), { environments } = context;
+    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 = 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
-    };
-    function invalid() {
-        context.state = !1, context.stats = void 0;
-    }
-    compiler.hooks.watchRun.tap('rsbuild-dev-middleware', invalid), compiler.hooks.invalid.tap('rsbuild-dev-middleware', invalid), compiler.hooks.done.tap('rsbuild-dev-middleware', function(stats) {
-        context.state = !0, context.stats = stats, process.nextTick(()=>{
-            let { state, callbacks } = context;
-            state && (context.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).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}": ` : '';
                 node_fs.mkdir(dir, {
                     recursive: !0
                 }, (mkdirError)=>{
                     if (mkdirError) {
-                        logger.error(`[rsbuild-dev-middleware] ${name}Unable to write "${dir}" directory to disk:\n${mkdirError.message}`), callback(mkdirError);
+                        logger.error(`[rsbuild:middleware] ${name}Unable to write "${dir}" directory to disk:\n${mkdirError.message}`), callback(mkdirError);
                         return;
                     }
                     node_fs.writeFile(targetPath, content, (writeFileError)=>{
                         if (writeFileError) {
-                            logger.error(`[rsbuild-dev-middleware] ${name}Unable to write "${targetPath}" asset to disk:\n${writeFileError.message}`), callback(writeFileError);
+                            logger.error(`[rsbuild:middleware] ${name}Unable to write "${targetPath}" asset to disk:\n${writeFileError.message}`), callback(writeFileError);
                             return;
                         }
                         callback();
@@ -5850,21 +5913,19 @@ async function devMiddleware(compiler, options = {}) {
                 });
             }), compiler.__hasRsbuildAssetEmittedCallback = !0);
         });
-    }(context), context.outputFileSystem = await setupOutputFileSystem(options, compilers);
-    let instance = async function(req, res, next) {
+    }(compilers, writeToDisk);
+    let outputFileSystem = await setupOutputFileSystem(writeToDisk, compilers), instance = (ready = (callback)=>{
+        'done' === context.buildState.status ? callback() : callbacks.push(callback);
+    }, async function(req, res, next) {
+        let { environments } = context;
         async function goNext() {
             return new Promise((resolve)=>{
-                ready(context, ()=>{
-                    res.locals = res.locals || {}, res.locals.webpack = {
-                        devMiddleware: context
-                    }, 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), document = 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);
@@ -5906,76 +5967,17 @@ async function devMiddleware(compiler, options = {}) {
             let byteLength = Buffer.byteLength(document);
             res.setHeader('Content-Length', byteLength), res.end(document);
         }
-        async function processRequest() {
-            var stat, range, offset, outputFileSystem;
-            let bufferOrStream, byteLength, end, extra = {}, filename = 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;
-            }(context, req.url, extra);
-            if (extra.errorCode) {
-                403 === extra.errorCode && logger.error(`[rsbuild-dev-middleware] Malicious path "${filename}".`), sendError(extra.errorCode);
+        ready(async function() {
+            var range, offset;
+            let bufferOrStream, byteLength, end;
+            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 && logger.error(`[rsbuild:middleware] Malicious path "${req.url}".`), sendError(resolved.errorCode);
                 return;
             }
-            if (!filename) return void await goNext();
-            let { size } = extra.stats, len = size, offset1 = 0;
+            let { fsStats, filename } = resolved, { size } = fsStats, len = size, offset1 = 0;
             if (!res.getHeader('Content-Type')) {
                 let contentType = await getContentType(filename);
                 contentType && res.setHeader('Content-Type', contentType);
@@ -5985,8 +5987,8 @@ async function devMiddleware(compiler, options = {}) {
                 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 = fsStats.mtime.getTime().toString(16), size = fsStats.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']) {
@@ -6049,14 +6051,14 @@ async function devMiddleware(compiler, options = {}) {
                     let lastModified = res.getHeader('Last-Modified');
                     return !lastModified || parseHttpDate(lastModified) <= parseHttpDate(ifRange);
                 }() && (parsedRanges = []), -1 === parsedRanges) {
-                    logger.error("[rsbuild-dev-middleware] Unsatisfiable range for 'Range' header."), res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size)), sendError(416, {
+                    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;
                 }
-                (-2 === parsedRanges ? logger.error("[rsbuild-dev-middleware] A malformed 'Range' header was provided. A regular response will be sent for this request.") : parsedRanges.length > 1 && 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) && (res.statusCode = 206, res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size, parsedRanges[0])), [offset1, len] = [
+                (-2 === parsedRanges ? logger.error("[rsbuild:middleware] A malformed 'Range' header was provided. A regular response will be sent for this request.") : parsedRanges.length > 1 && 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) && (res.statusCode = 206, res.setHeader('Content-Range', getValueContentRangeHeader('bytes', size, parsedRanges[0])), [offset1, len] = [
                     (range = parsedRanges[0]).start,
                     range.end - range.start + 1
                 ]);
@@ -6066,14 +6068,14 @@ async function devMiddleware(compiler, options = {}) {
                 end
             ]);
             try {
-                ({ bufferOrStream, byteLength } = (outputFileSystem = context.outputFileSystem, {
+                ({ bufferOrStream, byteLength } = {
                     bufferOrStream: outputFileSystem.createReadStream(filename, {
                         start: start,
                         end: end1
                     }),
                     byteLength: 0 === end1 ? 0 : end1 - start + 1
-                }));
-            } catch (_ignoreError) {
+                });
+            } catch  {
                 await goNext();
                 return;
             }
@@ -6099,106 +6101,101 @@ async function devMiddleware(compiler, options = {}) {
                         sendError(500);
                 }
             }), bufferOrStream.pipe(res), on_finished_default()(res, cleanup);
-        }
-        ready(context, 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()), 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 import("../compiled/@jridgewell/trace-mapping/index.js");
+    return originalPositionFor(new TraceMap(rawSourceMap), {
+        line,
+        column
+    });
 }
-async function getLocalhostResolvedAddress() {
-    let { promises: dns } = await import("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') {
-    if ('localhost' === host) {
-        let resolvedAddress = await getLocalhostResolvedAddress();
-        if (resolvedAddress) return resolvedAddress;
-    }
-    return void 0 === host || new Set([
-        '0.0.0.0',
-        '::',
-        '0000:0000:0000:0000:0000:0000:0000:0000'
-    ]).has(host) ? 'localhost' : host;
-}
-let compilationMiddleware_require = (0, external_node_module_.createRequire)(import.meta.url), getCompilationMiddleware = async ({ config, compiler, callbacks, environments, resolvedPort })=>{
-    var config1;
-    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(environments).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;
-        })
-    });
+        }(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 = external_node_util_promisify(fs.readFile);
+    try {
+        let sourceMap = await readFile(sourceMapInfo.filename);
+        if (sourceMap) return await mapSourceMapPosition(sourceMap.toString(), lineNumber, column);
+    } catch (error) {
+        error instanceof Error && 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.cyan('[browser]')} ${picocolors.red(message.message)}`;
+    if (message.stack) {
+        let rawLocation = await formatErrorLocation(message.stack, context, fs);
+        rawLocation && (log += picocolors.dim(` (${rawLocation})`));
+    }
+    return log;
 }, styles = {
     1: 'font-weight:bold',
     2: 'opacity:0.5',
@@ -6236,17 +6233,19 @@ class SocketServer {
     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();
     };
@@ -6270,8 +6269,8 @@ class SocketServer {
             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
         });
     }
@@ -6289,7 +6288,7 @@ class SocketServer {
         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();
             });
@@ -6298,6 +6297,14 @@ class SocketServer {
     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), 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', ()=>{
@@ -6529,17 +6536,17 @@ class SocketServer {
         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 = node_fs, 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 = node_fs, this.socketServer = new SocketServer(context, config.dev, ()=>this.outputFileSystem);
     }
     async init() {
         await this.setupCompilationMiddleware(), await this.socketServer.prepare();
@@ -6562,20 +6569,11 @@ class CompilationManager {
     }
     readFileSync = (fileName)=>'readFileSync' in this.outputFileSystem ? this.outputFileSystem.readFileSync(fileName, 'utf-8') : node_fs.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));
@@ -6586,6 +6584,59 @@ class CompilationManager {
         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.bold('c + enter')}  ${picocolors.dim('clear console')}`,
+            action: ()=>{
+                console.clear();
+            }
+        },
+        {
+            key: 'o',
+            description: `${picocolors.bold('o + enter')}  ${picocolors.dim('open in browser')}`,
+            action: openPage
+        },
+        {
+            key: 'q',
+            description: `${picocolors.bold('q + enter')}  ${picocolors.dim('quit process')}`,
+            action: async ()=>{
+                try {
+                    await closeServer();
+                } finally{
+                    process.exit(0);
+                }
+            }
+        },
+        restartServer ? {
+            key: 'r',
+            description: `${picocolors.bold('r + enter')}  ${picocolors.dim('restart server')}`,
+            action: restartServer
+        } : null,
+        {
+            key: 'u',
+            description: `${picocolors.bold('u + enter')}  ${picocolors.dim('show urls')}`,
+            action: printUrls
+        }
+    ].filter(Boolean);
+    if (customShortcuts && !Array.isArray(shortcuts = customShortcuts(shortcuts))) throw Error(`${picocolors.dim('[rsbuild:config]')} ${picocolors.yellow('dev.cliShortcuts')} option must return an array of shortcuts.`);
+    help && logger.log(!0 === help ? `  ➜  ${picocolors.dim('press')} ${picocolors.bold('h + enter')} ${picocolors.dim('to show shortcuts')}\n` : `  ➜  ${help}\n`);
+    let { createInterface } = await import("node:readline"), rl = createInterface({
+        input: process.stdin
+    });
+    return rl.on('line', (input)=>{
+        if ('h' === input) {
+            let message = `\n  ${picocolors.bold(picocolors.blue('Shortcuts:'))}\n`;
+            for (let shortcut of shortcuts)message += `  ${shortcut.description}\n`;
+            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 = node_zlib.constants.Z_BEST_SPEED } = {})=>(req, res, next)=>{
         let gzip, writeHeadStatus;
         if (filter && !filter(req, res)) return void next();
@@ -6752,7 +6803,7 @@ let faviconFallbackMiddleware = (req, res, next)=>{
             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 import("../compiled/cors/index.js");
@@ -6767,8 +6818,8 @@ let faviconFallbackMiddleware = (req, res, next)=>{
         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({
@@ -6838,25 +6889,25 @@ let faviconFallbackMiddleware = (req, res, next)=>{
             }
         })({
         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 import("../compiled/sirv/index.js"), { name } = publicDir, assetMiddleware = sirv((0, external_node_path_.isAbsolute)(name) ? name : (0, external_node_path_.join)(pwd, name), {
@@ -6866,28 +6917,28 @@ let faviconFallbackMiddleware = (req, res, next)=>{
         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' === logger.level && logger.debug(`    ${req.method} ${req.url} ${picocolors.yellow('fallback to')} ${newUrl}`), req.url = newUrl, compilationManager.middleware(req, res, (...args)=>{
+                'verbose' === logger.level && logger.debug(`    ${req.method} ${req.url} ${picocolors.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' === logger.level && middlewares.push(getRequestLoggerMiddleware());
     let { before, after } = ((config, devServerAPI)=>{
         let setupMiddlewares = config.dev.setupMiddlewares || [], serverOptions = pick(devServerAPI, [
@@ -6910,7 +6961,7 @@ let faviconFallbackMiddleware = (req, res, next)=>{
     });
     return middlewares.push(...after), {
         close: async ()=>{
-            await compilationManager?.close();
+            await buildManager?.close();
         },
         onUpgrade,
         middlewares
@@ -7186,14 +7237,14 @@ let runner_run = async ({ bundlePath, ...runnerFactoryOptions })=>{
     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([
@@ -7203,12 +7254,12 @@ async function setupWatchFiles(options) {
         }
     };
 }
-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 ()=>{
@@ -7236,11 +7287,11 @@ async function createChokidar(pathOrGlobs, root, options) {
     }
     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;
@@ -7274,14 +7325,14 @@ async function devServer_createDevServer(options, createCompiler, config, { comp
         });
         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,
@@ -7330,21 +7381,21 @@ async function devServer_createDevServer(options, createCompiler, config, { comp
             name,
             {
                 getStats: async ()=>{
-                    if (!compilationManager) throw Error(`${picocolors.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('getStats')} when ${picocolors.yellow('runCompile')} is false`);
+                    if (!buildManager) throw Error(`${picocolors.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('getStats')} when ${picocolors.yellow('runCompile')} is false`);
                     return await waitLastCompileDone, lastStats[environment.index];
                 },
                 context: environment,
                 loadBundle: async (entryName)=>{
-                    if (!compilationManager) throw Error(`${picocolors.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('loadBundle')} when ${picocolors.yellow('runCompile')} is false`);
+                    if (!buildManager) throw Error(`${picocolors.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('loadBundle')} when ${picocolors.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.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('getTransformedHtml')} when ${picocolors.yellow('runCompile')} is false`);
+                    if (!buildManager) throw Error(`${picocolors.dim('[rsbuild:server]')} Can not call ${picocolors.yellow('getTransformedHtml')} when ${picocolors.yellow('runCompile')} is false`);
                     return await waitLastCompileDone, cacheableTransformedHtml(lastStats[environment.index], entryName, {
-                        readFileSync: compilationManager.readFileSync,
+                        readFileSync: buildManager.readFileSync,
                         environment
                     });
                 }
@@ -7357,7 +7408,7 @@ async function devServer_createDevServer(options, createCompiler, config, { comp
         middlewares,
         environments: environmentAPI,
         httpServer,
-        sockWrite: (type, data)=>compilationManager?.socketServer.sockWrite({
+        sockWrite: (type, data)=>buildManager?.socketServer.sockWrite({
                 type,
                 data
             }),
@@ -7398,20 +7449,20 @@ async function devServer_createDevServer(options, createCompiler, config, { comp
         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(), logger.debug('create dev server done'), devServerAPI;
+    return buildManager?.watch(), logger.debug('create dev server done'), devServerAPI;
 }
 let rspackProvider = ({ context, pluginManager, rsbuildOptions })=>{
     let createCompiler = async ()=>(await createCompiler_createCompiler({
@@ -7607,7 +7658,7 @@ async function createRsbuild(options = {}) {
     let plugins, 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() && (logger.level = config.logLevel), function(config, envs) {
         if (null !== envs && (config.source ||= {}, config.source.define = {
             ...envs.publicVars,
@@ -9561,7 +9612,7 @@ async function init_init({ cliOptions, isRestart, isBuildWatch = !1 }) {
         var envDir;
         let cwd = process.cwd(), root = commonOpts.root ? ensureAbsolutePath(cwd, commonOpts.root) : cwd, rsbuild = await createRsbuild({
             cwd: root,
-            rsbuildConfig: ()=>init_loadConfig(root),
+            config: ()=>init_loadConfig(root),
             environment: commonOpts.environment,
             loadEnv: !1 !== commonOpts.env && {
                 cwd: (envDir = commonOpts.envDir) ? external_node_path_.default.isAbsolute(envDir) ? envDir : external_node_path_.default.join(root, envDir) : root,
@@ -9662,11 +9713,11 @@ function runCLI() {
     }
     !function() {
         let { npm_execpath, npm_lifecycle_event, NODE_RUN_SCRIPT_NAME } = process.env, isBun = npm_execpath?.includes('.bun');
-        logger.greet(`${'npx' === npm_lifecycle_event || isBun || NODE_RUN_SCRIPT_NAME ? '\n' : ''}Rsbuild v1.5.12\n`);
+        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: [
@@ -9723,5 +9774,5 @@ function runCLI() {
         logger.error('Failed to start Rsbuild CLI.'), logger.error(err);
     }
 }
-let src_version = "1.5.12";
+let src_version = "1.5.13";
 export { PLUGIN_CSS_NAME, PLUGIN_SWC_NAME, createRsbuild, defaultAllowedOrigins, defineConfig, ensureAssetPrefix, loadConfig_loadConfig as loadConfig, loadEnv, logger, mergeRsbuildConfig, rspack_rspack as rspack, runCLI, src_version as version };