chore(deps)!: upgrade to chokidar v4 (#453)

Co-authored-by: Stian Jensen <me@stianj.com>

Author: danielroe

packages/vite-plugin-checker/package.json

@@ -33,16 +33,18 @@
   },
   "dependencies": {
     "@babel/code-frame": "^7.26.2",
-    "chokidar": "^3.6.0",
+    "chokidar": "^4.0.3",
     "colorette": "^2.0.20",
     "npm-run-path": "^6.0.0",
+    "picomatch": "^4.0.2",
     "strip-ansi": "^7.1.0",
     "tiny-invariant": "^1.3.3",
     "tinyglobby": "^0.2.11",
     "vscode-uri": "^3.1.0"
   },
   "devDependencies": {
     "@types/eslint": "^7.29.0",
+    "@types/picomatch": "^3.0.2",
     "@vue/language-core": "~2.2.2",
     "meow": "^13.2.0",
     "stylelint": "^16.14.1",

packages/vite-plugin-checker/src/checkers/eslint/main.ts

@@ -8,6 +8,7 @@ import invariant from 'tiny-invariant'
 
 import { Checker } from '../../Checker.js'
 import { FileDiagnosticManager } from '../../FileDiagnosticManager.js'
+import { createIgnore } from '../../glob.js'
 import {
   composeCheckerSummary,
   consoleLog,
@@ -141,18 +142,18 @@ const createDiagnostic: CreateDiagnostic<'eslint'> = (pluginConfig) => {
       }
 
       // initial lint
-      const files = options._.slice(1)
+      const files = options._.slice(1) as string[]
       const diagnostics = await eslint.lintFiles(files)
 
       manager.initWith(diagnostics.flatMap((p) => normalizeEslintDiagnostic(p)))
       dispatchDiagnostics()
 
       // watch lint
-      const watcher = chokidar.watch([], {
+      const watcher = chokidar.watch(root, {
         cwd: root,
-        ignored: (path: string) => path.includes('node_modules'),
+        ignored: createIgnore(root, files),
       })
-      watcher.add(files)
+
       watcher.on('change', async (filePath) => {
         handleFileChange(filePath, 'change')
       })

packages/vite-plugin-checker/src/checkers/stylelint/main.ts

@@ -7,6 +7,7 @@ import { translateOptions } from './options.js'
 
 import { Checker } from '../../Checker.js'
 import { FileDiagnosticManager } from '../../FileDiagnosticManager.js'
+import { createIgnore } from '../../glob.js'
 import {
   composeCheckerSummary,
   consoleLog,
@@ -121,11 +122,11 @@ const createDiagnostic: CreateDiagnostic<'stylelint'> = (pluginConfig) => {
       dispatchDiagnostics()
 
       // watch lint
-      const watcher = chokidar.watch([], {
+      const watcher = chokidar.watch(root, {
         cwd: root,
-        ignored: (path: string) => path.includes('node_modules'),
+        ignored: createIgnore(root, translatedOptions.files),
       })
-      watcher.add(translatedOptions.files as string)
+
       watcher.on('change', async (filePath) => {
         handleFileChange(filePath, 'change')
       })

packages/vite-plugin-checker/src/glob.ts

@@ -0,0 +1,35 @@
+import { type Stats, statSync } from 'node:fs'
+import { join, relative, resolve } from 'node:path'
+import picomatch from 'picomatch'
+
+export function createIgnore(_root: string, pattern: string | string[] = []) {
+  const paths = Array.isArray(pattern) ? pattern : [pattern]
+  const root = _root.replace(/\\/g, '/')
+
+  const globs = paths.flatMap((f) => {
+    const resolvedPath = resolve(root, f)
+    const relativePath = relative(root, resolvedPath).replace(/\\/g, '/')
+    try {
+      const isDirectory =
+        !relativePath.includes('*') && statSync(resolvedPath).isDirectory()
+      if (isDirectory) {
+        return [relativePath, join(relativePath, '**/*').replace(/\\/g, '/')]
+      }
+    } catch {}
+    return [relativePath]
+  })
+
+  const matcher = picomatch(globs, { cwd: root })
+
+  return (path: string, _stats?: Stats) => {
+    if (path.includes('node_modules')) {
+      return true
+    }
+    const relativePath = relative(root, path).replace(/\\/g, '/')
+    return (
+      !!relativePath &&
+      !matcher(relativePath) &&
+      !(_stats ?? statSync(path)).isDirectory()
+    )
+  }
+}