webpack-dev-service 0.5.2 → 0.5.4

package/client/cjs/ui/overlay.cjs

@@ -1,12 +1,12 @@
 /**
- * @package webpack-dev-service
- * @license MIT
- * @version 0.5.2
- * @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.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
+  */
+ 
 'use strict';
 
 const index = require('./utils/index.cjs');
@@ -173,64 +173,65 @@ 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.2
- * @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.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
+  */
+ 
 '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;