@rspack/dev-server 1.1.4 → 1.1.5

package/README.md

@@ -1,15 +1,10 @@
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://assets.rspack.dev/rspack/rspack-banner-plain-dark.png">
-  <img alt="Rspack Banner" src="https://assets.rspack.dev/rspack/rspack-banner-plain-light.png">
-</picture>
-
 # @rspack/dev-server
 
 <p>
   <a href="https://npmjs.com/package/@rspack/dev-server?activeTab=readme"><img src="https://img.shields.io/npm/v/@rspack/dev-server?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
   <a href="https://npmcharts.com/compare/@rspack/dev-server?minimal=true"><img src="https://img.shields.io/npm/dm/@rspack/dev-server.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
   <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/@rspack/dev-server.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="node version"></a>
-  <a href="https://github.com/web-infra-dev/rspack-dev-server/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /></a>
+  <a href="https://github.com/rstackjs/rspack-dev-server/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /></a>
 </p>
 
 Use Rspack with a development server that provides live reloading. This should be used for development only.
@@ -68,37 +63,37 @@ $ rspack serve
 $ rspack serve -c ./your.config.js
 ```
 
-> See [CLI](https://rspack.dev/api/cli) for more details.
+> See [CLI](https://rspack.rs/api/cli) for more details.
 
 While starting the development server, you can specify the configuration by the `devServer` field of your Rspack config file:
 
 ```js
-// rspack.config.js
-module.exports = {
+// rspack.config.mjs
+export default {
   // ...
   devServer: {
     // the configuration of the development server
-    port: 8080
+    port: 8080,
   },
 };
 ```
 
-> See [DevServer](https://rspack.dev/config/dev-server) for all configuration options.
+> See [DevServer](https://rspack.rs/config/dev-server) for all configuration options.
 
 ### With the API
 
 While it's recommended to run `@rspack/dev-server` via the CLI, you may also choose to start a server via the API.
 
 ```js
-import { RspackDevServer } from "@rspack/dev-server";
-import rspack from "@rspack/core";
-import rspackConfig from './rspack.config.js';
+import { RspackDevServer } from '@rspack/dev-server';
+import rspack from '@rspack/core';
+import rspackConfig from './rspack.config.mjs';
 
 const compiler = rspack(rspackConfig);
 const devServerOptions = {
   ...rspackConfig.devServer,
   // override
-  port: 8888
+  port: 8888,
 };
 
 const server = new RspackDevServer(devServerOptions, compiler);
@@ -116,4 +111,4 @@ Thanks to the [webpack-dev-server](https://github.com/webpack/webpack-dev-server
 
 ## License
 
-[MIT licensed](https://github.com/web-infra-dev/rspack-dev-server/blob/main/LICENSE).
+[MIT licensed](https://github.com/rstackjs/rspack-dev-server/blob/main/LICENSE).

package/client/index.js

@@ -10,16 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import hotEmitter from "@rspack/core/hot/emitter.js";
+import hotEmitter from '@rspack/core/hot/emitter.js';
 /* global __resourceQuery, __webpack_hash__ */
 /* Rspack dev server runtime client */
 /// <reference types="webpack/module" />
-import webpackHotLog from "@rspack/core/hot/log.js";
-import { createOverlay, formatProblem, } from "webpack-dev-server/client/overlay.js";
-import socket from "webpack-dev-server/client/socket.js";
-import { defineProgressElement, isProgressSupported, } from "webpack-dev-server/client/progress.js";
-import { log, setLogLevel } from "webpack-dev-server/client/utils/log.js";
-import sendMessage from "webpack-dev-server/client/utils/sendMessage.js";
+import webpackHotLog from '@rspack/core/hot/log.js';
+import { createOverlay, formatProblem, } from 'webpack-dev-server/client/overlay.js';
+import socket from 'webpack-dev-server/client/socket.js';
+import { defineProgressElement, isProgressSupported, } from 'webpack-dev-server/client/progress.js';
+import { log, setLogLevel } from 'webpack-dev-server/client/utils/log.js';
+import sendMessage from 'webpack-dev-server/client/utils/sendMessage.js';
 /**
  * @typedef {Object} OverlayOptions
  * @property {boolean | (error: Error) => boolean} [warnings]
@@ -46,12 +46,12 @@ import sendMessage from "webpack-dev-server/client/utils/sendMessage.js";
  * @param {boolean | { warnings?: boolean | string; errors?: boolean | string; runtimeErrors?: boolean | string; }} overlayOptions
  */
 var decodeOverlayOptions = function (overlayOptions) {
-    if (typeof overlayOptions === "object") {
-        ["warnings", "errors", "runtimeErrors"].forEach(function (property) {
-            if (typeof overlayOptions[property] === "string") {
+    if (typeof overlayOptions === 'object') {
+        ['warnings', 'errors', 'runtimeErrors'].forEach(function (property) {
+            if (typeof overlayOptions[property] === 'string') {
                 var overlayFilterFunctionString = decodeURIComponent(overlayOptions[property]);
                 // eslint-disable-next-line no-new-func
-                overlayOptions[property] = new Function("message", "var callback = ".concat(overlayFilterFunctionString, "\n\t\t\t\treturn callback(message)"));
+                overlayOptions[property] = new Function('message', "var callback = ".concat(overlayFilterFunctionString, "\n\t\t\t\treturn callback(message)"));
             }
         });
     }
@@ -63,10 +63,10 @@ var decodeOverlayOptions = function (overlayOptions) {
 var parseURL = function (resourceQuery) {
     /** @type {{ [key: string]: string }} */
     var result = {};
-    if (typeof resourceQuery === "string" && resourceQuery !== "") {
-        var searchParams = resourceQuery.slice(1).split("&");
+    if (typeof resourceQuery === 'string' && resourceQuery !== '') {
+        var searchParams = resourceQuery.slice(1).split('&');
         for (var i = 0; i < searchParams.length; i++) {
-            var pair = searchParams[i].split("=");
+            var pair = searchParams[i].split('=');
             result[pair[0]] = decodeURIComponent(pair[1]);
         }
     }
@@ -106,22 +106,22 @@ var getCurrentScriptSource = function () {
     // `document.currentScript` is the most accurate way to find the current script,
     // but is not supported in all browsers.
     if (document.currentScript) {
-        return document.currentScript.getAttribute("src");
+        return document.currentScript.getAttribute('src');
     }
     // Fallback to getting all scripts running in the document.
     var scriptElements = document.scripts || [];
-    var scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, function (element) { return element.getAttribute("src"); });
+    var scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, function (element) { return element.getAttribute('src'); });
     if (scriptElementsWithSrc.length > 0) {
         var currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
-        return currentScript.getAttribute("src");
+        return currentScript.getAttribute('src');
     }
     // Fail as there was no script to use.
-    throw new Error("[webpack-dev-server] Failed to get current script source.");
+    throw new Error('[webpack-dev-server] Failed to get current script source.');
 };
 var parsedResourceQuery = parseURL(__resourceQuery);
 var enabledFeatures = {
-    "Hot Module Replacement": false,
-    "Live Reloading": false,
+    'Hot Module Replacement': false,
+    'Live Reloading': false,
     Progress: false,
     Overlay: false,
 };
@@ -132,15 +132,15 @@ var options = {
     progress: false,
     overlay: false,
 };
-if (parsedResourceQuery.hot === "true") {
+if (parsedResourceQuery.hot === 'true') {
     options.hot = true;
-    enabledFeatures["Hot Module Replacement"] = true;
+    enabledFeatures['Hot Module Replacement'] = true;
 }
-if (parsedResourceQuery["live-reload"] === "true") {
+if (parsedResourceQuery['live-reload'] === 'true') {
     options.liveReload = true;
-    enabledFeatures["Live Reloading"] = true;
+    enabledFeatures['Live Reloading'] = true;
 }
-if (parsedResourceQuery.progress === "true") {
+if (parsedResourceQuery.progress === 'true') {
     options.progress = true;
     enabledFeatures.Progress = true;
 }
@@ -149,10 +149,10 @@ if (parsedResourceQuery.overlay) {
         options.overlay = JSON.parse(parsedResourceQuery.overlay);
     }
     catch (e) {
-        log.error("Error parsing overlay options from resource query:", e);
+        log.error('Error parsing overlay options from resource query:', e);
     }
     // Fill in default "true" params for partially-specified objects.
-    if (typeof options.overlay === "object") {
+    if (typeof options.overlay === 'object') {
         options.overlay = __assign({ errors: true, warnings: true, runtimeErrors: true }, options.overlay);
         decodeOverlayOptions(options.overlay);
     }
@@ -161,7 +161,7 @@ if (parsedResourceQuery.overlay) {
 if (parsedResourceQuery.logging) {
     options.logging = parsedResourceQuery.logging;
 }
-if (typeof parsedResourceQuery.reconnect !== "undefined") {
+if (typeof parsedResourceQuery.reconnect !== 'undefined') {
     options.reconnect = Number(parsedResourceQuery.reconnect);
 }
 /**
@@ -169,7 +169,7 @@ if (typeof parsedResourceQuery.reconnect !== "undefined") {
  */
 var setAllLogLevel = function (level) {
     // This is needed because the HMR logger operate separately from dev server logger
-    webpackHotLog.setLogLevel(level === "verbose" || level === "log" ? "info" : level);
+    webpackHotLog.setLogLevel(level === 'verbose' || level === 'log' ? 'info' : level);
     setLogLevel(level);
 };
 if (options.logging) {
@@ -180,22 +180,22 @@ var logEnabledFeatures = function (features) {
     if (!features || listEnabledFeatures.length === 0) {
         return;
     }
-    var logString = "Server started:";
+    var logString = 'Server started:';
     // Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.
     for (var i = 0; i < listEnabledFeatures.length; i++) {
         var key = listEnabledFeatures[i];
-        logString += " ".concat(key, " ").concat(features[key] ? "enabled" : "disabled", ",");
+        logString += " ".concat(key, " ").concat(features[key] ? 'enabled' : 'disabled', ",");
     }
     // replace last comma with a period
-    logString = logString.slice(0, -1).concat(".");
+    logString = logString.slice(0, -1).concat('.');
     log.info(logString);
 };
 logEnabledFeatures(enabledFeatures);
-self.addEventListener("beforeunload", function () {
+self.addEventListener('beforeunload', function () {
     status.isUnloading = true;
 });
-var overlay = typeof window !== "undefined"
-    ? createOverlay(typeof options.overlay === "object"
+var overlay = typeof window !== 'undefined'
+    ? createOverlay(typeof options.overlay === 'object'
         ? {
             trustedTypesPolicyName: options.overlay.trustedTypesPolicyName,
             catchRuntimeError: options.overlay.runtimeErrors,
@@ -225,18 +225,18 @@ var reloadApp = function (_a, currentStatus) {
      */
     function applyReload(rootWindow, intervalId) {
         clearInterval(intervalId);
-        log.info("App updated. Reloading...");
+        log.info('App updated. Reloading...');
         rootWindow.location.reload();
     }
     var search = self.location.search.toLowerCase();
-    var allowToHot = search.indexOf("webpack-dev-server-hot=false") === -1;
-    var allowToLiveReload = search.indexOf("webpack-dev-server-live-reload=false") === -1;
+    var allowToHot = search.indexOf('webpack-dev-server-hot=false') === -1;
+    var allowToLiveReload = search.indexOf('webpack-dev-server-live-reload=false') === -1;
     if (hot && allowToHot) {
-        log.info("App hot update...");
-        hotEmitter.emit("webpackHotUpdate", currentStatus.currentHash);
-        if (typeof self !== "undefined" && self.window) {
+        log.info('App hot update...');
+        hotEmitter.emit('webpackHotUpdate', currentStatus.currentHash);
+        if (typeof self !== 'undefined' && self.window) {
             // broadcast update to window
-            self.postMessage("webpackHotUpdate".concat(currentStatus.currentHash), "*");
+            self.postMessage("webpackHotUpdate".concat(currentStatus.currentHash), '*');
         }
     }
     // allow refreshing the page only if liveReload isn't disabled
@@ -244,7 +244,7 @@ var reloadApp = function (_a, currentStatus) {
         var rootWindow_1 = self;
         // use parent window for reload (in case we're in an iframe with no valid src)
         var intervalId_1 = self.setInterval(function () {
-            if (rootWindow_1.location.protocol !== "about:") {
+            if (rootWindow_1.location.protocol !== 'about:') {
                 // reload immediately if protocol is valid
                 applyReload(rootWindow_1, intervalId_1);
             }
@@ -259,9 +259,9 @@ var reloadApp = function (_a, currentStatus) {
     }
 };
 var ansiRegex = new RegExp([
-    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
-    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))",
-].join("|"), "g");
+    '[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)',
+    '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))',
+].join('|'), 'g');
 /**
  *
  * Strip [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code) from a string.
@@ -272,31 +272,31 @@ var ansiRegex = new RegExp([
  * @return {string}
  */
 var stripAnsi = function (string) {
-    if (typeof string !== "string") {
+    if (typeof string !== 'string') {
         throw new TypeError("Expected a `string`, got `".concat(typeof string, "`"));
     }
-    return string.replace(ansiRegex, "");
+    return string.replace(ansiRegex, '');
 };
 var onSocketMessage = {
     hot: function () {
-        if (parsedResourceQuery.hot === "false") {
+        if (parsedResourceQuery.hot === 'false') {
             return;
         }
         options.hot = true;
     },
     liveReload: function () {
-        if (parsedResourceQuery["live-reload"] === "false") {
+        if (parsedResourceQuery['live-reload'] === 'false') {
             return;
         }
         options.liveReload = true;
     },
     invalid: function () {
-        log.info("App updated. Recompiling...");
+        log.info('App updated. Recompiling...');
         // Fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.
         if (options.overlay) {
-            overlay.send({ type: "DISMISS" });
+            overlay.send({ type: 'DISMISS' });
         }
-        sendMessage("Invalid");
+        sendMessage('Invalid');
     },
     /**
      * @param {string | undefined} hash
@@ -313,7 +313,7 @@ var onSocketMessage = {
      * @param {boolean} value
      */
     overlay: function (value) {
-        if (typeof document === "undefined") {
+        if (typeof document === 'undefined') {
             return;
         }
         options.overlay = value;
@@ -323,7 +323,7 @@ var onSocketMessage = {
      * @param {number} value
      */
     reconnect: function (value) {
-        if (parsedResourceQuery.reconnect === "false") {
+        if (parsedResourceQuery.reconnect === 'false') {
             return;
         }
         options.reconnect = value;
@@ -337,43 +337,43 @@ var onSocketMessage = {
     /**
      * @param {{ pluginName?: string, percent: number, msg: string }} data
      */
-    "progress-update": function progressUpdate(data) {
+    'progress-update': function progressUpdate(data) {
         if (options.progress) {
-            log.info("".concat(data.pluginName ? "[".concat(data.pluginName, "] ") : "").concat(data.percent, "% - ").concat(data.msg, "."));
+            log.info("".concat(data.pluginName ? "[".concat(data.pluginName, "] ") : '').concat(data.percent, "% - ").concat(data.msg, "."));
         }
         if (isProgressSupported()) {
-            if (typeof options.progress === "string") {
-                var progress = document.querySelector("wds-progress");
+            if (typeof options.progress === 'string') {
+                var progress = document.querySelector('wds-progress');
                 if (!progress) {
                     defineProgressElement();
-                    progress = document.createElement("wds-progress");
+                    progress = document.createElement('wds-progress');
                     document.body.appendChild(progress);
                 }
-                progress.setAttribute("progress", data.percent);
-                progress.setAttribute("type", options.progress);
+                progress.setAttribute('progress', data.percent);
+                progress.setAttribute('type', options.progress);
             }
         }
-        sendMessage("Progress", data);
+        sendMessage('Progress', data);
     },
-    "still-ok": function stillOk() {
-        log.info("Nothing changed.");
+    'still-ok': function stillOk() {
+        log.info('Nothing changed.');
         if (options.overlay) {
-            overlay.send({ type: "DISMISS" });
+            overlay.send({ type: 'DISMISS' });
         }
-        sendMessage("StillOk");
+        sendMessage('StillOk');
     },
     ok: function () {
-        sendMessage("Ok");
+        sendMessage('Ok');
         if (options.overlay) {
-            overlay.send({ type: "DISMISS" });
+            overlay.send({ type: 'DISMISS' });
         }
         reloadApp(options, status);
     },
     /**
      * @param {string} file
      */
-    "static-changed": function staticChanged(file) {
-        log.info("".concat(file ? "\"".concat(file, "\"") : "Content", " from static directory was changed. Reloading..."));
+    'static-changed': function staticChanged(file) {
+        log.info("".concat(file ? "\"".concat(file, "\"") : 'Content', " from static directory was changed. Reloading..."));
         self.location.reload();
     },
     /**
@@ -381,26 +381,26 @@ var onSocketMessage = {
      * @param {any} params
      */
     warnings: function (warnings, params) {
-        log.warn("Warnings while compiling.");
+        log.warn('Warnings while compiling.');
         var printableWarnings = warnings.map(function (error) {
-            var _a = formatProblem("warning", error), header = _a.header, body = _a.body;
+            var _a = formatProblem('warning', error), header = _a.header, body = _a.body;
             return "".concat(header, "\n").concat(stripAnsi(body));
         });
-        sendMessage("Warnings", printableWarnings);
+        sendMessage('Warnings', printableWarnings);
         for (var i = 0; i < printableWarnings.length; i++) {
             log.warn(printableWarnings[i]);
         }
-        var overlayWarningsSetting = typeof options.overlay === "boolean"
+        var overlayWarningsSetting = typeof options.overlay === 'boolean'
             ? options.overlay
             : options.overlay && options.overlay.warnings;
         if (overlayWarningsSetting) {
-            var warningsToDisplay = typeof overlayWarningsSetting === "function"
+            var warningsToDisplay = typeof overlayWarningsSetting === 'function'
                 ? warnings.filter(overlayWarningsSetting)
                 : warnings;
             if (warningsToDisplay.length) {
                 overlay.send({
-                    type: "BUILD_ERROR",
-                    level: "warning",
+                    type: 'BUILD_ERROR',
+                    level: 'warning',
                     messages: warnings,
                 });
             }
@@ -414,26 +414,26 @@ var onSocketMessage = {
      * @param {Error[]} errors
      */
     errors: function (errors) {
-        log.error("Errors while compiling. Reload prevented.");
+        log.error('Errors while compiling. Reload prevented.');
         var printableErrors = errors.map(function (error) {
-            var _a = formatProblem("error", error), header = _a.header, body = _a.body;
+            var _a = formatProblem('error', error), header = _a.header, body = _a.body;
             return "".concat(header, "\n").concat(stripAnsi(body));
         });
-        sendMessage("Errors", printableErrors);
+        sendMessage('Errors', printableErrors);
         for (var i = 0; i < printableErrors.length; i++) {
             log.error(printableErrors[i]);
         }
-        var overlayErrorsSettings = typeof options.overlay === "boolean"
+        var overlayErrorsSettings = typeof options.overlay === 'boolean'
             ? options.overlay
             : options.overlay && options.overlay.errors;
         if (overlayErrorsSettings) {
-            var errorsToDisplay = typeof overlayErrorsSettings === "function"
+            var errorsToDisplay = typeof overlayErrorsSettings === 'function'
                 ? errors.filter(overlayErrorsSettings)
                 : errors;
             if (errorsToDisplay.length) {
                 overlay.send({
-                    type: "BUILD_ERROR",
-                    level: "error",
+                    type: 'BUILD_ERROR',
+                    level: 'error',
                     messages: errors,
                 });
             }
@@ -446,11 +446,11 @@ var onSocketMessage = {
         log.error(error);
     },
     close: function () {
-        log.info("Disconnected!");
+        log.info('Disconnected!');
         if (options.overlay) {
-            overlay.send({ type: "DISMISS" });
+            overlay.send({ type: 'DISMISS' });
         }
-        sendMessage("Close");
+        sendMessage('Close');
     },
 };
 /**
@@ -458,43 +458,43 @@ var onSocketMessage = {
  * @returns {string}
  */
 var formatURL = function (objURL) {
-    var protocol = objURL.protocol || "";
-    if (protocol && protocol.substr(-1) !== ":") {
-        protocol += ":";
+    var protocol = objURL.protocol || '';
+    if (protocol && protocol.substr(-1) !== ':') {
+        protocol += ':';
     }
-    var auth = objURL.auth || "";
+    var auth = objURL.auth || '';
     if (auth) {
         auth = encodeURIComponent(auth);
-        auth = auth.replace(/%3A/i, ":");
-        auth += "@";
+        auth = auth.replace(/%3A/i, ':');
+        auth += '@';
     }
-    var host = "";
+    var host = '';
     if (objURL.hostname) {
         host =
             auth +
-                (objURL.hostname.indexOf(":") === -1
+                (objURL.hostname.indexOf(':') === -1
                     ? objURL.hostname
                     : "[".concat(objURL.hostname, "]"));
         if (objURL.port) {
             host += ":".concat(objURL.port);
         }
     }
-    var pathname = objURL.pathname || "";
+    var pathname = objURL.pathname || '';
     if (objURL.slashes) {
-        host = "//".concat(host || "");
-        if (pathname && pathname.charAt(0) !== "/") {
+        host = "//".concat(host || '');
+        if (pathname && pathname.charAt(0) !== '/') {
             pathname = "/".concat(pathname);
         }
     }
     else if (!host) {
-        host = "";
+        host = '';
     }
-    var search = objURL.search || "";
-    if (search && search.charAt(0) !== "?") {
+    var search = objURL.search || '';
+    if (search && search.charAt(0) !== '?') {
         search = "?".concat(search);
     }
-    var hash = objURL.hash || "";
-    if (hash && hash.charAt(0) !== "#") {
+    var hash = objURL.hash || '';
+    if (hash && hash.charAt(0) !== '#') {
         hash = "#".concat(hash);
     }
     pathname = pathname.replace(/[?#]/g, 
@@ -503,7 +503,7 @@ var formatURL = function (objURL) {
      * @returns {string}
      */
     function (match) { return encodeURIComponent(match); });
-    search = search.replace("#", "%23");
+    search = search.replace('#', '%23');
     return "".concat(protocol).concat(host).concat(pathname).concat(search).concat(hash);
 };
 /**
@@ -514,23 +514,23 @@ var createSocketURL = function (parsedURL) {
     var hostname = parsedURL.hostname;
     // Node.js module parses it as `::`
     // `new URL(urlString, [baseURLString])` parses it as '[::]'
-    var isInAddrAny = hostname === "0.0.0.0" || hostname === "::" || hostname === "[::]";
+    var isInAddrAny = hostname === '0.0.0.0' || hostname === '::' || hostname === '[::]';
     // why do we need this check?
     // hostname n/a for file protocol (example, when using electron, ionic)
     // see: https://github.com/webpack/webpack-dev-server/pull/384
     if (isInAddrAny &&
         self.location.hostname &&
-        self.location.protocol.indexOf("http") === 0) {
+        self.location.protocol.indexOf('http') === 0) {
         hostname = self.location.hostname;
     }
     var socketURLProtocol = parsedURL.protocol || self.location.protocol;
     // When https is used in the app, secure web sockets are always necessary because the browser doesn't accept non-secure web sockets.
-    if (socketURLProtocol === "auto:" ||
-        (hostname && isInAddrAny && self.location.protocol === "https:")) {
+    if (socketURLProtocol === 'auto:' ||
+        (hostname && isInAddrAny && self.location.protocol === 'https:')) {
         socketURLProtocol = self.location.protocol;
     }
-    socketURLProtocol = socketURLProtocol.replace(/^(?:http|.+-extension|file)/i, "ws");
-    var socketURLAuth = "";
+    socketURLProtocol = socketURLProtocol.replace(/^(?:http|.+-extension|file)/i, 'ws');
+    var socketURLAuth = '';
     // `new URL(urlString, [baseURLstring])` doesn't have `auth` property
     // Parse authentication credentials in case we need them
     if (parsedURL.username) {
@@ -539,7 +539,7 @@ var createSocketURL = function (parsedURL) {
         // we only include password if the username is not empty.
         if (parsedURL.password) {
             // Result: <username>:<password>
-            socketURLAuth = socketURLAuth.concat(":", parsedURL.password);
+            socketURLAuth = socketURLAuth.concat(':', parsedURL.password);
         }
     }
     // In case the host is a raw IPv6 address, it can be enclosed in
@@ -552,15 +552,15 @@ var createSocketURL = function (parsedURL) {
     // so we need to fall back to the default if they are not provided
     var socketURLHostname = (hostname ||
         self.location.hostname ||
-        "localhost").replace(/^\[(.*)\]$/, "$1");
+        'localhost').replace(/^\[(.*)\]$/, '$1');
     var socketURLPort = parsedURL.port;
-    if (!socketURLPort || socketURLPort === "0") {
+    if (!socketURLPort || socketURLPort === '0') {
         socketURLPort = self.location.port;
     }
     // If path is provided it'll be passed in via the resourceQuery as a
     // query param so it has to be parsed out of the querystring in order for the
     // client to open the socket to the correct location.
-    var socketURLPathname = "/ws";
+    var socketURLPathname = '/ws';
     if (parsedURL.pathname && !parsedURL.fromCurrentScript) {
         socketURLPathname = parsedURL.pathname;
     }

package/client/utils/ansiHTML.js

@@ -1,41 +1,41 @@
 // Reference to https://github.com/sindresorhus/ansi-regex
 var _regANSI = /(?:(?:\u001b\[)|\u009b)(?:(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?[A-M|f-m])|\u001b[A-M]/;
 var _defColors = {
-    reset: ["fff", "000"],
-    black: "000",
-    red: "ff0000",
-    green: "209805",
-    yellow: "e8bf03",
-    blue: "0000ff",
-    magenta: "ff00ff",
-    cyan: "00ffee",
-    lightgrey: "f0f0f0",
-    darkgrey: "888",
+    reset: ['fff', '000'],
+    black: '000',
+    red: 'ff0000',
+    green: '209805',
+    yellow: 'e8bf03',
+    blue: '0000ff',
+    magenta: 'ff00ff',
+    cyan: '00ffee',
+    lightgrey: 'f0f0f0',
+    darkgrey: '888',
 };
 var _styles = {
-    30: "black",
-    31: "red",
-    32: "green",
-    33: "yellow",
-    34: "blue",
-    35: "magenta",
-    36: "cyan",
-    37: "lightgrey",
+    30: 'black',
+    31: 'red',
+    32: 'green',
+    33: 'yellow',
+    34: 'blue',
+    35: 'magenta',
+    36: 'cyan',
+    37: 'lightgrey',
 };
 var _colorMode = {
-    2: "rgb",
+    2: 'rgb',
 };
 var _openTags = {
-    1: "font-weight:bold",
-    2: "opacity:0.5",
-    3: "<i>",
-    4: "<u>",
-    8: "display:none",
-    9: "<del>",
+    1: 'font-weight:bold',
+    2: 'opacity:0.5',
+    3: '<i>',
+    4: '<u>',
+    8: 'display:none',
+    9: '<del>',
     38: function (match) {
         // color
         var mode = _colorMode[match[0]];
-        if (mode === "rgb") {
+        if (mode === 'rgb') {
             var r = match[1];
             var g = match[2];
             var b = match[3];
@@ -46,7 +46,7 @@ var _openTags = {
     48: function (match) {
         // background color
         var mode = _colorMode[match[0]];
-        if (mode === "rgb") {
+        if (mode === 'rgb') {
             var r = match[1];
             var g = match[2];
             var b = match[3];
@@ -56,35 +56,35 @@ var _openTags = {
     },
 };
 var _openTagToCloseTag = {
-    3: "23",
-    4: "24",
-    9: "29",
+    3: '23',
+    4: '24',
+    9: '29',
 };
 var _closeTags = {
     0: function (ansiCodes) {
         if (!ansiCodes)
-            return "</span>";
+            return '</span>';
         if (!ansiCodes.length)
-            return "";
+            return '';
         var code;
-        var ret = "";
+        var ret = '';
         while ((code = ansiCodes.pop())) {
             var closeTag = _openTagToCloseTag[code];
             if (closeTag) {
                 ret += _closeTags[closeTag];
                 continue;
             }
-            ret += "</span>";
+            ret += '</span>';
         }
         return ret;
     },
-    23: "</i>",
-    24: "</u>",
-    29: "</del>", // reset delete
+    23: '</i>',
+    24: '</u>',
+    29: '</del>', // reset delete
 };
 for (var _i = 0, _a = [21, 22, 27, 28, 39, 49]; _i < _a.length; _i++) {
     var n = _a[_i];
-    _closeTags[n] = "</span>";
+    _closeTags[n] = '</span>';
 }
 /**
  * Normalize ';<seq>' | '<seq>' -> '<seq>'
@@ -92,7 +92,7 @@ for (var _i = 0, _a = [21, 22, 27, 28, 39, 49]; _i < _a.length; _i++) {
 function normalizeSeq(seq) {
     if (seq === null || seq === undefined)
         return null;
-    if (seq.startsWith(";")) {
+    if (seq.startsWith(';')) {
         return seq.slice(1);
     }
     return seq;
@@ -112,12 +112,12 @@ export default function ansiHTML(text) {
     var ret = text.replace(/\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g, function (m) {
         var _a;
         var match = (_a = m.match(/(;?\d+)/g)) === null || _a === void 0 ? void 0 : _a.map(normalizeSeq);
-        Object.defineProperty(match, "advance", {
+        Object.defineProperty(match, 'advance', {
             value: function (count) {
                 this.splice(0, count);
             },
         });
-        var rep = "";
+        var rep = '';
         var seq;
         while ((seq = match[0])) {
             match.advance(1);
@@ -128,23 +128,23 @@ export default function ansiHTML(text) {
             var other = _openTags[seq];
             if (other &&
                 (other =
-                    typeof other === "function" ? other(match) : other)) {
+                    typeof other === 'function' ? other(match) : other)) {
                 // If reset signal is encountered, we have to reset everything.
-                var ret_1 = "";
-                if (seq === "0") {
+                var ret_1 = '';
+                if (seq === '0') {
                     ret_1 += _closeTags[seq](ansiCodes);
                 }
                 // If current sequence has been opened, close it.
                 if (ansiCodes.indexOf(seq) !== -1) {
                     ansiCodes.pop();
-                    return "</span>";
+                    return '</span>';
                 }
                 // Open tag.
                 ansiCodes.push(seq);
-                return ret_1 + (other[0] === "<" ? other : "<span style=\"".concat(other, ";\">"));
+                return ret_1 + (other[0] === '<' ? other : "<span style=\"".concat(other, ";\">"));
             }
             var ct = _closeTags[seq];
-            if (typeof ct === "function") {
+            if (typeof ct === 'function') {
                 return ct(ansiCodes);
             }
             if (ct) {
@@ -152,12 +152,12 @@ export default function ansiHTML(text) {
                 ansiCodes.pop();
                 return ct;
             }
-            return "";
+            return '';
         }
     });
     // Make sure tags are closed.
     var l = ansiCodes.length;
-    l > 0 && (ret += Array(l + 1).join("</span>"));
+    l > 0 && (ret += Array(l + 1).join('</span>'));
     return ret;
 }
 /**
@@ -165,8 +165,8 @@ export default function ansiHTML(text) {
  * @param {Object} colors reference to _defColors
  */
 ansiHTML.setColors = function (colors) {
-    if (typeof colors !== "object") {
-        throw new Error("`colors` parameter must be an Object.");
+    if (typeof colors !== 'object') {
+        throw new Error('`colors` parameter must be an Object.');
     }
     var _finalColors = {};
     for (var key in _defColors) {
@@ -175,13 +175,13 @@ ansiHTML.setColors = function (colors) {
             _finalColors[key] = _defColors[key];
             continue;
         }
-        if ("reset" === key) {
-            if (typeof hex === "string") {
+        if ('reset' === key) {
+            if (typeof hex === 'string') {
                 hex = [hex];
             }
             if (!Array.isArray(hex) ||
                 hex.length === 0 ||
-                hex.some(function (h) { return typeof h !== "string"; })) {
+                hex.some(function (h) { return typeof h !== 'string'; })) {
                 throw new Error("The value of `".concat(key, "` property must be an Array and each item could only be a hex string, e.g.: FF0000"));
             }
             var defHexColor = _defColors[key];
@@ -194,7 +194,7 @@ ansiHTML.setColors = function (colors) {
             }
             hex = hex.slice(0, 2);
         }
-        else if (typeof hex !== "string") {
+        else if (typeof hex !== 'string') {
             throw new Error("The value of `".concat(key, "` property must be a hex string, e.g.: FF0000"));
         }
         _finalColors[key] = hex;
@@ -213,10 +213,10 @@ ansiHTML.reset = function () {
  */
 ansiHTML.tags = {};
 if (Object.defineProperty) {
-    Object.defineProperty(ansiHTML.tags, "open", {
+    Object.defineProperty(ansiHTML.tags, 'open', {
         get: function () { return _openTags; },
     });
-    Object.defineProperty(ansiHTML.tags, "close", {
+    Object.defineProperty(ansiHTML.tags, 'close', {
         get: function () { return _closeTags; },
     });
 }
@@ -226,15 +226,15 @@ else {
 }
 function _setTags(colors) {
     // reset all
-    _openTags["0"] =
+    _openTags['0'] =
         "font-weight:normal;opacity:1;color:#".concat(colors.reset[0], ";background:#").concat(colors.reset[1]);
     // inverse
-    _openTags["7"] = "color:#".concat(colors.reset[1], ";background:#").concat(colors.reset[0]);
+    _openTags['7'] = "color:#".concat(colors.reset[1], ";background:#").concat(colors.reset[0]);
     // dark grey
-    _openTags["90"] = "color:#".concat(colors.darkgrey);
+    _openTags['90'] = "color:#".concat(colors.darkgrey);
     for (var code in _styles) {
         var color = _styles[code];
-        var oriColor = colors[color] || "000";
+        var oriColor = colors[color] || '000';
         _openTags[code] = "color:#".concat(oriColor);
         var codeInt = Number.parseInt(code);
         _openTags[(codeInt + 10).toString()] = "background:#".concat(oriColor);

package/dist/config.d.ts

@@ -1,19 +1,19 @@
-import type { DevServer } from "@rspack/core";
-import type WebpackDevServer from "webpack-dev-server";
+import type { DevServer } from '@rspack/core';
+import type WebpackDevServer from 'webpack-dev-server';
 export type { DevServer };
 export interface ResolvedDevServer extends DevServer {
     port: number | string;
     static: false | Array<WebpackDevServer.NormalizedStatic>;
-    devMiddleware: DevServer["devMiddleware"];
-    hot: boolean | "only";
+    devMiddleware: DevServer['devMiddleware'];
+    hot: boolean | 'only';
     host?: string;
     open: WebpackDevServer.Open[];
     magicHtml: boolean;
     liveReload: boolean;
     webSocketServer: false | WebpackDevServer.WebSocketServerConfiguration;
-    proxy: Required<DevServer["proxy"]>;
+    proxy: Required<DevServer['proxy']>;
     client: WebpackDevServer.ClientConfiguration;
-    allowedHosts: "auto" | string[] | "all";
+    allowedHosts: 'auto' | string[] | 'all';
     bonjour: false | Record<string, never> | WebpackDevServer.BonjourOptions;
     compress: boolean;
     historyApiFallback: false | WebpackDevServer.ConnectHistoryApiFallbackOptions;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { RspackDevServer } from "./server";
-export type { DevServer as Configuration } from "@rspack/core";
+export { RspackDevServer } from './server';
+export type { DevServer as Configuration } from '@rspack/core';

package/dist/server.d.ts

@@ -9,12 +9,12 @@
  * Copyright (c) JS Foundation and other contributors
  * https://github.com/webpack/webpack-dev-server/blob/b0f15ace0123c125d5870609ef4691c141a6d187/LICENSE
  */
-import type { Server } from "node:http";
-import type { Socket } from "node:net";
-import { type Compiler, MultiCompiler } from "@rspack/core";
-import type { FSWatcher } from "chokidar";
-import WebpackDevServer from "webpack-dev-server";
-import type { DevServer, ResolvedDevServer } from "./config";
+import type { Server } from 'node:http';
+import type { Socket } from 'node:net';
+import type { Compiler, MultiCompiler } from '@rspack/core';
+import type { FSWatcher } from 'chokidar';
+import WebpackDevServer from 'webpack-dev-server';
+import type { DevServer, ResolvedDevServer } from './config';
 export declare class RspackDevServer extends WebpackDevServer {
     static getFreePort: (port: string, host: string) => Promise<any>;
     /**

package/dist/server.js

@@ -4,24 +4,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RspackDevServer = void 0;
-const core_1 = require("@rspack/core");
 const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
 // @ts-ignore 'package.json' is not under 'rootDir'
 const package_json_1 = require("../package.json");
 const patch_1 = require("./patch");
 (0, patch_1.applyDevServerPatch)();
 const getFreePort = async function getFreePort(port, host) {
-    if (typeof port !== "undefined" && port !== null && port !== "auto") {
+    if (typeof port !== 'undefined' && port !== null && port !== 'auto') {
         return port;
     }
-    const { default: pRetry } = await import("p-retry");
-    const getPort = require("webpack-dev-server/lib/getPort");
-    const basePort = typeof process.env.WEBPACK_DEV_SERVER_BASE_PORT !== "undefined"
+    const { default: pRetry } = await import('p-retry');
+    const getPort = require('webpack-dev-server/lib/getPort');
+    const basePort = typeof process.env.WEBPACK_DEV_SERVER_BASE_PORT !== 'undefined'
         ? Number.parseInt(process.env.WEBPACK_DEV_SERVER_BASE_PORT, 10)
         : 8080;
     // Try to find unused port and listen on it for 3 times,
     // if port is not specified in options.
-    const defaultPortRetry = typeof process.env.WEBPACK_DEV_SERVER_PORT_RETRY !== "undefined"
+    const defaultPortRetry = typeof process.env.WEBPACK_DEV_SERVER_PORT_RETRY !== 'undefined'
         ? Number.parseInt(process.env.WEBPACK_DEV_SERVER_PORT_RETRY, 10)
         : 3;
     return pRetry(() => getPort(basePort, host), {
@@ -29,6 +28,9 @@ const getFreePort = async function getFreePort(port, host) {
     });
 };
 webpack_dev_server_1.default.getFreePort = getFreePort;
+function isMultiCompiler(compiler) {
+    return Array.isArray(compiler.compilers);
+}
 class RspackDevServer extends webpack_dev_server_1.default {
     constructor(options, compiler) {
         // biome-ignore lint/suspicious/noExplicitAny: _
@@ -36,18 +38,18 @@ class RspackDevServer extends webpack_dev_server_1.default {
         // override
     }
     async initialize() {
-        const compilers = this.compiler instanceof core_1.MultiCompiler
+        const compilers = isMultiCompiler(this.compiler)
             ? this.compiler.compilers
             : [this.compiler];
         for (const compiler of compilers) {
             const mode = compiler.options.mode || process.env.NODE_ENV;
             if (this.options.hot) {
-                if (mode === "production") {
-                    this.logger.warn("Hot Module Replacement (HMR) is enabled for the production build. \n" +
-                        "Make sure to disable HMR for production by setting `devServer.hot` to `false` in the configuration.");
+                if (mode === 'production') {
+                    this.logger.warn('Hot Module Replacement (HMR) is enabled for the production build. \n' +
+                        'Make sure to disable HMR for production by setting `devServer.hot` to `false` in the configuration.');
                 }
                 compiler.options.resolve.alias = {
-                    "ansi-html-community": require.resolve("@rspack/dev-server/client/utils/ansiHTML"),
+                    'ansi-html-community': require.resolve('@rspack/dev-server/client/utils/ansiHTML'),
                     ...compiler.options.resolve.alias,
                 };
             }
@@ -56,14 +58,14 @@ class RspackDevServer extends webpack_dev_server_1.default {
         await super.initialize();
     }
     getClientEntry() {
-        return require.resolve("@rspack/dev-server/client/index");
+        return require.resolve('@rspack/dev-server/client/index');
     }
     getClientHotEntry() {
-        if (this.options.hot === "only") {
-            return require.resolve("@rspack/core/hot/only-dev-server");
+        if (this.options.hot === 'only') {
+            return require.resolve('@rspack/core/hot/only-dev-server');
         }
         if (this.options.hot) {
-            return require.resolve("@rspack/core/hot/dev-server");
+            return require.resolve('@rspack/core/hot/dev-server');
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspack/dev-server",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "license": "MIT",
   "description": "Development server for rspack",
   "main": "./dist/index.js",
@@ -17,12 +17,29 @@
     "./client/*.js": "./client/*.js",
     "./package.json": "./package.json"
   },
+  "scripts": {
+    "build": "pnpm run build:server && pnpm run build:client",
+    "build:server": "tsc -b ./tsconfig.build.json",
+    "build:client": "tsc -b ./tsconfig.client.json",
+    "dev": "tsc -b -w",
+    "lint": "biome check .",
+    "lint:write": "biome check . --write",
+    "format": "prettier --write .",
+    "prettier:ci": "prettier --check .",
+    "test:install": "cross-env ./node_modules/.bin/puppeteer browsers install chrome",
+    "test": "pnpm run test:install && pnpm run build && cross-env NO_COLOR=1 node --expose-gc --max-old-space-size=8192 --experimental-vm-modules ./node_modules/jest-cli/bin/jest --colors",
+    "bump": "npx bumpp"
+  },
   "simple-git-hooks": {
     "pre-commit": "npx nano-staged"
   },
   "nano-staged": {
+    "*.{yaml,yml,json,md,json5}": [
+      "npm rum format"
+    ],
     "*.{js,jsx,ts,tsx,mjs,cjs}": [
-      "biome check --write --no-errors-on-unmatched"
+      "npm run format",
+      "biome lint --write --no-errors-on-unmatched"
     ]
   },
   "files": [
@@ -32,28 +49,27 @@
   "engines": {
     "node": ">= 18.12.0"
   },
-  "homepage": "https://rspack.dev",
-  "bugs": "https://github.com/web-infra-dev/rspack-dev-server/issues",
+  "packageManager": "pnpm@10.27.0",
+  "homepage": "https://rspack.rs",
+  "bugs": "https://github.com/rstackjs/rspack-dev-server/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/web-infra-dev/rspack-dev-server"
+    "url": "https://github.com/rstackjs/rspack-dev-server"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
     "@jest/reporters": "29.7.0",
     "@jest/test-sequencer": "^29.7.0",
-    "@rspack/core": "npm:@rspack-canary/core@1.4.3-canary-98b815e4-20250703091256",
+    "@rspack/core": "1.7.0-beta.0",
     "@rspack/plugin-react-refresh": "1.0.0",
-    "@types/express": "4.17.21",
+    "@types/express": "5.0.6",
     "@types/jest": "29.5.12",
-    "@types/mime-types": "2.1.4",
+    "@types/mime-types": "3.0.1",
     "@types/ws": "8.5.10",
     "@hono/node-server": "^1.13.3",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "connect": "^3.7.0",
-    "execa": "9.3.0",
-    "fs-extra": "11.2.0",
     "graceful-fs": "4.2.10",
     "http-proxy": "^1.18.1",
     "hono": "^4.6.8",
@@ -63,13 +79,12 @@
     "jest-serializer-path": "^0.1.15",
     "nano-staged": "^0.8.0",
     "prettier": "3.2.5",
-    "puppeteer": "^23.2.2",
+    "puppeteer": "^24.34.0",
     "react-refresh": "0.14.0",
     "require-from-string": "^2.0.2",
-    "semver": "7.6.3",
     "simple-git-hooks": "^2.11.1",
     "sockjs-client": "^1.6.1",
-    "style-loader": "^3.3.3",
+    "style-loader": "^4.0.0",
     "supertest": "^6.1.3",
     "tcp-port-used": "^1.0.2",
     "ts-jest": "29.1.2",
@@ -77,7 +92,7 @@
     "wait-for-expect": "^3.0.2",
     "webpack": "^5.94.0",
     "webpack-dev-middleware": "^7.4.2",
-    "express": "^4.21.2"
+    "express": "^5.2.1"
   },
   "dependencies": {
     "chokidar": "^3.6.0",
@@ -88,17 +103,5 @@
   },
   "peerDependencies": {
     "@rspack/core": "*"
-  },
-  "scripts": {
-    "build": "pnpm run build:server && pnpm run build:client",
-    "build:server": "tsc -b ./tsconfig.build.json",
-    "build:client": "tsc -b ./tsconfig.client.json",
-    "dev": "tsc -b -w",
-    "lint": "biome check .",
-    "lint:write": "biome check . --write",
-    "format": "node ./node_modules/prettier/bin/prettier.cjs \"packages/**/src/**/*.{ts,tsx,js}\" \"crates/rspack_plugin_runtime/**/*.{ts,js}\" \"x.mjs\" --check",
-    "test:install": "cross-env ./node_modules/.bin/puppeteer browsers install chrome",
-    "test": "pnpm run test:install && pnpm run build && cross-env NO_COLOR=1 node --expose-gc --max-old-space-size=8192 --experimental-vm-modules ./node_modules/jest-cli/bin/jest --colors",
-    "release": "node ./scripts/release.mjs"
   }
-}
+}