fix: remove undefined values from options

This has to be done because of an issue on chokidars site: paulmillr/chokidar#1394

Author: Fuzzyma

lib/Server.js

@@ -316,6 +316,19 @@ function useFn(route, fn) {
  * @property {typeof useFn} use
  */
 
+/**
+ * @template {Record<string, any>} T
+ * @param {T} obj
+ * @returns {T}
+ */
+function removeUndefinedValues(obj) {
+  return /** @type {T} **/ (
+    Object.fromEntries(
+      Object.entries(obj).filter(([, value]) => typeof value !== "undefined"),
+    )
+  );
+}
+
 /**
  * @template {BasicApplication} [A=ExpressApplication]
  * @template {BasicServer} [S=HTTPServer]
@@ -3269,7 +3282,11 @@ class Server {
 
     watchOptions.ignored = getIgnoreMatchers(watchOptions, ignoreFunction);
 
-    const watcher = chokidar.watch(watchPaths, watchOptions);
+    const watcher = chokidar.watch(
+      watchPaths,
+      // https://github.com/paulmillr/chokidar/issues/1394
+      removeUndefinedValues(watchOptions),
+    );
 
     // disabling refreshing on changing the content
     if (this.options.liveReload) {

test/e2e/__snapshots__/watch-files.test.js.snap.webpack5

@@ -106,7 +106,6 @@ exports[`watchFiles option should work with options {"poll":true} should reload
   "ignoreInitial": true,
   "ignorePermissionErrors": true,
   "ignored": [],
-  "interval": undefined,
   "persistent": true,
   "usePolling": true,
 }
@@ -178,7 +177,6 @@ exports[`watchFiles option should work with options {"usePolling":false,"poll":t
   "ignoreInitial": true,
   "ignorePermissionErrors": true,
   "ignored": [],
-  "interval": undefined,
   "persistent": true,
   "usePolling": false,
 }
@@ -202,7 +200,6 @@ exports[`watchFiles option should work with options {"usePolling":false} should
   "ignoreInitial": true,
   "ignorePermissionErrors": true,
   "ignored": [],
-  "interval": undefined,
   "persistent": true,
   "usePolling": false,
 }
@@ -274,7 +271,6 @@ exports[`watchFiles option should work with options {"usePolling":true} should r
   "ignoreInitial": true,
   "ignorePermissionErrors": true,
   "ignored": [],
-  "interval": undefined,
   "persistent": true,
   "usePolling": true,
 }

types/lib/Server.d.ts

@@ -1,8 +1,4 @@
 export = Server;
-/**
- * @typedef {Object} BasicApplication
- * @property {typeof useFn} use
- */
 /**
  * @template {BasicApplication} [A=ExpressApplication]
  * @template {BasicServer} [S=HTTPServer]
@@ -1402,6 +1398,7 @@ declare class Server<
 declare namespace Server {
   export {
     DEFAULT_STATS,
+    BasicApplication,
     Schema,
     Compiler,
     MultiCompiler,
@@ -1469,12 +1466,14 @@ declare namespace Server {
     Middleware,
     BasicServer,
     Configuration,
-    BasicApplication,
   };
 }
 declare class DEFAULT_STATS {
   private constructor();
 }
+type BasicApplication = {
+  use: typeof useFn;
+};
 type Schema = import("schema-utils/declarations/validate").Schema;
 type Compiler = import("webpack").Compiler;
 type MultiCompiler = import("webpack").MultiCompiler;
@@ -1813,9 +1812,6 @@ type Configuration<
     | ((middlewares: Middleware[], devServer: Server<A, S>) => Middleware[])
     | undefined;
 };
-type BasicApplication = {
-  use: typeof useFn;
-};
 /**
  * @overload
  * @param {NextHandleFunction} fn

types/lib/getGlobMatchers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @param {string[] | string} _watchPaths
+ * @param {import("./Server").WatchOptions} watchOptions
+ * @returns {[string[], import("chokidar").MatchFunction | null]}*/
+export function getGlobbedWatcherPaths(
+  _watchPaths: string[] | string,
+  { disableGlobbing, cwd }: import("./Server").WatchOptions,
+): [string[], import("chokidar").MatchFunction | null];
+/**
+ *
+ * @param {import("./Server").WatchOptions} watchOptions
+ * @param {import("chokidar").MatchFunction | null } ignoreFunction
+ * @returns {import("chokidar").Matcher[]}
+ */
+export function getIgnoreMatchers(
+  { disableGlobbing, ignored, cwd }: import("./Server").WatchOptions,
+  ignoreFunction: import("chokidar").MatchFunction | null,
+): import("chokidar").Matcher[];