fix: add watcher for config file too and generate fresh class list on changes

Author: SutuSebastian

packages/ui/src/cli/consts.ts

@@ -18,7 +18,6 @@ export const excludeDirs = [
   "node_modules",
   "out",
   "storybook-static",
-  outputDir,
 ];
 
 export const defaultConfig: Config = {

packages/ui/src/cli/index.ts

@@ -51,7 +51,6 @@ export async function dev() {
 
   if (config.components.length) {
     console.warn(automaticClassGenerationMessage);
-    return;
   }
 
   const importedComponentsMap: Record<string, string[]> = {};
@@ -77,7 +76,7 @@ export async function dev() {
     const config = await getConfig();
     const newClassList = buildClassList({
       prefix: config.prefix,
-      components: newImportedComponents,
+      components: config.components.length ? config.components : newImportedComponents,
     });
 
     if (!isEqual(classList, newClassList)) {
@@ -92,7 +91,7 @@ export async function dev() {
         return excludeDirs.some((dir) => path.endsWith(dir));
       }
       if (stats?.isFile()) {
-        return ![".astro", ".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"].some((type) => path.endsWith(type));
+        return ![".astro", ".js", ".jsx", ".md", ".mdx", ".ts", ".tsx", configFile].some((type) => path.endsWith(type));
       }
       return false;
     },
@@ -520,6 +519,12 @@ async function generateClassList() {
 }
 
 export async function register() {
+  const config = await getConfig();
+
+  if (config.components.length) {
+    console.warn(automaticClassGenerationMessage);
+  }
+
   try {
     // clean up old process
     const pid = await fs.readFile(`${outputDir}/${processIdFile}`, "utf8");
@@ -529,13 +534,6 @@ export async function register() {
     //
   }
 
-  const config = await getConfig();
-
-  if (config.components.length) {
-    console.warn(automaticClassGenerationMessage);
-    return;
-  }
-
   try {
     // run `flowbite-react dev` in background
     const devProcess = spawn("flowbite-react", ["dev"], {