webpack-dev-service 0.5.4 → 0.5.6

package/client/cjs/ui/overlay.cjs

@@ -1,12 +1,12 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.4
-  * @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.6
+ * @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 index = require('./utils/index.cjs');
@@ -173,65 +173,64 @@ const HTML = `
  </aside>
  `;
 class Overlay {
-    hidden = true;
-    name;
-    close;
-    aside;
-    errorsList;
-    errorsTitle;
-    warningsList;
-    warningsTitle;
-    constructor(name) {
-        index.injectCSS(CSS);
-        [this.aside] = index.appendHTML(HTML);
-        this.name = this.aside.querySelector(`.${OVERLAY}-name`);
-        this.close = this.aside.querySelector(`.${OVERLAY}-close`);
-        this.errorsList = this.aside.querySelector(`.${OVERLAY}-errors`);
-        this.warningsList = this.aside.querySelector(`.${OVERLAY}-warnings`);
-        this.errorsTitle = this.aside.querySelector(`.${OVERLAY}-errors-title`);
-        this.warningsTitle = this.aside.querySelector(`.${OVERLAY}-warnings-title`);
-        this.name.innerHTML = `⭕ ${name || DEFAULT_NAME}`;
-        this.close.addEventListener('click', () => {
-            this.hide();
-        });
-    }
-    setProblems(type, problems) {
-        const count = problems.length;
-        const hidden = `${OVERLAY}-hidden`;
-        const problemMaps = {
-            errors: ['Error', this.errorsTitle, this.errorsList],
-            warnings: ['Warning', this.warningsTitle, this.warningsList]
-        };
-        const [name, problemTitle, problemList] = problemMaps[type];
-        if (count > 0) {
-            let html = '';
-            problemTitle.innerText = `${count} ${name}(s)`;
-            for (const { moduleName = 'unknown', message } of problems) {
-                const src = index.ansiToHTML(moduleName);
-                const details = index.ansiToHTML(message);
-                html += `<div><em>${name}</em> in ${src}<div>${details}</div></div>`;
-            }
-            problemList.innerHTML = html;
-            problemList.classList.remove(hidden);
-            problemTitle.classList.remove(hidden);
-        }
-        else {
-            problemList.classList.add(hidden);
-            problemTitle.classList.add(hidden);
-        }
+  hidden = true;
+  name;
+  close;
+  aside;
+  errorsList;
+  errorsTitle;
+  warningsList;
+  warningsTitle;
+  constructor(name) {
+    index.injectCSS(CSS);
+    [this.aside] = index.appendHTML(HTML);
+    this.name = this.aside.querySelector(`.${OVERLAY}-name`);
+    this.close = this.aside.querySelector(`.${OVERLAY}-close`);
+    this.errorsList = this.aside.querySelector(`.${OVERLAY}-errors`);
+    this.warningsList = this.aside.querySelector(`.${OVERLAY}-warnings`);
+    this.errorsTitle = this.aside.querySelector(`.${OVERLAY}-errors-title`);
+    this.warningsTitle = this.aside.querySelector(`.${OVERLAY}-warnings-title`);
+    this.name.innerHTML = `⭕ ${name || DEFAULT_NAME}`;
+    this.close.addEventListener('click', () => {
+      this.hide();
+    });
+  }
+  setProblems(type, problems) {
+    const count = problems.length;
+    const hidden = `${OVERLAY}-hidden`;
+    const problemMaps = {
+      errors: ['Error', this.errorsTitle, this.errorsList],
+      warnings: ['Warning', this.warningsTitle, this.warningsList]
+    };
+    const [name, problemTitle, problemList] = problemMaps[type];
+    if (count > 0) {
+      let html = '';
+      problemTitle.innerText = `${count} ${name}(s)`;
+      for (const { moduleName = 'unknown', message } of problems) {
+        const src = index.ansiToHTML(moduleName);
+        const details = index.ansiToHTML(message);
+        html += `<div><em>${name}</em> in ${src}<div>${details}</div></div>`;
+      }
+      problemList.innerHTML = html;
+      problemList.classList.remove(hidden);
+      problemTitle.classList.remove(hidden);
+    } else {
+      problemList.classList.add(hidden);
+      problemTitle.classList.add(hidden);
     }
-    show() {
-        if (this.hidden) {
-            this.hidden = false;
-            this.aside.classList.add(`${OVERLAY}-show`);
-        }
+  }
+  show() {
+    if (this.hidden) {
+      this.hidden = false;
+      this.aside.classList.add(`${OVERLAY}-show`);
     }
-    hide() {
-        if (!this.hidden) {
-            this.hidden = true;
-            this.aside.classList.remove(`${OVERLAY}-show`);
-        }
+  }
+  hide() {
+    if (!this.hidden) {
+      this.hidden = true;
+      this.aside.classList.remove(`${OVERLAY}-show`);
     }
+  }
 }
 
 module.exports = Overlay;

package/client/cjs/ui/progress.cjs

@@ -1,12 +1,12 @@
 /**
-  * @package webpack-dev-service
-  * @license MIT
-  * @version 0.5.4
-  * @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.6
+ * @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 index = require('./utils/index.cjs');
@@ -60,35 +60,35 @@ const HTML = `
  </svg>
  `;
 class Progress {
-    timer;
-    hidden = true;
-    svg;
-    track;
-    constructor() {
-        index.injectCSS(CSS);
-        [this.svg] = index.appendHTML(HTML);
-        this.track = this.svg.querySelector(`.${PROGRESS}-track`);
-    }
-    update(value) {
-        value = Math.max(0, Math.min(100, value));
-        this.track.style.strokeDashoffset = (((100 - value) / 100) * PERIMETER).toString();
-    }
-    show() {
-        if (this.hidden) {
-            this.hidden = false;
-            clearTimeout(this.timer);
-            this.svg.classList.add(`${PROGRESS}-show`);
-        }
+  timer;
+  hidden = true;
+  svg;
+  track;
+  constructor() {
+    index.injectCSS(CSS);
+    [this.svg] = index.appendHTML(HTML);
+    this.track = this.svg.querySelector(`.${PROGRESS}-track`);
+  }
+  update(value) {
+    value = Math.max(0, Math.min(100, value));
+    this.track.style.strokeDashoffset = (((100 - value) / 100) * PERIMETER).toString();
+  }
+  show() {
+    if (this.hidden) {
+      this.hidden = false;
+      clearTimeout(this.timer);
+      this.svg.classList.add(`${PROGRESS}-show`);
     }
-    hide() {
-        if (!this.hidden) {
-            this.hidden = true;
-            this.timer = self.setTimeout(() => {
-                this.update(0);
-                this.svg.classList.remove(`${PROGRESS}-show`);
-            }, 300);
-        }
+  }
+  hide() {
+    if (!this.hidden) {
+      this.hidden = true;
+      this.timer = self.setTimeout(() => {
+        this.update(0);
+        this.svg.classList.remove(`${PROGRESS}-show`);
+      }, 300);
     }
+  }
 }
 
 module.exports = Progress;