webpack-dev-server 3.1.14 → 3.3.1

package/client/index.js

@@ -1,12 +1,18 @@
 'use strict';
-
 /* global __resourceQuery WorkerGlobalScope self */
+
 /* eslint prefer-destructuring: off */
 
+var querystring = require('querystring');
+
 var url = require('url');
+
 var stripAnsi = require('strip-ansi');
+
 var log = require('loglevel').getLogger('webpack-dev-server');
+
 var socket = require('./socket');
+
 var overlay = require('./overlay');
 
 function getCurrentScriptSource() {
@@ -14,30 +20,35 @@ function getCurrentScriptSource() {
   // but is not supported in all browsers.
   if (document.currentScript) {
     return document.currentScript.getAttribute('src');
-  }
-  // Fall back to getting all scripts in the document.
+  } // Fall back to getting all scripts in the document.
+
+
   var scriptElements = document.scripts || [];
   var currentScript = scriptElements[scriptElements.length - 1];
+
   if (currentScript) {
     return currentScript.getAttribute('src');
-  }
-  // Fail as there was no script to use.
+  } // Fail as there was no script to use.
+
+
   throw new Error('[WDS] Failed to get current script source.');
 }
 
-var urlParts = void 0;
+var urlParts;
 var hotReload = true;
+
 if (typeof window !== 'undefined') {
   var qs = window.location.search.toLowerCase();
   hotReload = qs.indexOf('hotreload=false') === -1;
 }
+
 if (typeof __resourceQuery === 'string' && __resourceQuery) {
   // If this bundle is inlined, use the resource query to get the correct url.
   urlParts = url.parse(__resourceQuery.substr(1));
 } else {
   // Else, get the url from the <script> this file was called with.
-  var scriptHost = getCurrentScriptSource();
-  // eslint-disable-next-line no-useless-escape
+  var scriptHost = getCurrentScriptSource(); // eslint-disable-next-line no-useless-escape
+
   scriptHost = scriptHost.replace(/\/[^\/]+$/, '');
   urlParts = url.parse(scriptHost || '/', false, true);
 }
@@ -52,20 +63,17 @@ var currentHash = '';
 var useWarningOverlay = false;
 var useErrorOverlay = false;
 var useProgress = false;
-
 var INFO = 'info';
 var WARNING = 'warning';
 var ERROR = 'error';
-var NONE = 'none';
+var NONE = 'none'; // Set the default log level
 
-// Set the default log level
-log.setDefaultLevel(INFO);
+log.setDefaultLevel(INFO); // Send messages to the outside, so plugins can consume it.
 
-// Send messages to the outside, so plugins can consume it.
 function sendMsg(type, data) {
   if (typeof self !== 'undefined' && (typeof WorkerGlobalScope === 'undefined' || !(self instanceof WorkerGlobalScope))) {
     self.postMessage({
-      type: 'webpack' + type,
+      type: "webpack".concat(type),
       data: data
     }, '*');
   }
@@ -77,39 +85,50 @@ var onSocketMsg = {
     log.info('[WDS] Hot Module Replacement enabled.');
   },
   invalid: function invalid() {
-    log.info('[WDS] App updated. Recompiling...');
-    // fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.
-    if (useWarningOverlay || useErrorOverlay) overlay.clear();
+    log.info('[WDS] App updated. Recompiling...'); // fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.
+
+    if (useWarningOverlay || useErrorOverlay) {
+      overlay.clear();
+    }
+
     sendMsg('Invalid');
   },
   hash: function hash(_hash) {
     currentHash = _hash;
   },
-
   'still-ok': function stillOk() {
     log.info('[WDS] Nothing changed.');
-    if (useWarningOverlay || useErrorOverlay) overlay.clear();
+
+    if (useWarningOverlay || useErrorOverlay) {
+      overlay.clear();
+    }
+
     sendMsg('StillOk');
   },
   'log-level': function logLevel(level) {
     var hotCtx = require.context('webpack/hot', false, /^\.\/log$/);
+
     if (hotCtx.keys().indexOf('./log') !== -1) {
       hotCtx('./log').setLogLevel(level);
     }
+
     switch (level) {
       case INFO:
       case ERROR:
         log.setLevel(level);
         break;
+
       case WARNING:
         // loglevel's warning name is different from webpack's
         log.setLevel('warn');
         break;
+
       case NONE:
         log.disableAll();
         break;
+
       default:
-        log.error('[WDS] Unknown clientLogLevel \'' + level + '\'');
+        log.error("[WDS] Unknown clientLogLevel '".concat(level, "'"));
     }
   },
   overlay: function overlay(value) {
@@ -128,46 +147,72 @@ var onSocketMsg = {
       useProgress = _progress;
     }
   },
-
   'progress-update': function progressUpdate(data) {
-    if (useProgress) log.info('[WDS] ' + data.percent + '% - ' + data.msg + '.');
+    if (useProgress) {
+      log.info("[WDS] ".concat(data.percent, "% - ").concat(data.msg, "."));
+    }
+
     sendMsg('Progress', data);
   },
   ok: function ok() {
     sendMsg('Ok');
-    if (useWarningOverlay || useErrorOverlay) overlay.clear();
-    if (initial) return initial = false; // eslint-disable-line no-return-assign
+
+    if (useWarningOverlay || useErrorOverlay) {
+      overlay.clear();
+    }
+
+    if (initial) {
+      return initial = false;
+    } // eslint-disable-line no-return-assign
+
+
     reloadApp();
   },
-
   'content-changed': function contentChanged() {
     log.info('[WDS] Content base changed. Reloading...');
     self.location.reload();
   },
   warnings: function warnings(_warnings) {
     log.warn('[WDS] Warnings while compiling.');
+
     var strippedWarnings = _warnings.map(function (warning) {
       return stripAnsi(warning);
     });
+
     sendMsg('Warnings', strippedWarnings);
+
     for (var i = 0; i < strippedWarnings.length; i++) {
       log.warn(strippedWarnings[i]);
     }
-    if (useWarningOverlay) overlay.showMessage(_warnings);
 
-    if (initial) return initial = false; // eslint-disable-line no-return-assign
+    if (useWarningOverlay) {
+      overlay.showMessage(_warnings);
+    }
+
+    if (initial) {
+      return initial = false;
+    } // eslint-disable-line no-return-assign
+
+
     reloadApp();
   },
   errors: function errors(_errors) {
     log.error('[WDS] Errors while compiling. Reload prevented.');
+
     var strippedErrors = _errors.map(function (error) {
       return stripAnsi(error);
     });
+
     sendMsg('Errors', strippedErrors);
+
     for (var i = 0; i < strippedErrors.length; i++) {
       log.error(strippedErrors[i]);
     }
-    if (useErrorOverlay) overlay.showMessage(_errors);
+
+    if (useErrorOverlay) {
+      overlay.showMessage(_errors);
+    }
+
     initial = false;
   },
   error: function error(_error) {
@@ -178,11 +223,10 @@ var onSocketMsg = {
     sendMsg('Close');
   }
 };
-
 var hostname = urlParts.hostname;
 var protocol = urlParts.protocol;
+var port = urlParts.port; // check ipv4 and ipv6 `all hostname`
 
-// check ipv4 and ipv6 `all hostname`
 if (hostname === '0.0.0.0' || hostname === '::') {
   // why do we need this check?
   // hostname n/a for file protocol (example, when using electron, ionic)
@@ -190,13 +234,14 @@ if (hostname === '0.0.0.0' || hostname === '::') {
   // eslint-disable-next-line no-bitwise
   if (self.location.hostname && !!~self.location.protocol.indexOf('http')) {
     hostname = self.location.hostname;
+    port = self.location.port;
   }
-}
-
-// `hostname` can be empty when the script path is relative. In that case, specifying
+} // `hostname` can be empty when the script path is relative. In that case, specifying
 // a protocol would result in an invalid URL.
 // When https is used in the app, secure websockets are always necessary
 // because the browser doesn't accept non-secure websockets.
+
+
 if (hostname && (self.location.protocol === 'https:' || urlParts.hostname === '0.0.0.0')) {
   protocol = self.location.protocol;
 }
@@ -205,12 +250,13 @@ var socketUrl = url.format({
   protocol: protocol,
   auth: urlParts.auth,
   hostname: hostname,
-  port: urlParts.port,
-  pathname: urlParts.path == null || urlParts.path === '/' ? '/sockjs-node' : urlParts.path
+  port: port,
+  // If sockPath is provided it'll be passed in via the __resourceQuery as a
+  // query param so it has to be parsed out of the querystring in order for the
+  // client to open the socket to the correct location.
+  pathname: urlParts.path == null || urlParts.path === '/' ? '/sockjs-node' : querystring.parse(urlParts.path).sockPath || urlParts.path
 });
-
 socket(socketUrl, onSocketMsg);
-
 var isUnloading = false;
 self.addEventListener('beforeunload', function () {
   isUnloading = true;
@@ -220,24 +266,28 @@ function reloadApp() {
   if (isUnloading || !hotReload) {
     return;
   }
+
   if (_hot) {
-    log.info('[WDS] App hot update...');
-    // eslint-disable-next-line global-require
+    log.info('[WDS] App hot update...'); // eslint-disable-next-line global-require
+
     var hotEmitter = require('webpack/hot/emitter');
+
     hotEmitter.emit('webpackHotUpdate', currentHash);
+
     if (typeof self !== 'undefined' && self.window) {
       // broadcast update to window
-      self.postMessage('webpackHotUpdate' + currentHash, '*');
+      self.postMessage("webpackHotUpdate".concat(currentHash), '*');
     }
   } else {
-    var rootWindow = self;
-    // use parent window for reload (in case we're in an iframe with no valid src)
+    var rootWindow = self; // use parent window for reload (in case we're in an iframe with no valid src)
+
     var intervalId = self.setInterval(function () {
       if (rootWindow.location.protocol !== 'about:') {
         // reload immediately if protocol is valid
         applyReload(rootWindow, intervalId);
       } else {
         rootWindow = rootWindow.parent;
+
         if (rootWindow.parent === rootWindow) {
           // if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways
           applyReload(rootWindow, intervalId);