webpack-dev-service 0.5.4 → 0.5.6

package/client/cjs/ui/utils/ansi/regx.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';
 
 /**

package/client/cjs/ui/utils/ansi/utils.cjs

@@ -1,26 +1,26 @@
 /**
-  * @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';
 
 /**
  * @module utils
  */
 function toUint8(uint8) {
-    return uint8 & 0xff;
+  return uint8 & 0xff;
 }
 function getThemeColor(defaultColor, color) {
-    if (color) {
-        const [r, g, b] = color;
-        return [toUint8(r), toUint8(g), toUint8(b)];
-    }
-    return defaultColor;
+  if (color) {
+    const [r, g, b] = color;
+    return [toUint8(r), toUint8(g), toUint8(b)];
+  }
+  return defaultColor;
 }
 
 exports.getThemeColor = getThemeColor;

package/client/cjs/ui/utils/index.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('./ansi/index.cjs');
@@ -17,106 +17,106 @@ const index = require('./ansi/index.cjs');
 const ansi = new index();
 const defaultStyleElement = document.createElement('style');
 function injectCSS(css, styleElement = defaultStyleElement) {
-    const { head } = document;
-    styleElement.appendChild(document.createTextNode(css.trim()));
-    if (!head.contains(styleElement)) {
-        head.appendChild(styleElement);
-    }
-    return styleElement;
+  const { head } = document;
+  styleElement.appendChild(document.createTextNode(css.trim()));
+  if (!head.contains(styleElement)) {
+    head.appendChild(styleElement);
+  }
+  return styleElement;
 }
 function appendHTML(html, parent) {
-    const nodes = [];
-    const parser = new DOMParser();
-    const stage = parent || document.body;
-    const fragment = document.createDocumentFragment();
-    const { body } = parser.parseFromString(html.trim(), 'text/html');
-    while (body.firstChild) {
-        nodes.push(fragment.appendChild(body.firstChild));
-    }
-    stage.appendChild(fragment);
-    return nodes;
+  const nodes = [];
+  const parser = new DOMParser();
+  const stage = parent || document.body;
+  const fragment = document.createDocumentFragment();
+  const { body } = parser.parseFromString(html.trim(), 'text/html');
+  while (body.firstChild) {
+    nodes.push(fragment.appendChild(body.firstChild));
+  }
+  stage.appendChild(fragment);
+  return nodes;
 }
 function escapeHTML(text) {
-    return text.replace(/[&<>"']/gm, match => {
-        switch (match) {
-            case '&':
-                return '&amp;';
-            case '<':
-                return '&lt;';
-            case '>':
-                return '&gt;';
-            case '"':
-                return '&quot;';
-            case "'":
-                return '&#x27;';
-            default:
-                return match;
-        }
-    });
+  return text.replace(/[&<>"']/gm, match => {
+    switch (match) {
+      case '&':
+        return '&amp;';
+      case '<':
+        return '&lt;';
+      case '>':
+        return '&gt;';
+      case '"':
+        return '&quot;';
+      case "'":
+        return '&#x27;';
+      default:
+        return match;
+    }
+  });
 }
 function blockToHTML({ style, value, url }) {
-    const styles = [];
-    const textDecorations = [];
-    if (style.dim) {
-        styles.push(`opacity:0.5`);
-    }
-    if (style.bold) {
-        styles.push(`font-weight:bold`);
-    }
-    if (style.italic) {
-        styles.push(`font-style:italic`);
-    }
-    if (style.inverse) {
-        styles.push(`filter:invert(1)`);
-    }
-    if (style.hidden) {
-        styles.push(`visibility:hidden`);
-    }
-    if (style.blink) {
-        textDecorations.push('blink');
-    }
-    if (style.overline) {
-        textDecorations.push('overline');
-    }
-    if (style.underline) {
-        textDecorations.push('underline');
-    }
-    if (style.strikethrough) {
-        textDecorations.push('line-through');
-    }
-    const { color, background } = style;
-    if (color) {
-        styles.push(`color:rgb(${color})`);
-    }
-    if (background) {
-        styles.push(`background-color:rgb(${background})`);
-    }
-    if (textDecorations.length > 0) {
-        styles.push(`text-decoration:${textDecorations.join(' ')}`);
-    }
-    const escapedValue = escapeHTML(value);
-    const href = url ? JSON.stringify(escapeHTML(url)) : null;
-    if (styles.length <= 0) {
-        if (!href) {
-            return escapedValue;
-        }
-        return `<a href=${href} target="_blank">${escapedValue}</a>`;
-    }
-    const inlineStyle = JSON.stringify(`${styles.join(';')};`);
+  const styles = [];
+  const textDecorations = [];
+  if (style.dim) {
+    styles.push(`opacity:0.5`);
+  }
+  if (style.bold) {
+    styles.push(`font-weight:bold`);
+  }
+  if (style.italic) {
+    styles.push(`font-style:italic`);
+  }
+  if (style.inverse) {
+    styles.push(`filter:invert(1)`);
+  }
+  if (style.hidden) {
+    styles.push(`visibility:hidden`);
+  }
+  if (style.blink) {
+    textDecorations.push('blink');
+  }
+  if (style.overline) {
+    textDecorations.push('overline');
+  }
+  if (style.underline) {
+    textDecorations.push('underline');
+  }
+  if (style.strikethrough) {
+    textDecorations.push('line-through');
+  }
+  const { color, background } = style;
+  if (color) {
+    styles.push(`color:rgb(${color})`);
+  }
+  if (background) {
+    styles.push(`background-color:rgb(${background})`);
+  }
+  if (textDecorations.length > 0) {
+    styles.push(`text-decoration:${textDecorations.join(' ')}`);
+  }
+  const escapedValue = escapeHTML(value);
+  const href = url ? JSON.stringify(escapeHTML(url)) : null;
+  if (styles.length <= 0) {
     if (!href) {
-        return `<span style=${inlineStyle}>${escapedValue}</span>`;
-    }
-    return `<a style=${inlineStyle} href=${href} target="_blank">${escapedValue}</a>`;
+      return escapedValue;
+    }
+    return `<a href=${href} target="_blank">${escapedValue}</a>`;
+  }
+  const inlineStyle = JSON.stringify(`${styles.join(';')};`);
+  if (!href) {
+    return `<span style=${inlineStyle}>${escapedValue}</span>`;
+  }
+  return `<a style=${inlineStyle} href=${href} target="_blank">${escapedValue}</a>`;
 }
 function ansiToHTML(text) {
-    let html = '';
-    ansi.write(text, block => {
-        html += blockToHTML(block);
-    });
-    ansi.flush(block => {
-        html += blockToHTML(block);
-    });
-    return html;
+  let html = '';
+  ansi.write(text, block => {
+    html += blockToHTML(block);
+  });
+  ansi.flush(block => {
+    html += blockToHTML(block);
+  });
+  return html;
 }
 
 exports.ansiToHTML = ansiToHTML;

package/client/esm/client.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 { emit } from './events.js';
 import Overlay from './ui/overlay.js';
 import Progress from './ui/progress.js';
@@ -16,113 +16,111 @@ import { applyUpdate, setHash } from './hot.js';
  * @module client
  */
 function createClient(options) {
-    let updateTimer;
-    const UPDATE_DELAY = 128;
-    const RETRY_INTERVAL = 3000;
-    const progress = new Progress();
-    const overlay = 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(() => {
-            applyUpdate(options.hmr, fallback);
-        }, UPDATE_DELAY);
-    };
-    const onInvalid = () => {
-        clearTimeout(updateTimer);
-        if (options.progress) {
-            progress.update(0);
-            progress.show();
-        }
-    };
-    const onProgress = ({ value }) => {
-        if (options.progress) {
-            progress.update(value);
-        }
+  let updateTimer;
+  const UPDATE_DELAY = 128;
+  const RETRY_INTERVAL = 3000;
+  const progress = new Progress();
+  const overlay = 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(() => {
+      applyUpdate(options.hmr, fallback);
+    }, UPDATE_DELAY);
+  };
+  const onInvalid = () => {
+    clearTimeout(updateTimer);
+    if (options.progress) {
+      progress.update(0);
+      progress.show();
+    }
+  };
+  const onProgress = ({ value }) => {
+    if (options.progress) {
+      progress.update(value);
+    }
+  };
+  const onHash = ({ hash }) => {
+    setHash(hash);
+  };
+  const setProblems = (type, problems) => {
+    const maps = {
+      errors: ['Error', 'error'],
+      warnings: ['Warning', 'warn']
     };
-    const onHash = ({ hash }) => {
-        setHash(hash);
-    };
-    const setProblems = (type, problems) => {
-        const maps = {
-            errors: ['Error', 'error'],
-            warnings: ['Warning', 'warn']
-        };
-        if (options.overlay) {
-            overlay.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.hide();
-        setProblems('errors', errors);
-        setProblems('warnings', warnings);
-        if (options.overlay) {
-            overlay.show();
-        }
-        if (errors.length <= 0) {
-            applyUpdateAsync();
-        }
-    };
-    const onSuccess = () => {
-        overlay.hide();
-        progress.hide();
-        applyUpdateAsync();
-    };
-    const parseMessage = (message) => {
-        try {
-            return JSON.parse(message.data);
-        }
-        catch {
-            return null;
+    if (options.overlay) {
+      overlay.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.hide();
+    setProblems('errors', errors);
+    setProblems('warnings', warnings);
+    if (options.overlay) {
+      overlay.show();
+    }
+    if (errors.length <= 0) {
+      applyUpdateAsync();
+    }
+  };
+  const onSuccess = () => {
+    overlay.hide();
+    progress.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;
         }
+        emit(action, payload, options);
+      }
     };
-    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;
-                }
-                emit(action, payload, options);
-            }
-        };
-        ws.onclose = () => {
-            overlay.hide();
-            progress.hide();
-            setTimeout(() => {
-                createWebSocket(url);
-            }, RETRY_INTERVAL);
-        };
+    ws.onclose = () => {
+      overlay.hide();
+      progress.hide();
+      setTimeout(() => {
+        createWebSocket(url);
+      }, RETRY_INTERVAL);
     };
-    createWebSocket(`${options.origin}${options.path}`);
+  };
+  createWebSocket(`${options.origin}${options.path}`);
 }
 
 export { createClient as default };

package/client/esm/events.js

@@ -1,21 +1,21 @@
 /**
-  * @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 events
  */
 const events = {
-    ok: [],
-    hash: [],
-    invalid: [],
-    problems: [],
-    progress: []
+  ok: [],
+  hash: [],
+  invalid: [],
+  problems: [],
+  progress: []
 };
 /**
  * @function on
@@ -24,10 +24,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
@@ -36,26 +36,25 @@ 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);
     }
+  }
 }
 
 export { emit, off, on };