webpack-dev-service 0.5.4 → 0.5.6

package/client/esm/hot.js

@@ -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
+ */
+
 /**
  * @module hot
  */
@@ -21,9 +21,9 @@ let status = 'idle';
  * @description Is there a newer version of this code available.
  */
 function isUpdateAvailable() {
-    // __webpack_hash__ is the hash of the current compilation.
-    // It's a global variable injected by webpack.
-    return hash !== __webpack_hash__;
+  // __webpack_hash__ is the hash of the current compilation.
+  // It's a global variable injected by webpack.
+  return hash !== __webpack_hash__;
 }
 /**
  * @function setHash
@@ -31,7 +31,7 @@ function isUpdateAvailable() {
  * @param value - The new hash value.
  */
 function setHash(value) {
-    hash = value;
+  hash = value;
 }
 /**
  * @function setStatus
@@ -39,11 +39,11 @@ function setHash(value) {
  * @param value The new status of the hot update.
  */
 function setStatus(value) {
-    status = value;
+  status = value;
 }
 // Initialize status.
 if (import.meta.webpackHot) {
-    setStatus(import.meta.webpackHot.status());
+  setStatus(import.meta.webpackHot.status());
 }
 /**
  * @function applyUpdate
@@ -52,56 +52,55 @@ if (import.meta.webpackHot) {
  * @param fallback Fallback function when HMR fail.
  */
 function applyUpdate(hmr, fallback) {
-    // Update available.
-    if (isUpdateAvailable()) {
-        // HMR enabled.
-        if (hmr && import.meta.webpackHot) {
-            switch (status) {
-                case 'idle':
-                    // Set status.
-                    setStatus('check');
-                    // Auto check and apply updates.
-                    import.meta.webpackHot
-                        .check(true)
-                        .then(updated => {
-                        // Update status.
-                        setStatus(import.meta.webpackHot.status());
-                        // When updated modules is available,
-                        // it indicates server is ready to serve new bundle.
-                        if (updated) {
-                            // While update completed, do it again until no update available.
-                            applyUpdate(hmr, fallback);
-                        }
-                    })
-                        .catch((exception) => {
-                        // Get status.
-                        const status = import.meta.webpackHot.status();
-                        // Update status.
-                        switch (status) {
-                            case 'fail':
-                            case 'abort':
-                                setStatus(status);
-                            default:
-                                setStatus('fail');
-                        }
-                        // Cache error.
-                        error = exception;
-                        // Call fallback.
-                        fallback(error);
-                    });
-                    break;
+  // Update available.
+  if (isUpdateAvailable()) {
+    // HMR enabled.
+    if (hmr && import.meta.webpackHot) {
+      switch (status) {
+        case 'idle':
+          // Set status.
+          setStatus('check');
+          // Auto check and apply updates.
+          import.meta.webpackHot
+            .check(true)
+            .then(updated => {
+              // Update status.
+              setStatus(import.meta.webpackHot.status());
+              // When updated modules is available,
+              // it indicates server is ready to serve new bundle.
+              if (updated) {
+                // While update completed, do it again until no update available.
+                applyUpdate(hmr, fallback);
+              }
+            })
+            .catch(exception => {
+              // Get status.
+              const status = import.meta.webpackHot.status();
+              // Update status.
+              switch (status) {
                 case 'fail':
                 case 'abort':
-                    // Call fallback.
-                    fallback(error);
-                    break;
-            }
-        }
-        else {
-            // HMR disabled.
-            fallback();
-        }
+                  setStatus(status);
+                default:
+                  setStatus('fail');
+              }
+              // Cache error.
+              error = exception;
+              // Call fallback.
+              fallback(error);
+            });
+          break;
+        case 'fail':
+        case 'abort':
+          // Call fallback.
+          fallback(error);
+          break;
+      }
+    } else {
+      // HMR disabled.
+      fallback();
     }
+  }
 }
 
 export { applyUpdate, isUpdateAvailable, setHash, setStatus };

package/client/esm/index.js

@@ -1,10 +1,10 @@
 /**
-  * @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
+ */
+
 export { off, on } from './events.js';

package/client/esm/main.js

@@ -1,79 +1,76 @@
 /**
-  * @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
+ */
+
 import createClient from './client.js';
 
 /**
  * @module main
  */
-const isTLS = (protocol) => {
-    return protocol === 'https:';
+const isTLS = protocol => {
+  return protocol === 'https:';
 };
 const getCurrentScript = () => {
-    const { currentScript } = document;
-    if (currentScript) {
-        return currentScript;
-    }
+  const { currentScript } = document;
+  if (currentScript) {
+    return currentScript;
+  }
 };
 const resolveProtocol = (params, protocol) => {
-    switch (params.get('tls')) {
-        case 'true':
-            return 'wss:';
-        case 'false':
-            return 'ws:';
-        default:
-            return isTLS(protocol) ? 'wss:' : 'ws:';
-    }
+  switch (params.get('tls')) {
+    case 'true':
+      return 'wss:';
+    case 'false':
+      return 'ws:';
+    default:
+      return isTLS(protocol) ? 'wss:' : 'ws:';
+  }
 };
-const resolveOrigin = (params) => {
-    const { location } = self;
-    let host = params.get('host');
-    let protocol;
-    if (host) {
-        protocol = resolveProtocol(params, location.protocol);
+const resolveOrigin = params => {
+  const { location } = self;
+  let host = params.get('host');
+  let protocol;
+  if (host) {
+    protocol = resolveProtocol(params, location.protocol);
+  } else {
+    const script = getCurrentScript();
+    if (script) {
+      const { src } = script;
+      const url = new URL(src, location.href);
+      host = url.host;
+      protocol = resolveProtocol(params, url.protocol);
+    } else {
+      host = location.host;
+      protocol = resolveProtocol(params, location.protocol);
     }
-    else {
-        const script = getCurrentScript();
-        if (script) {
-            const { src } = script;
-            const url = new URL(src, location.href);
-            host = url.host;
-            protocol = resolveProtocol(params, url.protocol);
-        }
-        else {
-            host = location.host;
-            protocol = resolveProtocol(params, location.protocol);
-        }
-    }
-    return `${protocol}//${host}`;
+  }
+  return `${protocol}//${host}`;
 };
 const resolveOptions = () => {
-    const params = new URLSearchParams(__resourceQuery);
-    const origin = resolveOrigin(params);
-    const hmr = params.get('hmr') !== 'false';
-    const live = params.get('live') !== 'false';
-    const overlay = params.get('overlay') !== 'false';
-    const progress = params.get('progress') !== 'false';
-    try {
-        const options = __WDS_HOT_OPTIONS__;
-        return {
-            live,
-            origin,
-            overlay,
-            name: options.name,
-            path: options.path,
-            hmr: options.hmr === false ? false : hmr,
-            progress: options.progress === false ? false : progress
-        };
-    }
-    catch {
-        throw new Error('Imported the hot client but the hot server is not enabled.');
-    }
+  const params = new URLSearchParams(__resourceQuery);
+  const origin = resolveOrigin(params);
+  const hmr = params.get('hmr') !== 'false';
+  const live = params.get('live') !== 'false';
+  const overlay = params.get('overlay') !== 'false';
+  const progress = params.get('progress') !== 'false';
+  try {
+    const options = __WDS_HOT_OPTIONS__;
+    return {
+      live,
+      origin,
+      overlay,
+      name: options.name,
+      path: options.path,
+      hmr: options.hmr === false ? false : hmr,
+      progress: options.progress === false ? false : progress
+    };
+  } catch {
+    throw new Error('Imported the hot client but the hot server is not enabled.');
+  }
 };
 createClient(resolveOptions());

package/client/esm/ui/overlay.js

@@ -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
+ */
+
 import { injectCSS, appendHTML, ansiToHTML } from './utils/index.js';
 
 /**
@@ -171,65 +171,64 @@ const HTML = `
  </aside>
  `;
 class Overlay {
-    hidden = true;
-    name;
-    close;
-    aside;
-    errorsList;
-    errorsTitle;
-    warningsList;
-    warningsTitle;
-    constructor(name) {
-        injectCSS(CSS);
-        [this.aside] = 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 = ansiToHTML(moduleName);
-                const details = 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) {
+    injectCSS(CSS);
+    [this.aside] = 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 = ansiToHTML(moduleName);
+        const details = 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`);
     }
+  }
 }
 
 export { Overlay as default };

package/client/esm/ui/progress.js

@@ -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
+ */
+
 import { injectCSS, appendHTML } from './utils/index.js';
 
 /**
@@ -58,35 +58,35 @@ const HTML = `
  </svg>
  `;
 class Progress {
-    timer;
-    hidden = true;
-    svg;
-    track;
-    constructor() {
-        injectCSS(CSS);
-        [this.svg] = 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() {
+    injectCSS(CSS);
+    [this.svg] = 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);
     }
+  }
 }
 
 export { Progress as default };