webpack-dev-server 3.7.2 → 3.9.0

package/CHANGELOG.md

@@ -2,6 +2,61 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.9.0](https://github.com/webpack/webpack-dev-server/compare/v3.8.2...v3.9.0) (2019-10-22)
+
+
+### Bug Fixes
+
+* add `hostname` and `port` to bonjour name to prevent name collisions ([#2276](https://github.com/webpack/webpack-dev-server/issues/2276)) ([d8af2d9](https://github.com/webpack/webpack-dev-server/commit/d8af2d9))
+* add `extKeyUsage` to self-signed cert ([#2274](https://github.com/webpack/webpack-dev-server/issues/2274)) ([a4dbc3b](https://github.com/webpack/webpack-dev-server/commit/a4dbc3b))
+
+
+### Features
+
+* add multiple `openPage` support ([#2266](https://github.com/webpack/webpack-dev-server/issues/2266)) ([c9e9178](https://github.com/webpack/webpack-dev-server/commit/c9e9178))
+
+### [3.8.2](https://github.com/webpack/webpack-dev-server/compare/v3.8.1...v3.8.2) (2019-10-02)
+
+### Security
+
+* update `selfsigned` package
+
+### [3.8.1](https://github.com/webpack/webpack-dev-server/compare/v3.8.0...v3.8.1) (2019-09-16)
+
+
+### Bug Fixes
+
+* add null check for connection.headers ([#2200](https://github.com/webpack/webpack-dev-server/issues/2200)) ([7964997](https://github.com/webpack/webpack-dev-server/commit/7964997))
+* false positive for an absolute path in the `ContentBase` option on windows ([#2202](https://github.com/webpack/webpack-dev-server/issues/2202)) ([68ecf78](https://github.com/webpack/webpack-dev-server/commit/68ecf78))
+* add status in quiet log level ([#2235](https://github.com/webpack/webpack-dev-server/issues/2235)) ([7e2224e](https://github.com/webpack/webpack-dev-server/commit/7e2224e))
+* scriptHost in client ([#2246](https://github.com/webpack/webpack-dev-server/issues/2246)) ([00903f6](https://github.com/webpack/webpack-dev-server/commit/00903f6))
+
+## [3.8.0](https://github.com/webpack/webpack-dev-server/compare/v3.7.2...v3.8.0) (2019-08-09)
+
+
+### Bug Fixes
+
+* **server:** fix setupExitSignals usage ([#2181](https://github.com/webpack/webpack-dev-server/issues/2181)) ([bbe410e](https://github.com/webpack/webpack-dev-server/commit/bbe410e))
+* **server:** set port before instantiating server ([#2143](https://github.com/webpack/webpack-dev-server/issues/2143)) ([cfbf229](https://github.com/webpack/webpack-dev-server/commit/cfbf229))
+* check for name of HotModuleReplacementPlugin to avoid RangeError ([#2146](https://github.com/webpack/webpack-dev-server/issues/2146)) ([4579775](https://github.com/webpack/webpack-dev-server/commit/4579775))
+* **server:** check for external urls in array ([#1980](https://github.com/webpack/webpack-dev-server/issues/1980)) ([fa78347](https://github.com/webpack/webpack-dev-server/commit/fa78347))
+* **server:** fix header check for socket server ([#2077](https://github.com/webpack/webpack-dev-server/issues/2077)) ([7f51859](https://github.com/webpack/webpack-dev-server/commit/7f51859))
+* **server:** stricter headers security check ([#2092](https://github.com/webpack/webpack-dev-server/issues/2092)) ([078ddca](https://github.com/webpack/webpack-dev-server/commit/078ddca))
+
+
+### Features
+
+* **server:** add transportMode ([#2116](https://github.com/webpack/webpack-dev-server/issues/2116)) ([b5b9cb4](https://github.com/webpack/webpack-dev-server/commit/b5b9cb4))
+* **server:** serverMode 'ws' option ([#2082](https://github.com/webpack/webpack-dev-server/issues/2082)) ([04483f4](https://github.com/webpack/webpack-dev-server/commit/04483f4))
+* **server/client:** made progress option available to API ([#1961](https://github.com/webpack/webpack-dev-server/issues/1961)) ([56274e4](https://github.com/webpack/webpack-dev-server/commit/56274e4))
+
+### Potential Breaking changes
+
+We have migrated `serverMode` and `clientMode` to `transportMode` as an experimental option. If you want to use this feature, you have to change your settings. 
+
+Related PR: https://github.com/webpack/webpack-dev-server/pull/2116
+
+
 ### [3.7.2](https://github.com/webpack/webpack-dev-server/compare/v3.7.1...v3.7.2) (2019-06-17)
 
 

package/bin/cli-flags.js

@@ -0,0 +1,195 @@
+'use strict';
+
+const ADVANCED_GROUP = 'Advanced options:';
+const DISPLAY_GROUP = 'Stats options:';
+const SSL_GROUP = 'SSL options:';
+const CONNECTION_GROUP = 'Connection options:';
+const RESPONSE_GROUP = 'Response options:';
+const BASIC_GROUP = 'Basic options:';
+
+module.exports = {
+  devServer: [
+    {
+      name: 'bonjour',
+      type: Boolean,
+      describe: 'Broadcasts the server via ZeroConf networking on start',
+    },
+    {
+      name: 'lazy',
+      type: Boolean,
+      describe: 'Lazy',
+    },
+    {
+      name: 'liveReload',
+      type: Boolean,
+      defaultValue: true,
+      describe: 'Enables/Disables live reloading on changing files',
+    },
+    {
+      name: 'serveIndex',
+      type: Boolean,
+      describe: 'Enables/Disables serveIndex middleware',
+      defaultValue: true,
+    },
+    {
+      name: 'inline',
+      type: Boolean,
+      defaultValue: true,
+      describe:
+        'Inline mode (set to false to disable including client scripts like livereload)',
+    },
+    {
+      name: 'profile',
+      type: Boolean,
+      describe: 'Print compilation profile data for progress steps',
+    },
+    {
+      name: 'progress',
+      type: Boolean,
+      describe: 'Print compilation progress in percentage',
+      group: BASIC_GROUP,
+    },
+    {
+      name: 'hot-only',
+      type: Boolean,
+      describe: 'Do not refresh page if HMR fails',
+      group: ADVANCED_GROUP,
+    },
+    {
+      name: 'stdin',
+      type: Boolean,
+      describe: 'close when stdin ends',
+    },
+    {
+      name: 'open',
+      type: String,
+      describe:
+        'Open the default browser, or optionally specify a browser name',
+    },
+    {
+      name: 'useLocalIp',
+      type: Boolean,
+      describe: 'Open default browser with local IP',
+    },
+    {
+      name: 'open-page',
+      type: String,
+      describe: 'Open default browser with the specified page',
+    },
+    {
+      name: 'client-log-level',
+      type: String,
+      group: DISPLAY_GROUP,
+      defaultValue: 'info',
+      describe:
+        'Log level in the browser (trace, debug, info, warn, error or silent)',
+    },
+    {
+      name: 'https',
+      type: Boolean,
+      group: SSL_GROUP,
+      describe: 'HTTPS',
+    },
+    {
+      name: 'http2',
+      type: Boolean,
+      group: SSL_GROUP,
+      describe: 'HTTP/2, must be used with HTTPS',
+    },
+    {
+      name: 'key',
+      type: String,
+      describe: 'Path to a SSL key.',
+      group: SSL_GROUP,
+    },
+    {
+      name: 'cert',
+      type: String,
+      describe: 'Path to a SSL certificate.',
+      group: SSL_GROUP,
+    },
+    {
+      name: 'cacert',
+      type: String,
+      describe: 'Path to a SSL CA certificate.',
+      group: SSL_GROUP,
+    },
+    {
+      name: 'pfx',
+      type: String,
+      describe: 'Path to a SSL pfx file.',
+      group: SSL_GROUP,
+    },
+    {
+      name: 'pfx-passphrase',
+      type: String,
+      describe: 'Passphrase for pfx file.',
+      group: SSL_GROUP,
+    },
+    {
+      name: 'content-base',
+      type: String,
+      describe: 'A directory or URL to serve HTML content from.',
+      group: RESPONSE_GROUP,
+    },
+    {
+      name: 'watch-content-base',
+      type: Boolean,
+      describe: 'Enable live-reloading of the content-base.',
+      group: RESPONSE_GROUP,
+    },
+    {
+      name: 'history-api-fallback',
+      type: Boolean,
+      describe: 'Fallback to /index.html for Single Page Applications.',
+      group: RESPONSE_GROUP,
+    },
+    {
+      name: 'compress',
+      type: Boolean,
+      describe: 'Enable gzip compression',
+      group: RESPONSE_GROUP,
+    },
+    // findPort is currently not set up
+    {
+      name: 'port',
+      type: Number,
+      describe: 'The port',
+      group: CONNECTION_GROUP,
+    },
+    {
+      name: 'disable-host-check',
+      type: Boolean,
+      describe: 'Will not check the host',
+      group: CONNECTION_GROUP,
+    },
+    {
+      name: 'socket',
+      type: String,
+      describe: 'Socket to listen',
+      group: CONNECTION_GROUP,
+    },
+    {
+      name: 'public',
+      type: String,
+      describe: 'The public hostname/ip address of the server',
+      group: CONNECTION_GROUP,
+    },
+    {
+      name: 'host',
+      type: String,
+      describe: 'The hostname/ip address the server will bind to',
+      group: CONNECTION_GROUP,
+    },
+    // use command-line-args "multiple" option, allowing the usage: --allowed-hosts host1 host2 host3
+    // instead of the old, comma-separated syntax: --allowed-hosts host1,host2,host3
+    {
+      name: 'allowed-hosts',
+      type: String,
+      describe:
+        'A list of hosts that are allowed to access the dev server, separated by spaces',
+      group: CONNECTION_GROUP,
+      multiple: true,
+    },
+  ],
+};

package/bin/options.js

@@ -1,7 +1,6 @@
 'use strict';
 
 /* eslint-disable
-  global-require,
   multiline-ternary,
   space-before-function-paren
 */
@@ -37,6 +36,10 @@ const options = {
     describe:
       'Inline mode (set to false to disable including client scripts like livereload)',
   },
+  profile: {
+    type: 'boolean',
+    describe: 'Print compilation profile data for progress steps',
+  },
   progress: {
     type: 'boolean',
     describe: 'Print compilation progress in percentage',

package/bin/webpack-dev-server.js

@@ -15,13 +15,18 @@ const setupExitSignals = require('../lib/utils/setupExitSignals');
 const colors = require('../lib/utils/colors');
 const processOptions = require('../lib/utils/processOptions');
 const createLogger = require('../lib/utils/createLogger');
-const findPort = require('../lib/utils/findPort');
 const getVersions = require('../lib/utils/getVersions');
 const options = require('./options');
 
 let server;
-
-setupExitSignals(server);
+const serverData = {
+  server: null,
+};
+// we must pass an object that contains the server object as a property so that
+// we can update this server property later, and setupExitSignals will be able to
+// recognize that the server has been instantiated, because we will set
+// serverData.server to the new server object.
+setupExitSignals(serverData);
 
 // Prefer the local installation of webpack-dev-server
 if (importLocal(__filename)) {
@@ -97,14 +102,9 @@ function startDevServer(config, options) {
     throw err;
   }
 
-  if (options.progress) {
-    new webpack.ProgressPlugin({
-      profile: argv.profile,
-    }).apply(compiler);
-  }
-
   try {
     server = new Server(compiler, options, log);
+    serverData.server = server;
   } catch (err) {
     if (err.name === 'ValidationError') {
       log.error(colors.error(options.stats.colors, err.message));
@@ -154,18 +154,11 @@ function startDevServer(config, options) {
       });
     });
   } else {
-    findPort(options.port)
-      .then((port) => {
-        options.port = port;
-        server.listen(options.port, options.host, (err) => {
-          if (err) {
-            throw err;
-          }
-        });
-      })
-      .catch((err) => {
+    server.listen(options.port, options.host, (err) => {
+      if (err) {
         throw err;
-      });
+      }
+    });
   }
 }
 

package/client/clients/SockJSClient.js

@@ -37,6 +37,11 @@ function (_BaseClient) {
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(SockJSClient).call(this));
     _this.sock = new SockJS(url);
+
+    _this.sock.onerror = function (err) {// TODO: use logger to log the error event once client and client-src
+      // are reorganized to have the same directory structure
+    };
+
     return _this;
   }
 

package/client/clients/WebsocketClient.js

@@ -1,9 +1,18 @@
 'use strict';
+/* global WebSocket */
+
+/* eslint-disable
+  no-unused-vars
+*/
 
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
@@ -21,11 +30,45 @@ module.exports =
 function (_BaseClient) {
   _inherits(WebsocketClient, _BaseClient);
 
-  function WebsocketClient() {
+  function WebsocketClient(url) {
+    var _this;
+
     _classCallCheck(this, WebsocketClient);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(WebsocketClient).apply(this, arguments));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(WebsocketClient).call(this));
+    _this.client = new WebSocket(url.replace(/^http/, 'ws'));
+
+    _this.client.onerror = function (err) {// TODO: use logger to log the error event once client and client-src
+      // are reorganized to have the same directory structure
+    };
+
+    return _this;
   }
 
+  _createClass(WebsocketClient, [{
+    key: "onOpen",
+    value: function onOpen(f) {
+      this.client.onopen = f;
+    }
+  }, {
+    key: "onClose",
+    value: function onClose(f) {
+      this.client.onclose = f;
+    } // call f with the message string as the first argument
+
+  }, {
+    key: "onMessage",
+    value: function onMessage(f) {
+      this.client.onmessage = function (e) {
+        f(e.data);
+      };
+    }
+  }], [{
+    key: "getClientPath",
+    value: function getClientPath(options) {
+      return require.resolve('./WebsocketClient');
+    }
+  }]);
+
   return WebsocketClient;
 }(BaseClient);