fix(ui~cli): file watcher ignore directory logic (#1549)

* feat(cli): enhance file exclusion and extension handling

- Added new directories to the exclusion list in consts.ts.
- Introduced an `allowedExtensions` array to manage file types for processing.
- Updated the `dev`, `generateClassList`, and `findFiles` commands to utilize the new `allowedExtensions` for improved file filtering

* chore: add changeset

Author: SutuSebastian

.changeset/mighty-buttons-poke.md

@@ -0,0 +1,5 @@
+---
+"flowbite-react": patch
+---
+
+fix file watcher ignore directory logic leading to false positives

packages/ui/src/cli/commands/dev.ts

@@ -1,7 +1,14 @@
 import fs from "fs/promises";
+import { basename } from "path";
 import chokidar from "chokidar";
 import { isEqual } from "../../helpers/is-equal";
-import { automaticClassGenerationMessage, classListFilePath, configFilePath, excludeDirs } from "../consts";
+import {
+  allowedExtensions,
+  automaticClassGenerationMessage,
+  classListFilePath,
+  configFilePath,
+  excludeDirs,
+} from "../consts";
 import { buildClassList } from "../utils/build-class-list";
 import { extractComponentImports } from "../utils/extract-component-imports";
 import { getClassList } from "../utils/get-class-list";
@@ -50,12 +57,10 @@ export async function dev() {
   const watcher = chokidar.watch(".", {
     ignored: (path, stats) => {
       if (stats?.isDirectory()) {
-        return excludeDirs.some((dir) => path.endsWith(dir));
+        return excludeDirs.includes(basename(path));
       }
       if (stats?.isFile()) {
-        return ![".astro", ".js", ".jsx", ".md", ".mdx", ".ts", ".tsx", configFilePath].some((type) =>
-          path.endsWith(type),
-        );
+        return !allowedExtensions.concat(configFilePath).some((ext) => path.endsWith(ext));
       }
       return false;
     },

packages/ui/src/cli/commands/generate-class-list.ts

@@ -1,5 +1,5 @@
 import fs from "fs/promises";
-import { classListFilePath, excludeDirs } from "../consts";
+import { allowedExtensions, classListFilePath, excludeDirs } from "../consts";
 import { buildClassList } from "../utils/build-class-list";
 import { extractComponentImports } from "../utils/extract-component-imports";
 import { findFiles } from "../utils/find-files";
@@ -11,7 +11,7 @@ export async function generateClassList() {
 
     if (!config.components.length) {
       const files = await findFiles({
-        patterns: ["**/*.astro", "**/*.js", "**/*.jsx", "**/*.md", "**/*.mdx", "**/*.ts", "**/*.tsx"],
+        patterns: allowedExtensions.map((ext) => `**/*${ext}`),
         excludeDirs,
       });
       const importedComponents = new Set<string>();

packages/ui/src/cli/consts.ts

@@ -13,11 +13,14 @@ export const classListFilePath = path.join(outputDir, classListFile);
 export const configFilePath = path.join(outputDir, configFile);
 
 export const excludeDirs = [
+  ".astro",
   ".contentlayer",
   ".git",
   ".next",
+  ".parcel-cache",
   ".turbo",
   ".vercel",
+  ".vscode",
   "build",
   "coverage",
   "dist",
@@ -26,4 +29,6 @@ export const excludeDirs = [
   "storybook-static",
 ];
 
+export const allowedExtensions = [".astro", ".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"];
+
 export const automaticClassGenerationMessage = `Components specified in ${configFilePath}. Automatic class generation is disabled.`;

packages/ui/src/cli/utils/find-files.ts

@@ -55,7 +55,7 @@ export async function findFiles({
   // Recursive search function
   async function search(directory: string): Promise<void> {
     // Skip excluded directories
-    if (excludeDirs.some((dir) => directory.endsWith(dir))) {
+    if (excludeDirs.includes(path.basename(directory))) {
       return;
     }