webpack-dev-service 0.5.2 → 0.5.3

package/client/esm/hot.js

@@ -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.3
+  * @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,55 +52,56 @@ 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) {
+    // 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;
                 case 'fail':
                 case 'abort':
-                  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();
+                    // 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.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.3
+  * @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,76 +1,79 @@
 /**
- * @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.3
+  * @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);
-  } 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);
+const resolveOrigin = (params) => {
+    const { location } = self;
+    let host = params.get('host');
+    let protocol;
+    if (host) {
+        protocol = resolveProtocol(params, location.protocol);
     }
-  }
-  return `${protocol}//${host}`;
+    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}`;
 };
 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.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.3
+  * @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,64 +171,65 @@ 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.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.3
+  * @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 };