webpack-dev-server 4.9.3 → 4.10.0

package/client/index.js

@@ -1,3 +1,9 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /* global __resourceQuery, __webpack_hash__ */
 /// <reference types="webpack/module" />
 import webpackHotLog from "webpack/hot/log.js";
@@ -5,7 +11,7 @@ import stripAnsi from "./utils/stripAnsi.js";
 import parseURL from "./utils/parseURL.js";
 import socket from "./socket.js";
 import { formatProblem, show, hide } from "./overlay.js";
-import { log, setLogLevel } from "./utils/log.js";
+import { log, logEnabledFeatures, setLogLevel } from "./utils/log.js";
 import sendMessage from "./utils/sendMessage.js";
 import reloadApp from "./utils/reloadApp.js";
 import createSocketURL from "./utils/createSocketURL.js";
@@ -45,15 +51,44 @@ var options = {
   overlay: false
 };
 var parsedResourceQuery = parseURL(__resourceQuery);
+var enabledFeatures = {
+  "Hot Module Replacement": false,
+  "Live Reloading": false,
+  Progress: false,
+  Overlay: false
+};
 
 if (parsedResourceQuery.hot === "true") {
   options.hot = true;
-  log.info("Hot Module Replacement enabled.");
+  enabledFeatures["Hot Module Replacement"] = true;
 }
 
 if (parsedResourceQuery["live-reload"] === "true") {
   options.liveReload = true;
-  log.info("Live Reloading enabled.");
+  enabledFeatures["Live Reloading"] = true;
+}
+
+if (parsedResourceQuery.progress === "true") {
+  options.progress = true;
+  enabledFeatures.Progress = true;
+}
+
+if (parsedResourceQuery.overlay) {
+  try {
+    options.overlay = JSON.parse(parsedResourceQuery.overlay);
+  } catch (e) {
+    log.error("Error parsing overlay options from resource query:", e);
+  } // Fill in default "true" params for partially-specified objects.
+
+
+  if (typeof options.overlay === "object") {
+    options.overlay = _objectSpread({
+      errors: true,
+      warnings: true
+    }, options.overlay);
+  }
+
+  enabledFeatures.Overlay = true;
 }
 
 if (parsedResourceQuery.logging) {
@@ -63,11 +98,12 @@ if (parsedResourceQuery.logging) {
 if (typeof parsedResourceQuery.reconnect !== "undefined") {
   options.reconnect = Number(parsedResourceQuery.reconnect);
 }
+
+logEnabledFeatures(enabledFeatures);
 /**
  * @param {string} level
  */
 
-
 function setAllLogLevel(level) {
   // This is needed because the HMR logger operate separately from dev server logger
   webpackHotLog.setLogLevel(level === "verbose" || level === "log" ? "info" : level);
@@ -88,7 +124,6 @@ var onSocketMessage = {
     }
 
     options.hot = true;
-    log.info("Hot Module Replacement enabled.");
   },
   liveReload: function liveReload() {
     if (parsedResourceQuery["live-reload"] === "false") {
@@ -96,7 +131,6 @@ var onSocketMessage = {
     }
 
     options.liveReload = true;
-    log.info("Live Reloading enabled.");
   },
   invalid: function invalid() {
     log.info("App updated. Recompiling..."); // Fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.

package/client/utils/log.js

@@ -1,3 +1,15 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import logger from "../modules/logger/index.js";
 var name = "webpack-dev-server"; // default level is set on the client side, so it does not need
 // to be set by the CLI or API
@@ -17,4 +29,27 @@ function setLogLevel(level) {
 
 setLogLevel(defaultLevel);
 var log = logger.getLogger(name);
-export { log, setLogLevel };
+
+var logEnabledFeatures = function logEnabledFeatures(features) {
+  var enabledFeatures = Object.entries(features);
+
+  if (!features || enabledFeatures.length === 0) {
+    return;
+  }
+
+  var logString = "Server started:"; // Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.
+
+  for (var _i = 0, _Object$entries = Object.entries(features); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+
+    logString += " ".concat(key, " ").concat(value ? "enabled" : "disabled", ",");
+  } // replace last comma with a period
+
+
+  logString = logString.slice(0, -1).concat(".");
+  log.info(logString);
+};
+
+export { log, logEnabledFeatures, setLogLevel };

package/lib/Server.js

@@ -597,6 +597,19 @@ class Server {
           searchParams.set("logging", client.logging);
         }
 
+        if (typeof client.progress !== "undefined") {
+          searchParams.set("progress", String(client.progress));
+        }
+
+        if (typeof client.overlay !== "undefined") {
+          searchParams.set(
+            "overlay",
+            typeof client.overlay === "boolean"
+              ? String(client.overlay)
+              : JSON.stringify(client.overlay)
+          );
+        }
+
         if (typeof client.reconnect !== "undefined") {
           searchParams.set(
             "reconnect",
@@ -606,6 +619,14 @@ class Server {
           );
         }
 
+        if (typeof this.options.hot !== "undefined") {
+          searchParams.set("hot", String(this.options.hot));
+        }
+
+        if (typeof this.options.liveReload !== "undefined") {
+          searchParams.set("live-reload", String(this.options.liveReload));
+        }
+
         webSocketURLStr = searchParams.toString();
       }
 
@@ -2110,6 +2131,32 @@ class Server {
       });
     }
 
+    {
+      /**
+       *
+       * @param {Request} req
+       * @param {Response} res
+       * @param {NextFunction} next
+       * @returns {void}
+       *
+       */
+      const optionsRequestResponseMiddleware = (req, res, next) => {
+        if (req.method === "OPTIONS") {
+          res.statusCode = 204;
+          res.setHeader("Content-Length", "0");
+          res.end();
+          return;
+        }
+        next();
+      };
+
+      middlewares.push({
+        name: "options-middleware",
+        path: "*",
+        middleware: optionsRequestResponseMiddleware,
+      });
+    }
+
     middlewares.push({
       name: "webpack-dev-middleware",
       middleware:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-dev-server",
-  "version": "4.9.3",
+  "version": "4.10.0",
   "description": "Serves a webpack app. Updates the browser on changes.",
   "bin": "bin/webpack-dev-server.js",
   "main": "lib/Server.js",

package/types/lib/Server.d.ts

@@ -863,8 +863,14 @@ declare class Server {
           type: string;
           multiple: boolean;
           description: string;
-          /** @type {Object<string,string>} */ negatedDescription: string;
+          negatedDescription: string;
           path: string;
+          /**
+           * prependEntry Method for webpack 4
+           * @param {any} originalEntry
+           * @param {any} newAdditionalEntries
+           * @returns {any}
+           */
         }[];
         description: string;
         simpleType: string;
@@ -875,13 +881,12 @@ declare class Server {
           | {
               type: string;
               multiple: boolean;
-              /** @type {any} */
               description: string;
               path: string;
             }
           | {
               type: string;
-              /** @type {any} */ values: boolean[];
+              values: boolean[];
               multiple: boolean;
               description: string;
               path: string;
@@ -920,7 +925,7 @@ declare class Server {
           | {
               type: string;
               multiple: boolean;
-              description: string;
+              /** @type {MultiCompiler} */ description: string;
               path: string;
             }
           | {
@@ -931,7 +936,7 @@ declare class Server {
               path: string;
             }
         )[];
-        /** @type {Compiler} */ description: string;
+        description: string;
         simpleType: string;
         multiple: boolean;
       };
@@ -956,6 +961,10 @@ declare class Server {
         description: string;
         simpleType: string;
         multiple: boolean;
+        /**
+         * @param {WatchOptions & { aggregateTimeout?: number, ignored?: WatchOptions["ignored"], poll?: number | boolean }} watchOptions
+         * @returns {WatchOptions}
+         */
       };
       "open-app-name-reset": {
         configs: {
@@ -987,7 +996,7 @@ declare class Server {
           path: string;
         }[];
         description: string;
-        /** @type {NormalizedStatic} */ simpleType: string;
+        simpleType: string;
         multiple: boolean;
       };
       "open-target-reset": {
@@ -1162,9 +1171,8 @@ declare class Server {
         }[];
         description: string;
         multiple: boolean;
-        simpleType: string /** @type {ServerOptions} */;
+        simpleType: string;
       };
-      /** @type {ServerOptions} */
       "server-options-request-cert": {
         configs: {
           description: string;
@@ -1187,7 +1195,7 @@ declare class Server {
         }[];
         description: string;
         multiple: boolean;
-        simpleType: string;
+        simpleType: string /** @type {ServerOptions} */;
       };
       static: {
         configs: (
@@ -1200,11 +1208,7 @@ declare class Server {
           | {
               type: string;
               multiple: boolean;
-              /**
-               * @param {string | Buffer | undefined} item
-               * @returns {string | Buffer | undefined}
-               */
-              description: string;
+              /** @type {ServerOptions} */ description: string;
               negatedDescription: string;
               path: string;
             }
@@ -1216,11 +1220,15 @@ declare class Server {
       "static-directory": {
         configs: {
           type: string;
-          multiple: boolean;
+          /** @type {any} */ multiple: boolean;
           description: string;
           path: string;
         }[];
-        /** @type {any} */ description: string;
+        /**
+         * @param {string | Buffer | undefined} item
+         * @returns {string | Buffer | undefined}
+         */
+        description: string;
         simpleType: string;
         multiple: boolean;
       };
@@ -1232,7 +1240,7 @@ declare class Server {
           path: string;
         }[];
         description: string;
-        simpleType: string;
+        /** @type {any} */ simpleType: string;
         multiple: boolean;
       };
       "static-public-path-reset": {
@@ -1327,9 +1335,7 @@ declare class Server {
               type: string;
             }
         )[];
-        /** @type {ServerOptions & { cacert?: ServerOptions["ca"] }} */
         description: string;
-        /** @type {ServerOptions} */
         simpleType: string;
         multiple: boolean;
       };
@@ -1346,12 +1352,12 @@ declare class Server {
               description: string;
               multiple: boolean;
               path: string;
-              type: string;
+              type: string /** @type {ServerOptions & { cacert?: ServerOptions["ca"] }} */;
             }
         )[];
         description: string;
         simpleType: string;
-        multiple: boolean;
+        multiple: boolean /** @type {ServerOptions} */;
       };
     };
     readonly processArguments: (
@@ -2374,12 +2380,6 @@ declare class Server {
                       anyOf: (
                         | {
                             type: string;
-                            /**
-                             * prependEntry Method for webpack 4
-                             * @param {any} originalEntry
-                             * @param {any} newAdditionalEntries
-                             * @returns {any}
-                             */
                             items: {
                               type: string;
                               minLength: number;
@@ -2421,7 +2421,6 @@ declare class Server {
           };
         };
       };
-      /** @type {any} */
       OpenString: {
         type: string;
         minLength: number;
@@ -2480,7 +2479,7 @@ declare class Server {
       };
       Server: {
         anyOf: {
-          $ref: string /** @type {MultiCompiler} */;
+          $ref: string;
         }[];
         link: string;
         description: string;
@@ -2631,7 +2630,6 @@ declare class Server {
                     anyOf: (
                       | {
                           type: string;
-                          /** @type {NormalizedStatic} */
                           instanceof?: undefined;
                         }
                       | {
@@ -2924,10 +2922,10 @@ declare class Server {
         anyOf: (
           | {
               enum: boolean[];
-              cli: {
+              /** @type {ServerOptions} */ cli: {
                 negatedDescription: string;
               };
-              $ref?: undefined;
+              /** @type {ServerOptions} */ $ref?: undefined;
             }
           | {
               $ref: string;
@@ -2936,7 +2934,7 @@ declare class Server {
             }
         )[];
         cli: {
-          description: string /** @type {any} */;
+          description: string;
         };
       };
       WebSocketServerFunction: {