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,65 @@ 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);
+
+        const ignoredArr = Array.isArray(watchOptions.ignored)
+          ? watchOptions.ignored
+          : [];
+
+        // Nested ternaries are forbidden by eslint so we end up with this
+        if (watchOptions.ignored && !Array.isArray(watchOptions.ignored)) {
+          ignoredArr.push(watchOptions.ignored);
+        }
+
+        const ignoredGlobs = [];
+        for (let i = 0; i < ignoredArr.length; i++) {
+          const ignored = ignoredArr[i];
+          if (typeof ignored === "string" && isGlob(ignored)) {
+            ignoredGlobs.push(ignored);
+            ignoredArr.splice(i, 1);
+          }
+        }
+
+        if (ignoredGlobs.length > 0) {
+          const ignoreMatcher = picomatch(ignoredGlobs, {
+            dot: true,
+            cwd: watchOptions.cwd,
+          });
+          ignoredArr.push(ignoreMatcher);
+        }
+
+        ignoredArr.push(ignoreFunc);
+
+        watchOptions.ignored = ignoredArr;
+      }
+    }
+
+    const watcher = chokidar.watch(watchPathArr, watchOptions);
 
     // disabling refreshing on changing the content
     if (this.options.liveReload) {