@rsbuild/core 0.5.4 → 0.5.6

package/dist/cli/commands.js

@@ -39,7 +39,7 @@ const applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.5.4");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.5.6");
   const devCommand = import_commander.program.command("dev");
   const buildCommand = import_commander.program.command("build");
   const previewCommand = import_commander.program.command("preview");

package/dist/cli/prepare.js

@@ -34,7 +34,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  import_rslog.logger.greet(`  ${`Rsbuild v${"0.5.4"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"0.5.6"}`}
 `);
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/client/hmr/createSocketUrl.d.ts

@@ -2,7 +2,8 @@
  * hmr socket connect path
  */
 export declare const HMR_SOCK_PATH = "/rsbuild-hmr";
-export declare function createSocketUrl(resourceQuery: string): string;
+export declare function parseParams(resourceQuery: string): Record<string, string>;
+export declare function createSocketUrl(options?: Record<string, string>): string;
 export declare function formatURL({ port, protocol, hostname, pathname, }: {
     port: string;
     protocol: string;

package/dist/client/hmr/overlay.d.ts

@@ -0,0 +1,2 @@
+export declare function createOverlay(err: string[]): void;
+export declare function clearOverlay(): void;

package/dist/client/hmr.mjs

@@ -7,6 +7,12 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _assert_this_initialized(self1) {
+    if (self1 === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self1;
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -36,6 +42,63 @@ function _async_to_generator(fn) {
         });
     };
 }
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _construct(Parent, args, Class) {
+    if (_is_native_reflect_construct()) {
+        _construct = Reflect.construct;
+    } else {
+        _construct = function construct(Parent, args, Class) {
+            var a = [
+                null
+            ];
+            a.push.apply(a, args);
+            var Constructor = Function.bind.apply(Parent, a);
+            var instance = new Constructor();
+            if (Class) _set_prototype_of(instance, Class.prototype);
+            return instance;
+        };
+    }
+    return _construct.apply(null, arguments);
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _is_native_function(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -63,9 +126,26 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _possible_constructor_return(self1, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self1);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -74,6 +154,56 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+function _wrap_native_super(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+    _wrap_native_super = function wrapNativeSuper(Class) {
+        if (Class === null || !_is_native_function(Class)) return Class;
+        if (typeof Class !== "function") {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        if (typeof _cache !== "undefined") {
+            if (_cache.has(Class)) return _cache.get(Class);
+            _cache.set(Class, Wrapper);
+        }
+        function Wrapper() {
+            return _construct(Class, arguments, _get_prototype_of(this).constructor);
+        }
+        Wrapper.prototype = Object.create(Class.prototype, {
+            constructor: {
+                value: Wrapper,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        return _set_prototype_of(Wrapper, Class);
+    };
+    return _wrap_native_super(Class);
+}
+function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
+}
 function _ts_generator(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
@@ -229,15 +359,15 @@ function formatStatsMessages(json) {
 }
 // src/client/hmr/createSocketUrl.ts
 var HMR_SOCK_PATH = "/rsbuild-hmr";
-function createSocketUrl(resourceQuery) {
+function parseParams(resourceQuery) {
     var searchParams = resourceQuery.substr(1).split("&");
-    var options = {};
+    var options2 = {};
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = searchParams[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var pair = _step.value;
             var ary = pair.split("=");
-            options[ary[0]] = decodeURIComponent(ary[1]);
+            options2[ary[0]] = decodeURIComponent(ary[1]);
         }
     } catch (err) {
         _didIteratorError = true;
@@ -253,8 +383,12 @@ function createSocketUrl(resourceQuery) {
             }
         }
     }
+    return options2;
+}
+function createSocketUrl() {
+    var options2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var currentLocation = self.location;
-    return getSocketUrl(options, currentLocation);
+    return getSocketUrl(options2, currentLocation);
 }
 function formatURL(param) {
     var port = param.port, protocol = param.protocol, hostname = param.hostname, pathname = param.pathname;
@@ -278,8 +412,125 @@ function getSocketUrl(urlParts, location) {
         pathname: path || HMR_SOCK_PATH
     });
 }
+// src/client/hmr/overlay.ts
+function stripAnsi(content) {
+    var pattern = [
+        "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+        "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
+    ].join("|");
+    var regex = new RegExp(pattern, "g");
+    return content.replace(regex, "");
+}
+function linkedText(root, selector, text) {
+    var _loop = function() {
+        var file = match[0], index = match.index;
+        if (index != null) {
+            var frag2 = text.slice(curIndex, index);
+            el.appendChild(document.createTextNode(frag2));
+            var link = document.createElement("a");
+            link.textContent = file;
+            link.className = "file-link";
+            link.onclick = function() {
+                fetch("/__open-in-editor?file=".concat(encodeURIComponent(file)));
+            };
+            el.appendChild(link);
+            curIndex += frag2.length + file.length;
+        }
+        match = fileRegex.exec(text);
+    };
+    var el = root.querySelector(selector);
+    var fileRegex = /(?:[a-zA-Z]:\\|\/).*?:\d+:\d+/g;
+    var curIndex = 0;
+    var match = fileRegex.exec(text);
+    while(match !== null)_loop();
+    var frag = text.slice(curIndex);
+    el.appendChild(document.createTextNode(frag));
+}
+var overlayTemplate = '\n<style>\n.root {\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  margin: 0;\n  background: rgba(0, 0, 0, 0.66);\n  cursor: pointer;\n}\n.container {\n  font-family: Menlo, Consolas, monospace;\n  line-height: 1.6;\n  width: 800px;\n  max-width: 85%;\n  color: #d8d8d8;\n  margin: 32px auto;\n  padding: 32px 40px;\n  position: relative;\n  background: #181818;\n  border-radius: 24px;\n  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\n  overflow: hidden;\n  direction: ltr;\n  text-align: left;\n  box-sizing: border-box;\n  cursor: default;\n}\n.title {\n  margin: 0 0 20px;\n  padding-bottom: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: #fc5e5e;\n  border-bottom: 2px solid rgba(252,94,94,.66);\n}\n.content {\n  margin: 0;\n  font-size: 14px;\n  font-family: inherit;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  color: #b8b8b8;\n}\n.content::-webkit-scrollbar {\n  display: none;\n}\n.file-link {\n  cursor: pointer;\n  color: #27caca;\n  text-decoration: underline;\n  &:hover {\n    opacity: 0.8;\n  }\n  &:active {\n    opacity: 0.6;\n  }\n}\n.close {\n  position: absolute;\n  top: 27px;\n  right: 32px;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.close:hover {\n  opacity: 0.8;\n}\n.close:active {\n  opacity: 0.6;\n}\n.close:before,\n.close:after {\n  position: absolute;\n  left: 16px;\n  top: 8px;\n  content: \' \';\n  height: 18px;\n  width: 2px;\n  border-radius: 4px;\n  background-color: #b8b8b8;\n}\n.close:before {\n  transform: rotate(45deg);\n}\n.close:after {\n  transform: rotate(-45deg);\n}\n.footer {\n  font-size: 12px;\n  color: #7e6a92;\n  margin-top: 20px;\n  padding-top: 12px;\n  border-top: 2px solid rgba(126,106,146,.6);\n}\n.footer p {\n  margin: 4px 0 0;\n}\n.footer span {\n  color: #a88dc3;\n}\n</style>\n\n<div class="root">\n  <div class="container">\n    <div class="close"></div>\n    <p class="title">Compilation failed</p>\n    <pre class="content"></pre>\n    <footer class="footer">\n      <p><span>Fix error</span>, click outside, or press Esc to close the overlay.</p>\n      <p>Disable overlay by setting Rsbuild\'s <span>dev.client.overlay</span> config to false.<p>\n    </footer>\n  </div>\n</div>\n';
+var _globalThis_HTMLElement = globalThis.HTMLElement, HTMLElement = _globalThis_HTMLElement === void 0 ? function HTMLElement() {
+    "use strict";
+    _class_call_check(this, HTMLElement);
+} : _globalThis_HTMLElement, customElements = globalThis.customElements;
+var ErrorOverlay = /*#__PURE__*/ function(HTMLElement) {
+    "use strict";
+    _inherits(ErrorOverlay, HTMLElement);
+    var _super = _create_super(ErrorOverlay);
+    function ErrorOverlay(message) {
+        _class_call_check(this, ErrorOverlay);
+        var _this;
+        var _root_querySelector;
+        _this = _super.call(this);
+        _define_property(_assert_this_initialized(_this), "close", function() {
+            var remove = function() {
+                var _this_parentNode;
+                return (_this_parentNode = _this.parentNode) === null || _this_parentNode === void 0 ? void 0 : _this_parentNode.removeChild(_assert_this_initialized(_this));
+            };
+            if (_this.animate) {
+                _this.animate([
+                    {
+                        opacity: 1
+                    },
+                    {
+                        opacity: 0
+                    }
+                ], {
+                    duration: 300,
+                    easing: "ease-out"
+                }).addEventListener("finish", remove);
+            } else {
+                remove();
+            }
+        });
+        if (!_this.attachShadow) {
+            console.warn("[Rsbuild] Current browser version does not support displaying error overlay");
+            return _possible_constructor_return(_this);
+        }
+        var root = _this.attachShadow({
+            mode: "open"
+        });
+        root.innerHTML = overlayTemplate;
+        linkedText(root, ".content", stripAnsi(message.join("/n")).trim());
+        (_root_querySelector = root.querySelector(".close")) === null || _root_querySelector === void 0 ? void 0 : _root_querySelector.addEventListener("click", _this.close);
+        _this.addEventListener("click", _this.close);
+        root.querySelector(".container").addEventListener("click", function(e) {
+            e.stopPropagation();
+        });
+        var onEscKeydown = function(e) {
+            if (e.key === "Escape" || e.code === "Escape") {
+                _this.close();
+            }
+            document.removeEventListener("keydown", onEscKeydown);
+        };
+        document.addEventListener("keydown", onEscKeydown);
+        return _this;
+    }
+    return ErrorOverlay;
+}(_wrap_native_super(HTMLElement));
+var overlayId = "rsbuild-error-overlay";
+if (customElements && !customElements.get(overlayId)) {
+    customElements.define(overlayId, ErrorOverlay);
+}
+var documentAvailable = typeof document !== "undefined";
+function createOverlay(err) {
+    if (!documentAvailable) {
+        console.info("[Rsbuild] Failed to display error overlay as document is not available, you can disable the `dev.client.overlay` option.");
+        return;
+    }
+    clearOverlay();
+    document.body.appendChild(new ErrorOverlay(err));
+}
+function clearOverlay() {
+    if (!documentAvailable) {
+        return;
+    }
+    document.querySelectorAll(overlayId).forEach(function(n) {
+        return n.close();
+    });
+}
 // src/client/hmr/index.ts
-var socketUrl = createSocketUrl(__resourceQuery);
+var options = parseParams(__resourceQuery);
+var socketUrl = createSocketUrl(options);
+var enableOverlay = options.overlay === "true";
 var isFirstCompilation = true;
 var mostRecentCompilationHash = null;
 var hasCompileErrors = false;
@@ -354,6 +605,9 @@ function handleErrors(errors) {
             }
         }
     }
+    if (enableOverlay) {
+        createOverlay(formatted.errors);
+    }
 }
 function handleAvailableHash(hash) {
     mostRecentCompilationHash = hash;
@@ -403,12 +657,16 @@ function onMessage(e) {
     var message = JSON.parse(e.data);
     switch(message.type){
         case "hash":
+            if (enableOverlay) {
+                clearOverlay();
+            }
             handleAvailableHash(message.data);
             break;
         case "still-ok":
         case "ok":
             handleSuccess();
             break;
+        case "static-changed":
         case "content-changed":
             window.location.reload();
             break;

package/dist/index.js

@@ -38,7 +38,7 @@ var import_config = require("./config");
 var import_shared = require("@rsbuild/shared");
 var import_mergeConfig = require("./mergeConfig");
 var import_constants = require("./constants");
-const version = "0.5.4";
+const version = "0.5.6";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,

package/dist/provider/build.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var build_exports = {};
 __export(build_exports, {
@@ -50,11 +60,13 @@ const build = async (initOptions, { mode = "production", watch, compiler: custom
     isFirstCompile = false;
     await p;
   };
-  if ((0, import_shared.isMultiCompiler)(compiler)) {
-    compiler.hooks.done.tap("rsbuild:done", onDone);
-  } else {
-    compiler.hooks.done.tapPromise("rsbuild:done", onDone);
-  }
+  const { MultiStats: MultiStatsStor } = await Promise.resolve().then(() => __toESM(require("@rspack/core")));
+  (0, import_shared.onCompileDone)(
+    compiler,
+    onDone,
+    // @ts-expect-error type mismatch
+    MultiStatsStor
+  );
   if (watch) {
     compiler.watch({}, (err) => {
       if (err) {

package/dist/provider/createCompiler.js

@@ -109,11 +109,13 @@ async function createCompiler({
     isCompiling = false;
     isFirstCompile = false;
   };
-  if ((0, import_shared.isMultiCompiler)(compiler)) {
-    compiler.hooks.done.tap("rsbuild:done", done);
-  } else {
-    compiler.hooks.done.tapPromise("rsbuild:done", done);
-  }
+  const { MultiStats: MultiStatsStor } = await Promise.resolve().then(() => __toESM(require("@rspack/core")));
+  (0, import_shared.onCompileDone)(
+    compiler,
+    done,
+    // @ts-expect-error type mismatch
+    MultiStatsStor
+  );
   await context.hooks.onAfterCreateCompiler.call({ compiler });
   (0, import_shared.debug)("create compiler done");
   return compiler;

package/dist/provider/createContext.js

@@ -44,7 +44,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   const context = {
     entry: (0, import_entry.getEntryObject)(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.5.4",
+    version: "0.5.6",
     rootPath,
     distPath,
     cachePath,

package/dist/provider/initPlugins.js

@@ -63,11 +63,23 @@ function getPluginAPI({
       {}
     );
   };
+  const exposed = [];
+  const expose = (id, api) => {
+    exposed.push({ id, api });
+  };
+  const useExposed = (id) => {
+    const matched = exposed.find((item) => item.id === id);
+    if (matched) {
+      return matched.api;
+    }
+  };
   (0, import_shared.onExitProcess)(() => {
     hooks.onExit.call();
   });
   return {
     context: publicContext,
+    expose,
+    useExposed,
     getHTMLPaths,
     getRsbuildConfig,
     getNormalizedConfig,

package/dist/provider/shared.d.ts

@@ -1,11 +1,14 @@
-import { type Stats, type MultiStats } from '@rsbuild/shared';
+import { type Stats, type MultiStats, type StatsError } from '@rsbuild/shared';
 import type { RsbuildPlugin } from '../types';
 import { type Plugins } from '@rsbuild/shared';
+import type { StatsCompilation } from '@rspack/core';
 export declare const applyDefaultPlugins: (plugins: Plugins) => import("@rsbuild/shared").AwaitableGetter<RsbuildPlugin>;
 export declare const rspackMinVersion = "0.5.0";
 export declare const isSatisfyRspackVersion: (originalVersion: string) => Promise<boolean>;
 export declare const getCompiledPath: (packageName: string) => string;
 export declare const BUILTIN_LOADER = "builtin:";
+export declare const getAllStatsErrors: (statsData: StatsCompilation) => StatsError[] | undefined;
+export declare const getAllStatsWarnings: (statsData: StatsCompilation) => StatsError[] | undefined;
 export declare function formatStats(stats: Stats | MultiStats): {
     message: string;
     level: string;

package/dist/provider/shared.js

@@ -31,6 +31,8 @@ __export(shared_exports, {
   BUILTIN_LOADER: () => BUILTIN_LOADER,
   applyDefaultPlugins: () => applyDefaultPlugins,
   formatStats: () => formatStats,
+  getAllStatsErrors: () => getAllStatsErrors,
+  getAllStatsWarnings: () => getAllStatsWarnings,
   getCompiledPath: () => getCompiledPath,
   isSatisfyRspackVersion: () => isSatisfyRspackVersion,
   rspackMinVersion: () => rspackMinVersion
@@ -187,11 +189,33 @@ function formatErrorMessage(errors) {
 ${tip}
 ${text}`;
 }
+const getAllStatsErrors = (statsData) => {
+  if (statsData.errorsCount && statsData.errors?.length === 0) {
+    return statsData.children?.reduce(
+      (errors, curr) => errors.concat(curr.errors || []),
+      []
+    );
+  }
+  return statsData.errors;
+};
+const getAllStatsWarnings = (statsData) => {
+  if (statsData.warningsCount && statsData.warnings?.length === 0) {
+    return statsData.children?.reduce(
+      (warnings, curr) => warnings.concat(curr.warnings || []),
+      []
+    );
+  }
+  return statsData.warnings;
+};
 function formatStats(stats) {
   const statsData = stats.toJson({
-    preset: "errors-warnings"
+    preset: "errors-warnings",
+    children: true
+  });
+  const { errors, warnings } = (0, import_formatStats.formatStatsMessages)({
+    errors: getAllStatsErrors(statsData),
+    warnings: getAllStatsWarnings(statsData)
   });
-  const { errors, warnings } = (0, import_formatStats.formatStatsMessages)(statsData);
   if (errors.length) {
     return {
       message: formatErrorMessage(errors),
@@ -213,6 +237,8 @@ function formatStats(stats) {
   BUILTIN_LOADER,
   applyDefaultPlugins,
   formatStats,
+  getAllStatsErrors,
+  getAllStatsWarnings,
   getCompiledPath,
   isSatisfyRspackVersion,
   rspackMinVersion

package/dist/server/compilerDevMiddleware.js

@@ -39,12 +39,11 @@ module.exports = __toCommonJS(compilerDevMiddleware_exports);
 var import_socketServer = require("./socketServer");
 const noop = () => {
 };
-function getHMRClientPath(client) {
-  const protocol = client?.protocol ? `&protocol=${client.protocol}` : "";
-  const host = client?.host ? `&host=${client.host}` : "";
-  const path = client?.path ? `&path=${client.path}` : "";
-  const port = client?.port ? `&port=${client.port}` : "";
-  const clientEntry = `${require.resolve("@rsbuild/core/client/hmr")}?${host}${path}${port}${protocol}`;
+function getHMRClientPath(client = {}) {
+  const params = Object.entries(client).reduce((query, [key, value]) => {
+    return value ? `${query}&${key}=${value}` : `${query}`;
+  }, "");
+  const clientEntry = `${require.resolve("@rsbuild/core/client/hmr")}?${params}`;
   return clientEntry;
 }
 class CompilerDevMiddleware {

package/dist/server/helper.d.ts

@@ -58,6 +58,7 @@ export declare const getDevOptions: ({ rsbuildConfig, getPortSilently, }: {
             port?: string | undefined;
             host?: string | undefined;
             protocol?: "ws" | "wss" | undefined;
+            overlay?: boolean | undefined;
         } | undefined;
         setupMiddlewares?: ((middlewares: {
             unshift: (...handlers: import("@rsbuild/shared").RequestHandler[]) => void;

package/dist/server/socketServer.js

@@ -38,6 +38,7 @@ __export(socketServer_exports, {
 module.exports = __toCommonJS(socketServer_exports);
 var import_ws = __toESM(require("../../compiled/ws"));
 var import_shared = require("@rsbuild/shared");
+var import_shared2 = require("../provider/shared");
 class SocketServer {
   constructor(options) {
     __publicField(this, "wsServer");
@@ -136,8 +137,11 @@ class SocketServer {
       hash: true,
       assets: true,
       warnings: true,
+      warningsCount: true,
       errors: true,
-      errorDetails: false
+      errorsCount: true,
+      errorDetails: false,
+      children: true
     };
     return curStats.toJson(defaultStats);
   }
@@ -147,16 +151,16 @@ class SocketServer {
     if (!stats) {
       return null;
     }
-    const shouldEmit = !force && stats && (!stats.errors || stats.errors.length === 0) && stats.assets && stats.assets.every((asset) => !asset.emitted);
+    const shouldEmit = !force && stats && !stats.errorsCount && stats.assets && stats.assets.every((asset) => !asset.emitted);
     if (shouldEmit) {
       return this.sockWrite("still-ok");
     }
     this.sockWrite("hash", stats.hash);
-    if (stats.errors && stats.errors.length > 0) {
-      return this.sockWrite("errors", stats.errors);
+    if (stats.errorsCount) {
+      return this.sockWrite("errors", (0, import_shared2.getAllStatsErrors)(stats));
     }
-    if (stats.warnings && stats.warnings.length > 0) {
-      return this.sockWrite("warnings", stats.warnings);
+    if (stats.warningsCount) {
+      return this.sockWrite("warnings", (0, import_shared2.getAllStatsWarnings)(stats));
     }
     return this.sockWrite("ok");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "The Rspack-based build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -52,12 +52,12 @@
     "types.d.ts"
   ],
   "dependencies": {
-    "@rspack/core": "0.5.9",
+    "@rspack/core": "0.5.9-canary-8778e17-20240328104834",
     "@swc/helpers": "0.5.3",
     "core-js": "~3.36.0",
     "html-webpack-plugin": "npm:html-rspack-plugin@5.6.2",
     "postcss": "^8.4.38",
-    "@rsbuild/shared": "0.5.4"
+    "@rsbuild/shared": "0.5.6"
   },
   "devDependencies": {
     "@types/node": "16.x",