@rspack/dev-server 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/ansiHTML.d.ts

@@ -1,3 +1,14 @@
+/**
+ * The following code is modified based on
+ * https://github.com/mahdyar/ansi-html-community/blob/b86cc3f1fa1d118477877352f0eafe1a70fd20ab/index.js
+ *
+ * Supported:
+ *  - added support for 24-bit RGB colors.
+ *
+ * Apache 2.0 Licensed
+ * Author @Tjatse
+ * https://github.com/mahdyar/ansi-html-community/blob/master/LICENSE
+ */
 interface AnsiHtmlTags {
     open: typeof _openTags;
     close: typeof _closeTags;
@@ -6,8 +17,8 @@ type Option<T> = T | null | undefined;
 type Match = {
     advance: (n: number) => void;
 } & Array<string>;
-declare var _openTags: Record<string, string | ((m: Match) => Option<string>)>;
-declare var _closeTags: Record<string, string | ((ansiCodes: Option<Array<string>>) => string)>;
+declare const _openTags: Record<string, string | ((m: Match) => Option<string>)>;
+declare const _closeTags: Record<string, string | ((ansiCodes: Option<Array<string>>) => string)>;
 /**
  * Converts text with ANSI color codes to HTML markup.
  */

package/dist/ansiHTML.js

@@ -1,19 +1,8 @@
-/**
- * The following code is modified based on
- * https://github.com/mahdyar/ansi-html-community/blob/b86cc3f1fa1d118477877352f0eafe1a70fd20ab/index.js
- *
- * Supported:
- *  - added support for 24-bit RGB colors.
- *
- * Apache 2.0 Licensed
- * Author @Tjatse
- * https://github.com/mahdyar/ansi-html-community/blob/master/LICENSE
- */
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // 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 = {
+const _regANSI = /(?:(?:\u001b\[)|\u009b)(?:(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?[A-M|f-m])|\u001b[A-M]/;
+const _defColors = {
     reset: ["fff", "000"],
     black: "000",
     red: "ff0000",
@@ -25,7 +14,7 @@ var _defColors = {
     lightgrey: "f0f0f0",
     darkgrey: "888"
 };
-var _styles = {
+const _styles = {
     30: "black",
     31: "red",
     32: "green",
@@ -35,10 +24,10 @@ var _styles = {
     36: "cyan",
     37: "lightgrey"
 };
-var _colorMode = {
+const _colorMode = {
     2: "rgb"
 };
-var _openTags = {
+const _openTags = {
     1: "font-weight:bold",
     2: "opacity:0.5",
     3: "<i>",
@@ -47,43 +36,42 @@ var _openTags = {
     9: "<del>",
     38: (match) => {
         // color
-        var mode = _colorMode[match[0]];
+        const mode = _colorMode[match[0]];
         if (mode === "rgb") {
-            var r, g, b;
-            r = match[1];
-            g = match[2];
-            b = match[3];
+            const r = match[1];
+            const g = match[2];
+            const b = match[3];
             match.advance(4);
-            return "color: rgb(" + r + "," + g + "," + b + ")";
+            return `color: rgb(${r},${g},${b})`;
         }
     },
     48: (match) => {
         // background color
-        var mode = _colorMode[match[0]];
+        const mode = _colorMode[match[0]];
         if (mode === "rgb") {
-            var r, g, b;
-            r = match[1];
-            g = match[2];
-            b = match[3];
+            const r = match[1];
+            const g = match[2];
+            const b = match[3];
             match.advance(4);
-            return "background-color: rgb(" + r + "," + g + "," + b + ")";
+            return `background-color: rgb(${r},${g},${b})`;
         }
     }
 };
-var _openTagToCloseTag = {
+const _openTagToCloseTag = {
     3: "23",
     4: "24",
     9: "29"
 };
-var _closeTags = {
+const _closeTags = {
     0: ansiCodes => {
         if (!ansiCodes)
             return "</span>";
         if (!ansiCodes.length)
             return "";
-        var code, ret = "";
+        let code;
+        let ret = "";
         while ((code = ansiCodes.pop())) {
-            var closeTag = _openTagToCloseTag[code];
+            const closeTag = _openTagToCloseTag[code];
             if (closeTag) {
                 ret += _closeTags[closeTag];
                 continue;
@@ -119,42 +107,42 @@ function ansiHTML(text) {
         return text;
     }
     // Cache opened sequence.
-    var ansiCodes = [];
+    const ansiCodes = [];
     // Replace with markup.
     //@ts-ignore TS1487 error
-    var ret = text.replace(/\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g, m => {
-        var match = m.match(/(;?\d+)/g)?.map(normalizeSeq);
+    let ret = text.replace(/\033\[(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?m/g, m => {
+        const match = m.match(/(;?\d+)/g)?.map(normalizeSeq);
         Object.defineProperty(match, "advance", {
             value: function (count) {
                 this.splice(0, count);
             }
         });
-        var seq, rep = "";
+        let seq;
+        let rep = "";
         while ((seq = match[0])) {
             match.advance(1);
             rep += applySeq(seq);
         }
         return rep;
         function applySeq(seq) {
-            var other = _openTags[seq];
+            let other = _openTags[seq];
             if (other &&
                 (other = typeof other === "function" ? other(match) : other)) {
                 // If reset signal is encountered, we have to reset everything.
-                var ret = "";
+                let ret = "";
                 if (seq === "0") {
                     ret += _closeTags[seq](ansiCodes);
                 }
                 // If current sequence has been opened, close it.
-                if (!!~ansiCodes.indexOf(seq)) {
-                    // eslint-disable-line no-extra-boolean-cast
+                if (ansiCodes.indexOf(seq) !== -1) {
                     ansiCodes.pop();
                     return "</span>";
                 }
                 // Open tag.
                 ansiCodes.push(seq);
-                return (ret + (other[0] === "<" ? other : '<span style="' + other + ';">'));
+                return ret + (other[0] === "<" ? other : `<span style="${other};">`);
             }
-            var ct = _closeTags[seq];
+            const ct = _closeTags[seq];
             if (typeof ct === "function") {
                 return ct(ansiCodes);
             }
@@ -167,7 +155,7 @@ function ansiHTML(text) {
         }
     });
     // Make sure tags are closed.
-    var l = ansiCodes.length;
+    const l = ansiCodes.length;
     l > 0 && (ret += Array(l + 1).join("</span>"));
     return ret;
 }
@@ -180,9 +168,9 @@ ansiHTML.setColors = (colors) => {
     if (typeof colors !== "object") {
         throw new Error("`colors` parameter must be an Object.");
     }
-    var _finalColors = {};
-    for (var key in _defColors) {
-        var hex = colors.hasOwnProperty(key) ? colors[key] : null;
+    const _finalColors = {};
+    for (const key in _defColors) {
+        let hex = colors.hasOwnProperty(key) ? colors[key] : null;
         if (!hex) {
             _finalColors[key] = _defColors[key];
             continue;
@@ -194,11 +182,9 @@ ansiHTML.setColors = (colors) => {
             if (!Array.isArray(hex) ||
                 hex.length === 0 ||
                 hex.some(h => typeof h !== "string")) {
-                throw new Error("The value of `" +
-                    key +
-                    "` property must be an Array and each item could only be a hex string, e.g.: FF0000");
+                throw new Error(`The value of \`${key}\` property must be an Array and each item could only be a hex string, e.g.: FF0000`);
             }
-            var defHexColor = _defColors[key];
+            const defHexColor = _defColors[key];
             if (!hex[0]) {
                 hex[0] = defHexColor[0];
             }
@@ -209,7 +195,7 @@ ansiHTML.setColors = (colors) => {
             hex = hex.slice(0, 2);
         }
         else if (typeof hex !== "string") {
-            throw new Error("The value of `" + key + "` property must be a hex string, e.g.: FF0000");
+            throw new Error(`The value of \`${key}\` property must be a hex string, e.g.: FF0000`);
         }
         _finalColors[key] = hex;
     }
@@ -241,21 +227,17 @@ else {
 function _setTags(colors) {
     // reset all
     _openTags["0"] =
-        "font-weight:normal;opacity:1;color:#" +
-            colors.reset[0] +
-            ";background:#" +
-            colors.reset[1];
+        `font-weight:normal;opacity:1;color:#${colors.reset[0]};background:#${colors.reset[1]}`;
     // inverse
-    _openTags["7"] =
-        "color:#" + colors.reset[1] + ";background:#" + colors.reset[0];
+    _openTags["7"] = `color:#${colors.reset[1]};background:#${colors.reset[0]}`;
     // dark grey
-    _openTags["90"] = "color:#" + colors.darkgrey;
-    for (var code in _styles) {
-        var color = _styles[code];
-        var oriColor = colors[color] || "000";
-        _openTags[code] = "color:#" + oriColor;
+    _openTags["90"] = `color:#${colors.darkgrey}`;
+    for (const code in _styles) {
+        const color = _styles[code];
+        const oriColor = colors[color] || "000";
+        _openTags[code] = `color:#${oriColor}`;
         const codeInt = Number.parseInt(code);
-        _openTags[(codeInt + 10).toString()] = "background:#" + oriColor;
+        _openTags[(codeInt + 10).toString()] = `background:#${oriColor}`;
     }
 }
 ansiHTML.reset();

package/dist/middleware.js

@@ -19,9 +19,9 @@ function createPublicPathGetter(compiler) {
         return (compilation) => compilation ? compilation.getPath(raw) : raw({ hash: "XXXX" }, undefined);
     }
     if (/\[(hash|fullhash)[:\]]/.test(raw)) {
-        return (compilation) => compilation ? compilation.getPath(raw) : raw.replace(/\/$/, "") + "/";
+        return (compilation) => compilation ? compilation.getPath(raw) : `${raw.replace(/\/$/, "")}/`;
     }
-    return () => raw.replace(/\/$/, "") + "/";
+    return () => `${raw.replace(/\/$/, "")}/`;
 }
 function getRspackMemoryAssets(compiler, rdm) {
     const getPublicPath = createPublicPathGetter(compiler);

package/dist/server.d.ts

@@ -17,6 +17,7 @@ export declare class RspackDevServer extends WebpackDevServer {
     /** @ts-ignore */
     compiler: Compiler | MultiCompiler;
     webSocketServer: WebpackDevServer.WebSocketServerImplementation | undefined;
+    static version: string;
     constructor(options: DevServer, compiler: Compiler | MultiCompiler);
     private getClientTransport;
     initialize(): Promise<void>;

package/dist/server.js

@@ -17,6 +17,8 @@ const node_path_1 = __importDefault(require("node:path"));
 const core_1 = require("@rspack/core");
 const webpack_dev_middleware_1 = __importDefault(require("webpack-dev-middleware"));
 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)();
 class RspackDevServer extends webpack_dev_server_1.default {
@@ -310,4 +312,5 @@ class RspackDevServer extends webpack_dev_server_1.default {
         }
     }
 }
+RspackDevServer.version = package_json_1.version;
 exports.RspackDevServer = RspackDevServer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspack/dev-server",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "license": "MIT",
   "description": "Development server for rspack",
   "main": "./dist/index.js",
@@ -35,9 +35,9 @@
     "@types/express": "4.17.21",
     "@types/mime-types": "2.1.4",
     "@types/ws": "8.5.10",
-    "@rspack/core": "1.0.0-beta.1",
-    "@rspack/dev-server": "1.0.0-beta.1",
-    "@rspack/plugin-react-refresh": "1.0.0-beta.1"
+    "@rspack/core": "1.0.0-beta.3",
+    "@rspack/dev-server": "1.0.0-beta.3",
+    "@rspack/plugin-react-refresh": "1.0.0-beta.3"
   },
   "dependencies": {
     "chokidar": "^3.6.0",