webpack-dev-service 0.12.10 → 0.12.12

package/cjs/client/client.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/client/events.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/client/hot.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/client/index.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/client/main.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/client/ui/Overlay.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -175,38 +175,38 @@ const HTML = `
 </div>
 `;
 class Overlay {
-  hidden = true;
-  name;
-  close;
-  dialog;
-  errorsList;
-  errorsTitle;
-  warningsList;
-  warningsTitle;
+  #hidden = true;
+  #name;
+  #close;
+  #dialog;
+  #errorsList;
+  #errorsTitle;
+  #warningsList;
+  #warningsTitle;
   constructor(name) {
     const root = utils.getRootElement(OVERLAY);
     utils.injectCSS(CSS, root);
     const [dialog] = utils.appendHTML(HTML, root);
-    this.dialog = dialog;
-    this.name = dialog.querySelector(`.${OVERLAY}-name`);
-    this.close = dialog.querySelector(`.${OVERLAY}-close`);
-    this.errorsList = dialog.querySelector(`.${OVERLAY}-errors`);
-    this.warningsList = dialog.querySelector(`.${OVERLAY}-warnings`);
-    this.errorsTitle = dialog.querySelector(`.${OVERLAY}-errors-title`);
-    this.warningsTitle = dialog.querySelector(`.${OVERLAY}-warnings-title`);
-    this.name.innerHTML = `⭕ ${name || DEFAULT_NAME}`;
-    this.close.addEventListener('click', () => {
+    this.#dialog = dialog;
+    this.#name = dialog.querySelector(`.${OVERLAY}-name`);
+    this.#close = dialog.querySelector(`.${OVERLAY}-close`);
+    this.#errorsList = dialog.querySelector(`.${OVERLAY}-errors`);
+    this.#warningsList = dialog.querySelector(`.${OVERLAY}-warnings`);
+    this.#errorsTitle = dialog.querySelector(`.${OVERLAY}-errors-title`);
+    this.#warningsTitle = dialog.querySelector(`.${OVERLAY}-warnings-title`);
+    this.#name.innerHTML = `⭕ ${name || DEFAULT_NAME}`;
+    this.#close.addEventListener('click', () => {
       this.hide();
     });
   }
   setIssues(type, issues) {
     const count = issues.length;
     const hidden = `${OVERLAY}-hidden`;
-    const problemMaps = {
-      errors: ['Error', this.errorsTitle, this.errorsList],
-      warnings: ['Warning', this.warningsTitle, this.warningsList]
+    const problems = {
+      errors: ['Error', this.#errorsTitle, this.#errorsList],
+      warnings: ['Warning', this.#warningsTitle, this.#warningsList]
     };
-    const [name, problemTitle, problemList] = problemMaps[type];
+    const [name, problemTitle, problemList] = problems[type];
     if (count > 0) {
       let html = '';
       problemTitle.innerText = `${count} ${name}(s)`;
@@ -224,15 +224,15 @@ class Overlay {
     }
   }
   show() {
-    if (this.hidden) {
-      this.hidden = false;
-      this.dialog.classList.add(`${OVERLAY}-show`);
+    if (this.#hidden) {
+      this.#hidden = false;
+      this.#dialog.classList.add(`${OVERLAY}-show`);
     }
   }
   hide() {
-    if (!this.hidden) {
-      this.hidden = true;
-      this.dialog.classList.remove(`${OVERLAY}-show`);
+    if (!this.#hidden) {
+      this.#hidden = true;
+      this.#dialog.classList.remove(`${OVERLAY}-show`);
     }
   }
 }

package/cjs/client/ui/Progress.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -61,37 +61,37 @@ const HTML = `
 </svg>
 `;
 class Progress {
-  timer;
-  hidden = true;
-  svg;
-  track;
+  #timer;
+  #hidden = true;
+  #svg;
+  #track;
   constructor() {
     const root = utils.getRootElement(PROGRESS);
     utils.injectCSS(CSS, root);
-    [this.svg] = utils.appendHTML(HTML, root);
-    this.track = this.svg.querySelector(`.${PROGRESS}-track`);
+    [this.#svg] = utils.appendHTML(HTML, root);
+    this.#track = this.#svg.querySelector(`.${PROGRESS}-track`);
   }
   update(percentage) {
     percentage = 1 - Math.max(0, Math.min(1, percentage));
-    this.track.style.strokeDashoffset = `${PERIMETER * percentage}`;
+    this.#track.style.strokeDashoffset = `${PERIMETER * percentage}`;
   }
   show() {
-    if (this.hidden) {
-      this.hidden = false;
-      clearTimeout(this.timer);
-      this.svg.classList.add(`${PROGRESS}-show`);
+    if (this.#hidden) {
+      this.#hidden = false;
+      clearTimeout(this.#timer);
+      this.#svg.classList.add(`${PROGRESS}-show`);
     }
   }
   hide() {
-    if (this.hidden) {
+    if (this.#hidden) {
       this.update(0);
     } else {
-      this.hidden = true;
-      this.timer = self.setTimeout(() => {
-        this.timer = self.setTimeout(() => {
+      this.#hidden = true;
+      this.#timer = self.setTimeout(() => {
+        this.#timer = self.setTimeout(() => {
           this.update(0);
         }, DURATION);
-        this.svg.classList.remove(`${PROGRESS}-show`);
+        this.#svg.classList.remove(`${PROGRESS}-show`);
       }, DURATION);
     }
   }

package/cjs/client/ui/utils.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/compose.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/Service.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -30,8 +30,8 @@ const createETag__default = /*#__PURE__*/ _interopDefault(createETag);
  * @class Service
  */
 class Service {
-  root;
-  options;
+  #root;
+  #options;
   /**
    * @constructor
    * @description Create file service.
@@ -39,29 +39,29 @@ class Service {
    * @param options The file service options.
    */
   constructor(root, options) {
-    this.options = options;
-    this.root = path.unixify(node_path.resolve(root));
+    this.#options = options;
+    this.#root = path.unixify(node_path.resolve(root));
   }
   /**
    * @private
-   * @method isIgnore
+   * @method #isIgnore
    * @description Check if path is ignore.
    * @param path The path to check.
    */
-  isIgnore(path) {
-    const { ignore } = this.options;
+  #isIgnore(path) {
+    const { ignore } = this.#options;
     return (utils.isFunction(ignore) ? ignore(path) : false) === true;
   }
   /**
    * @private
-   * @method setupHeaders
+   * @method #setupHeaders
    * @description Setup headers.
    * @param context The koa context.
    * @param path The file path.
    * @param stats The file stats.
    */
-  setupHeaders(context, path, stats) {
-    const { options } = this;
+  #setupHeaders(context, path, stats) {
+    const options = this.#options;
     const { headers, etag } = options;
     // Set status.
     context.status = 200;
@@ -117,7 +117,7 @@ class Service {
       return false;
     }
     // Get root path.
-    const { root } = this;
+    const root = this.#root;
     // Slice length.
     const { length } = publicPath;
     // Real pathname.
@@ -129,11 +129,15 @@ class Service {
       return false;
     }
     // Is ignore path or file (403).
-    if (this.isIgnore(path$1)) {
+    if (this.#isIgnore(path$1)) {
       return false;
     }
+    // Get options.
+    const options = this.#options;
+    // Get file system.
+    const { fs: fs$1 } = options;
     // File stats.
-    const stats = await fs.stat(this.options.fs, path$1);
+    const stats = await fs.stat(fs$1, path$1);
     // Check file stats.
     if (
       // File not exist (404 | 500).
@@ -146,7 +150,7 @@ class Service {
       return false;
     }
     // Setup headers.
-    this.setupHeaders(context, path$1, stats);
+    this.#setupHeaders(context, path$1, stats);
     // Conditional get support.
     if (http.isConditionalGET(context)) {
       // Request precondition failure.
@@ -186,7 +190,7 @@ class Service {
       return context.throw(400);
     }
     // Get stream options.
-    const { fs: fs$1, highWaterMark } = this.options;
+    const { highWaterMark } = options;
     // Set response body.
     context.body = new stream.FileReadStream(path$1, ranges, { fs: fs$1, highWaterMark });
     // File found.

package/cjs/server/dev/index.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/middleware.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/fs.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/hash.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -32,7 +32,7 @@ const CHARS = [
  * @description Generate a hash.
  * @param length The length of hash.
  */
-function generate(length = 32) {
+function generate(length) {
   let hash = '';
   const randomValues = node_crypto.getRandomValues(new Uint8Array(length));
   // Create hash.

package/cjs/server/dev/utils/http.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -156,13 +156,13 @@ function parseRanges(context, stats) {
           // Parsed entries.
           const entries = parsed.entries();
           // Range boundary.
-          const boundary = `<${hash.generate()}>`;
+          const boundary = `${hash.generate(32)}`;
           // Multipart Content-Type.
           const contentType = `Content-Type: ${context.type}`;
           // Range suffix.
           const suffix = node_buffer.Buffer.from(`\r\n--${boundary}--\r\n`);
           // Override Content-Type.
-          context.type = `multipart/byteranges; boundary=${boundary}`;
+          context.type = `multipart/byteranges; boundary="${boundary}"`;
           // Map ranges.
           for (const [index, { start, end }] of entries) {
             const length = end - start + 1;

package/cjs/server/dev/utils/path.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/paths.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/ready.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/setupHooks.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/setupOutputFileSystem.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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/cjs/server/dev/utils/setupWatching.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -20,7 +20,7 @@ function getWatching({ compiler, logger }) {
     return compiler.watching;
   }
   const errorHandler = error => {
-    if (error) {
+    if (error != null) {
       // For example - `writeToDisk` can throw an error and right now it is ends watching.
       // We can improve that and keep watching active, but it is require API on webpack side.
       // Let's implement that in webpack@5 because it is rare case.

package/cjs/server/dev/utils/setupWriteToDisk.cjs

@@ -1,7 +1,7 @@
 /**
  * @package webpack-dev-service
  * @license MIT
- * @version 0.12.10
+ * @version 0.12.12
  * @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
@@ -34,12 +34,12 @@ function setupWriteToDisk(context) {
       const dir = node_path.dirname(targetPath);
       const name = getCompilerName(compiler);
       return node_fs.mkdir(dir, { recursive: true }, error => {
-        if (error) {
+        if (error != null) {
           logger.error(`${name}unable to write "${dir}" directory to disk:\n${error}`);
           return callback(error);
         }
         node_fs.writeFile(targetPath, content, error => {
-          if (error) {
+          if (error != null) {
             logger.error(`${name}unable to write "${targetPath}" asset to disk:\n${error}`);
             return callback(error);
           }