webpack-dev-service 0.5.5 → 0.5.7

package/client/esm/ui/utils/ansi/{regx.js → regexp.js}

@@ -1,12 +1,12 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.5
-  * @author nuintun <nuintun@qq.com>
-  * @description A koa 2 middleware for webpack development and hot reloading.
-  * @see https://github.com/nuintun/webpack-dev-service#readme
-  */
- 
+ * @package webpack-dev-service
+ * @license MIT
+ * @version 0.5.7
+ * @author nuintun <nuintun@qq.com>
+ * @description A koa 2 middleware for webpack development and hot reloading.
+ * @see https://github.com/nuintun/webpack-dev-service#readme
+ */
+
 /**
  * @module regx
  */

package/client/esm/ui/utils/ansi/utils.js

@@ -1,24 +1,24 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.5
-  * @author nuintun <nuintun@qq.com>
-  * @description A koa 2 middleware for webpack development and hot reloading.
-  * @see https://github.com/nuintun/webpack-dev-service#readme
-  */
- 
+ * @package webpack-dev-service
+ * @license MIT
+ * @version 0.5.7
+ * @author nuintun <nuintun@qq.com>
+ * @description A koa 2 middleware for webpack development and hot reloading.
+ * @see https://github.com/nuintun/webpack-dev-service#readme
+ */
+
 /**
  * @module utils
  */
 function toUint8(uint8) {
-    return uint8 & 0xff;
+  return uint8 & 0xff;
 }
 function getThemeColor(defaultColor, color) {
-    if (color) {
-        const [r, g, b] = color;
-        return [toUint8(r), toUint8(g), toUint8(b)];
-    }
-    return defaultColor;
+  if (color) {
+    const [r, g, b] = color;
+    return [toUint8(r), toUint8(g), toUint8(b)];
+  }
+  return defaultColor;
 }
 
 export { getThemeColor, toUint8 };

package/client/esm/ui/utils/index.js

@@ -1,12 +1,12 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.5
-  * @author nuintun <nuintun@qq.com>
-  * @description A koa 2 middleware for webpack development and hot reloading.
-  * @see https://github.com/nuintun/webpack-dev-service#readme
-  */
- 
+ * @package webpack-dev-service
+ * @license MIT
+ * @version 0.5.7
+ * @author nuintun <nuintun@qq.com>
+ * @description A koa 2 middleware for webpack development and hot reloading.
+ * @see https://github.com/nuintun/webpack-dev-service#readme
+ */
+
 import Ansi from './ansi/index.js';
 
 /**
@@ -15,106 +15,106 @@ import Ansi from './ansi/index.js';
 const ansi = new Ansi();
 const defaultStyleElement = document.createElement('style');
 function injectCSS(css, styleElement = defaultStyleElement) {
-    const { head } = document;
-    styleElement.appendChild(document.createTextNode(css.trim()));
-    if (!head.contains(styleElement)) {
-        head.appendChild(styleElement);
-    }
-    return styleElement;
+  const { head } = document;
+  styleElement.appendChild(document.createTextNode(css.trim()));
+  if (!head.contains(styleElement)) {
+    head.appendChild(styleElement);
+  }
+  return styleElement;
 }
 function appendHTML(html, parent) {
-    const nodes = [];
-    const parser = new DOMParser();
-    const stage = parent || document.body;
-    const fragment = document.createDocumentFragment();
-    const { body } = parser.parseFromString(html.trim(), 'text/html');
-    while (body.firstChild) {
-        nodes.push(fragment.appendChild(body.firstChild));
-    }
-    stage.appendChild(fragment);
-    return nodes;
+  const nodes = [];
+  const parser = new DOMParser();
+  const stage = parent || document.body;
+  const fragment = document.createDocumentFragment();
+  const { body } = parser.parseFromString(html.trim(), 'text/html');
+  while (body.firstChild) {
+    nodes.push(fragment.appendChild(body.firstChild));
+  }
+  stage.appendChild(fragment);
+  return nodes;
 }
 function escapeHTML(text) {
-    return text.replace(/[&<>"']/gm, match => {
-        switch (match) {
-            case '&':
-                return '&amp;';
-            case '<':
-                return '&lt;';
-            case '>':
-                return '&gt;';
-            case '"':
-                return '&quot;';
-            case "'":
-                return '&#x27;';
-            default:
-                return match;
-        }
-    });
+  return text.replace(/[&<>"']/gm, match => {
+    switch (match) {
+      case '&':
+        return '&amp;';
+      case '<':
+        return '&lt;';
+      case '>':
+        return '&gt;';
+      case '"':
+        return '&quot;';
+      case "'":
+        return '&#x27;';
+      default:
+        return match;
+    }
+  });
 }
 function blockToHTML({ style, value, url }) {
-    const styles = [];
-    const textDecorations = [];
-    if (style.dim) {
-        styles.push(`opacity:0.5`);
-    }
-    if (style.bold) {
-        styles.push(`font-weight:bold`);
-    }
-    if (style.italic) {
-        styles.push(`font-style:italic`);
-    }
-    if (style.inverse) {
-        styles.push(`filter:invert(1)`);
-    }
-    if (style.hidden) {
-        styles.push(`visibility:hidden`);
-    }
-    if (style.blink) {
-        textDecorations.push('blink');
-    }
-    if (style.overline) {
-        textDecorations.push('overline');
-    }
-    if (style.underline) {
-        textDecorations.push('underline');
-    }
-    if (style.strikethrough) {
-        textDecorations.push('line-through');
-    }
-    const { color, background } = style;
-    if (color) {
-        styles.push(`color:rgb(${color})`);
-    }
-    if (background) {
-        styles.push(`background-color:rgb(${background})`);
-    }
-    if (textDecorations.length > 0) {
-        styles.push(`text-decoration:${textDecorations.join(' ')}`);
-    }
-    const escapedValue = escapeHTML(value);
-    const href = url ? JSON.stringify(escapeHTML(url)) : null;
-    if (styles.length <= 0) {
-        if (!href) {
-            return escapedValue;
-        }
-        return `<a href=${href} target="_blank">${escapedValue}</a>`;
-    }
-    const inlineStyle = JSON.stringify(`${styles.join(';')};`);
+  const styles = [];
+  const textDecorations = [];
+  if (style.dim) {
+    styles.push(`opacity:0.5`);
+  }
+  if (style.bold) {
+    styles.push(`font-weight:bold`);
+  }
+  if (style.italic) {
+    styles.push(`font-style:italic`);
+  }
+  if (style.inverse) {
+    styles.push(`filter:invert(1)`);
+  }
+  if (style.hidden) {
+    styles.push(`visibility:hidden`);
+  }
+  if (style.blink) {
+    textDecorations.push('blink');
+  }
+  if (style.overline) {
+    textDecorations.push('overline');
+  }
+  if (style.underline) {
+    textDecorations.push('underline');
+  }
+  if (style.strikethrough) {
+    textDecorations.push('line-through');
+  }
+  const { color, background } = style;
+  if (color) {
+    styles.push(`color:rgb(${color})`);
+  }
+  if (background) {
+    styles.push(`background-color:rgb(${background})`);
+  }
+  if (textDecorations.length > 0) {
+    styles.push(`text-decoration:${textDecorations.join(' ')}`);
+  }
+  const escapedValue = escapeHTML(value);
+  const href = url ? JSON.stringify(escapeHTML(url)) : null;
+  if (styles.length <= 0) {
     if (!href) {
-        return `<span style=${inlineStyle}>${escapedValue}</span>`;
-    }
-    return `<a style=${inlineStyle} href=${href} target="_blank">${escapedValue}</a>`;
+      return escapedValue;
+    }
+    return `<a href=${href} target="_blank">${escapedValue}</a>`;
+  }
+  const inlineStyle = JSON.stringify(`${styles.join(';')};`);
+  if (!href) {
+    return `<span style=${inlineStyle}>${escapedValue}</span>`;
+  }
+  return `<a style=${inlineStyle} href=${href} target="_blank">${escapedValue}</a>`;
 }
 function ansiToHTML(text) {
-    let html = '';
-    ansi.write(text, block => {
-        html += blockToHTML(block);
-    });
-    ansi.flush(block => {
-        html += blockToHTML(block);
-    });
-    return html;
+  let html = '';
+  ansi.write(text, block => {
+    html += blockToHTML(block);
+  });
+  ansi.flush(block => {
+    html += blockToHTML(block);
+  });
+  return html;
 }
 
 export { ansiToHTML, appendHTML, blockToHTML, escapeHTML, injectCSS };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-dev-service",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "description": "A koa 2 middleware for webpack development and hot reloading.",
   "type": "module",
   "sideEffects": [
@@ -76,11 +76,11 @@
   "scripts": {
     "lint": "tsc --noEmit",
     "clean": "node tools/clean.js",
-    "format": "prettier --write .",
     "prepublishOnly": "npm run build",
     "test": "cd tests && node webpack.js",
     "build:cjs": "rollup -c tools/rollup.cjs.js",
     "build:esm": "rollup -c tools/rollup.esm.js",
+    "format": "prettier --write . --ignore-path .prettierignore",
     "build": "npm run clean && npm run build:main && npm run format",
     "build:main": "npm run build:cjs && npm run build:esm && npm run build:types",
     "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir types && node tools/fix-types.js"
@@ -95,21 +95,21 @@
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^11.1.2",
-    "@swc/core": "^1.3.74",
+    "@swc/core": "^1.3.76",
     "@swc/helpers": "^0.5.1",
     "@types/koa-compose": "^3.2.5",
-    "@types/node": "^20.4.7",
+    "@types/node": "^20.4.9",
     "css-loader": "^6.8.1",
     "html-webpack-plugin": "^5.5.3",
     "koa": "^2.14.2",
     "magic-string": "^0.30.2",
-    "memfs": "^4.2.0",
+    "memfs": "^4.2.1",
     "mini-css-extract-plugin": "^2.7.6",
     "prettier": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.1",
-    "rollup": "^3.27.1",
+    "rollup": "^3.28.0",
     "swc-loader": "^0.2.3",
     "tsc-alias": "^1.8.7",
     "typescript": "^5.1.6",

package/server/cjs/dev.cjs

@@ -1,44 +1,50 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.5
-  * @author nuintun <nuintun@qq.com>
-  * @description A koa 2 middleware for webpack development and hot reloading.
-  * @see https://github.com/nuintun/webpack-dev-service#readme
-  */
- 
+ * @package webpack-dev-service
+ * @license MIT
+ * @version 0.5.7
+ * @author nuintun <nuintun@qq.com>
+ * @description A koa 2 middleware for webpack development and hot reloading.
+ * @see https://github.com/nuintun/webpack-dev-service#readme
+ */
+
 'use strict';
 
 const webpackDevMiddleware = require('webpack-dev-middleware');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopDefault(e) {
+  return e && e.__esModule ? e : { default: e };
+}
 
-const webpackDevMiddleware__default = /*#__PURE__*/_interopDefault(webpackDevMiddleware);
+const webpackDevMiddleware__default = /*#__PURE__*/ _interopDefault(webpackDevMiddleware);
 
 /**
  * @module dev
  */
 function dev(compiler, options) {
-    const middleware = webpackDevMiddleware__default.default(compiler, options);
-    const devMiddleware = async (context, next) => {
-        context.remove('Content-Type');
-        await middleware(context.req, {
-            locals: context.state,
-            send(body) {
-                context.body = body;
-            },
-            status(statusCode) {
-                context.status = statusCode;
-            },
-            set(field, value) {
-                context.response.set(field, value);
-            },
-            get(field) {
-                return context.response.get(field);
-            }
-        }, next);
-    };
-    return Object.assign(devMiddleware, middleware);
+  const middleware = webpackDevMiddleware__default.default(compiler, options);
+  const devMiddleware = async (context, next) => {
+    context.remove('Content-Type');
+    await middleware(
+      context.req,
+      {
+        locals: context.state,
+        send(body) {
+          context.body = body;
+        },
+        status(statusCode) {
+          context.status = statusCode;
+        },
+        set(field, value) {
+          context.response.set(field, value);
+        },
+        get(field) {
+          return context.response.get(field);
+        }
+      },
+      next
+    );
+  };
+  return Object.assign(devMiddleware, middleware);
 }
 
 module.exports = dev;