webpack-dev-service 0.5.2 → 0.5.3

package/client/cjs/client.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.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
+  */
+ 
 'use strict';
 
 const events = require('./events.cjs');
@@ -18,111 +18,113 @@ const hot = require('./hot.cjs');
  * @module client
  */
 function createClient(options) {
-  let updateTimer;
-  const UPDATE_DELAY = 128;
-  const RETRY_INTERVAL = 3000;
-  const progress$1 = new progress();
-  const overlay$1 = new overlay(options.name);
-  const fallback = error => {
-    if (options.live) {
-      self.location.reload();
-    } else if (error) {
-      console.error(error);
-      console.warn('Use fallback update but you turn off live reload, please reload by yourself.');
-    }
-  };
-  const applyUpdateAsync = () => {
-    updateTimer = self.setTimeout(() => {
-      hot.applyUpdate(options.hmr, fallback);
-    }, UPDATE_DELAY);
-  };
-  const onInvalid = () => {
-    clearTimeout(updateTimer);
-    if (options.progress) {
-      progress$1.update(0);
-      progress$1.show();
-    }
-  };
-  const onProgress = ({ value }) => {
-    if (options.progress) {
-      progress$1.update(value);
-    }
-  };
-  const onHash = ({ hash }) => {
-    hot.setHash(hash);
-  };
-  const setProblems = (type, problems) => {
-    const maps = {
-      errors: ['Error', 'error'],
-      warnings: ['Warning', 'warn']
+    let updateTimer;
+    const UPDATE_DELAY = 128;
+    const RETRY_INTERVAL = 3000;
+    const progress$1 = new progress();
+    const overlay$1 = new overlay(options.name);
+    const fallback = (error) => {
+        if (options.live) {
+            self.location.reload();
+        }
+        else if (error) {
+            console.error(error);
+            console.warn('Use fallback update but you turn off live reload, please reload by yourself.');
+        }
+    };
+    const applyUpdateAsync = () => {
+        updateTimer = self.setTimeout(() => {
+            hot.applyUpdate(options.hmr, fallback);
+        }, UPDATE_DELAY);
+    };
+    const onInvalid = () => {
+        clearTimeout(updateTimer);
+        if (options.progress) {
+            progress$1.update(0);
+            progress$1.show();
+        }
+    };
+    const onProgress = ({ value }) => {
+        if (options.progress) {
+            progress$1.update(value);
+        }
     };
-    if (options.overlay) {
-      overlay$1.setProblems(type, problems);
-    }
-    const [name, method] = maps[type];
-    const debug = console[method];
-    for (const { moduleName, message } of problems) {
-      debug(`\x1b[0m${name} in ${moduleName}\r\n\x1b[0m${message}`);
-    }
-  };
-  const onProblems = ({ errors, warnings }) => {
-    progress$1.hide();
-    setProblems('errors', errors);
-    setProblems('warnings', warnings);
-    if (options.overlay) {
-      overlay$1.show();
-    }
-    if (errors.length <= 0) {
-      applyUpdateAsync();
-    }
-  };
-  const onSuccess = () => {
-    overlay$1.hide();
-    progress$1.hide();
-    applyUpdateAsync();
-  };
-  const parseMessage = message => {
-    try {
-      return JSON.parse(message.data);
-    } catch {
-      return null;
-    }
-  };
-  const createWebSocket = url => {
-    const ws = new WebSocket(url);
-    ws.onmessage = message => {
-      const parsed = parseMessage(message);
-      if (parsed) {
-        const { action, payload } = parsed;
-        switch (action) {
-          case 'invalid':
-            onInvalid();
-            break;
-          case 'progress':
-            onProgress(payload);
-            break;
-          case 'hash':
-            onHash(payload);
-            break;
-          case 'problems':
-            onProblems(payload);
-            break;
-          case 'ok':
-            onSuccess();
-            break;
+    const onHash = ({ hash }) => {
+        hot.setHash(hash);
+    };
+    const setProblems = (type, problems) => {
+        const maps = {
+            errors: ['Error', 'error'],
+            warnings: ['Warning', 'warn']
+        };
+        if (options.overlay) {
+            overlay$1.setProblems(type, problems);
+        }
+        const [name, method] = maps[type];
+        const debug = console[method];
+        for (const { moduleName, message } of problems) {
+            debug(`\x1b[0m${name} in ${moduleName}\r\n\x1b[0m${message}`);
+        }
+    };
+    const onProblems = ({ errors, warnings }) => {
+        progress$1.hide();
+        setProblems('errors', errors);
+        setProblems('warnings', warnings);
+        if (options.overlay) {
+            overlay$1.show();
+        }
+        if (errors.length <= 0) {
+            applyUpdateAsync();
+        }
+    };
+    const onSuccess = () => {
+        overlay$1.hide();
+        progress$1.hide();
+        applyUpdateAsync();
+    };
+    const parseMessage = (message) => {
+        try {
+            return JSON.parse(message.data);
+        }
+        catch {
+            return null;
         }
-        events.emit(action, payload, options);
-      }
     };
-    ws.onclose = () => {
-      overlay$1.hide();
-      progress$1.hide();
-      setTimeout(() => {
-        createWebSocket(url);
-      }, RETRY_INTERVAL);
+    const createWebSocket = (url) => {
+        const ws = new WebSocket(url);
+        ws.onmessage = (message) => {
+            const parsed = parseMessage(message);
+            if (parsed) {
+                const { action, payload } = parsed;
+                switch (action) {
+                    case 'invalid':
+                        onInvalid();
+                        break;
+                    case 'progress':
+                        onProgress(payload);
+                        break;
+                    case 'hash':
+                        onHash(payload);
+                        break;
+                    case 'problems':
+                        onProblems(payload);
+                        break;
+                    case 'ok':
+                        onSuccess();
+                        break;
+                }
+                events.emit(action, payload, options);
+            }
+        };
+        ws.onclose = () => {
+            overlay$1.hide();
+            progress$1.hide();
+            setTimeout(() => {
+                createWebSocket(url);
+            }, RETRY_INTERVAL);
+        };
     };
-  };
-  createWebSocket(`${options.origin}${options.path}`);
+    createWebSocket(`${options.origin}${options.path}`);
 }
 
 module.exports = createClient;

package/client/cjs/events.cjs

@@ -1,23 +1,23 @@
 /**
- * @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
+  */
+ 
 'use strict';
 
 /**
  * @module events
  */
 const events = {
-  ok: [],
-  hash: [],
-  invalid: [],
-  problems: [],
-  progress: []
+    ok: [],
+    hash: [],
+    invalid: [],
+    problems: [],
+    progress: []
 };
 /**
  * @function on
@@ -26,10 +26,10 @@ const events = {
  * @param callback Event listener callback.
  */
 function on(event, callback) {
-  const callbacks = events[event];
-  if (callbacks) {
-    callbacks.push(callback);
-  }
+    const callbacks = events[event];
+    if (callbacks) {
+        callbacks.push(callback);
+    }
 }
 /**
  * @function off
@@ -38,25 +38,26 @@ function on(event, callback) {
  * @param callback Event listener callback.
  */
 function off(event, callback) {
-  const callbacks = events[event];
-  if (callbacks) {
-    if (callback) {
-      const index = callbacks.indexOf(callback);
-      if (index >= 0) {
-        callbacks.splice(index, 1);
-      }
-    } else {
-      events[event] = [];
+    const callbacks = events[event];
+    if (callbacks) {
+        if (callback) {
+            const index = callbacks.indexOf(callback);
+            if (index >= 0) {
+                callbacks.splice(index, 1);
+            }
+        }
+        else {
+            events[event] = [];
+        }
     }
-  }
 }
 function emit(event, message, options) {
-  const callbacks = events[event];
-  if (callbacks && callbacks.length > 0) {
-    for (const callback of callbacks) {
-      callback(message, options);
+    const callbacks = events[event];
+    if (callbacks && callbacks.length > 0) {
+        for (const callback of callbacks) {
+            callback(message, options);
+        }
     }
-  }
 }
 
 exports.emit = emit;

package/client/cjs/hot.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.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
+  */
+ 
 'use strict';
 
 /**
@@ -23,9 +23,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
@@ -33,7 +33,7 @@ function isUpdateAvailable() {
  * @param value - The new hash value.
  */
 function setHash(value) {
-  hash = value;
+    hash = value;
 }
 /**
  * @function setStatus
@@ -41,11 +41,11 @@ function setHash(value) {
  * @param value The new status of the hot update.
  */
 function setStatus(value) {
-  status = value;
+    status = value;
 }
 // Initialize status.
 if (module.hot) {
-  setStatus(module.hot.status());
+    setStatus(module.hot.status());
 }
 /**
  * @function applyUpdate
@@ -54,55 +54,56 @@ if (module.hot) {
  * @param fallback Fallback function when HMR fail.
  */
 function applyUpdate(hmr, fallback) {
-  // Update available.
-  if (isUpdateAvailable()) {
-    // HMR enabled.
-    if (hmr && module.hot) {
-      switch (status) {
-        case 'idle':
-          // Set status.
-          setStatus('check');
-          // Auto check and apply updates.
-          module.hot
-            .check(true)
-            .then(updated => {
-              // Update status.
-              setStatus(module.hot.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 = module.hot.status();
-              // Update status.
-              switch (status) {
+    // Update available.
+    if (isUpdateAvailable()) {
+        // HMR enabled.
+        if (hmr && module.hot) {
+            switch (status) {
+                case 'idle':
+                    // Set status.
+                    setStatus('check');
+                    // Auto check and apply updates.
+                    module.hot
+                        .check(true)
+                        .then(updated => {
+                        // Update status.
+                        setStatus(module.hot.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 = module.hot.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();
+        }
     }
-  }
 }
 
 exports.applyUpdate = applyUpdate;

package/client/cjs/index.cjs

@@ -1,15 +1,17 @@
 /**
- * @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
+  */
+ 
 'use strict';
 
 const events = require('./events.cjs');
 
+
+
 exports.off = events.off;
 exports.on = events.on;

package/client/cjs/main.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.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
+  */
+ 
 'use strict';
 
 const client = require('./client.cjs');
@@ -14,65 +14,68 @@ const client = require('./client.cjs');
 /**
  * @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.');
+    }
 };
 client(resolveOptions());