webpack-dev-service 0.5.2 → 0.5.3

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

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

@@ -1,26 +1,26 @@
 /**
- * @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 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.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 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) {
+    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(';')};`);
     if (!href) {
-      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>`;
+        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.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 { emit } from './events.js';
 import Overlay from './ui/overlay.js';
 import Progress from './ui/progress.js';
@@ -16,111 +16,113 @@ 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);
-    }
-  };
-  const onHash = ({ hash }) => {
-    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 = 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);
+        }
     };
-    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;
+    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;
         }
-        emit(action, payload, options);
-      }
     };
-    ws.onclose = () => {
-      overlay.hide();
-      progress.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;
+                }
+                emit(action, payload, options);
+            }
+        };
+        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.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 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,25 +36,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);
+        }
     }
-  }
 }
 
 export { emit, off, on };