chore(deps): update chokidar to v4

.eslintignore

@@ -6,3 +6,4 @@ node_modules
 examples/**/main.js
 examples/client/trusted-types-overlay/app.js
 test/fixtures/reload-config/foo.js
+test/fixtures/worker-config-dev-server-false/public/worker-bundle.js

.gitignore

@@ -18,6 +18,7 @@ yarn-error.log
 
 test/fixtures/static-config/public/assets/non-exist.txt
 test/fixtures/watch-files-config/public/assets/non-exist.txt
+test/fixtures/watch-files-config/public/non-existant/non-exist.txt
 test/fixtures/reload-config/main.css
 test/fixtures/reload-config-2/main.css
 test/fixtures/worker-config-dev-server-false/public

lib/Server.js

@@ -18,7 +18,7 @@ const schema = require("./options.json");
 /** @typedef {import("webpack").Stats} Stats */
 /** @typedef {import("webpack").MultiStats} MultiStats */
 /** @typedef {import("os").NetworkInterfaceInfo} NetworkInterfaceInfo */
-/** @typedef {import("chokidar").WatchOptions} WatchOptions */
+/** @typedef {import("chokidar").ChokidarOptions & { disableGlobbing?: boolean }} WatchOptions */
 /** @typedef {import("chokidar").FSWatcher} FSWatcher */
 /** @typedef {import("connect-history-api-fallback").Options} ConnectHistoryApiFallbackOptions */
 /** @typedef {import("bonjour-service").Bonjour} Bonjour */
@@ -3255,9 +3255,70 @@ class Server {
    * @param {string | string[]} watchPath
    * @param {WatchOptions} [watchOptions]
    */
-  watchFiles(watchPath, watchOptions) {
+  watchFiles(watchPath, watchOptions = {}) {
     const chokidar = require("chokidar");
-    const watcher = chokidar.watch(watchPath, watchOptions);
+
+    const watchPathArr = Array.isArray(watchPath) ? watchPath : [watchPath];
+
+    if (watchOptions.disableGlobbing !== true) {
+      const isGlob = require("is-glob");
+      const watchPathGlobs = watchPathArr.filter((p) => isGlob(p));
+
+      // No need to do all this work when no globs are used
+      if (watchPathGlobs.length > 0) {
+        const globParent = require("glob-parent");
+        const picomatch = require("picomatch");
+
+        watchPathGlobs.forEach((p) => {
+          watchPathArr[watchPathArr.indexOf(p)] = globParent(p);
+        });
+
+        const matcher = picomatch(watchPathGlobs, {
+          cwd: watchOptions.cwd,
+          dot: true,
+        });
+        const ignoreFunc = (/** @type {string} */ p) =>
+          !watchPathArr.includes(p) && !matcher(p);
+
+        if (Array.isArray(watchOptions.ignored)) {
+          const ignoredGlobs = [];
+          for (let i = 0; i < watchOptions.ignored.length; i++) {
+            const ignored = watchOptions.ignored[i];
+            if (typeof ignored === "string" && isGlob(ignored)) {
+              ignoredGlobs.push(ignored);
+              watchOptions.ignored.splice(i, 1);
+            }
+          }
+
+          if (ignoredGlobs.length > 0) {
+            const ignoreMatcher = picomatch(ignoredGlobs, {
+              dot: true,
+              cwd: watchOptions.cwd,
+            });
+            watchOptions.ignored.push(ignoreMatcher);
+          }
+
+          watchOptions.ignored.push(ignoreFunc);
+        } else {
+          if (
+            watchOptions.ignored &&
+            typeof watchOptions.ignored === "string" &&
+            isGlob(watchOptions.ignored)
+          ) {
+            watchOptions.ignored = picomatch(watchOptions.ignored, {
+              dot: true,
+              cwd: watchOptions.cwd,
+            });
+          }
+
+          watchOptions.ignored = watchOptions.ignored
+            ? [watchOptions.ignored, ignoreFunc]
+            : ignoreFunc;
+        }
+      }
+    }
+
+    const watcher = chokidar.watch(watchPathArr, watchOptions);
 
     // disabling refreshing on changing the content
     if (this.options.liveReload) {