feat: add warn attention in add and remove command (#38)

* feat: add warn attention in add and remove command

* feat: optimize

src/actions/add-action.ts

@@ -159,7 +159,14 @@ export async function addAction(components: string[], options: AddActionOptions)
     Logger.newLine();
     Logger.info(`Tailwind CSS configuration file created at: ${tailwindPath}`);
   } else {
-    const [, ...errorInfoList] = checkTailwind(type, tailwindPath, currentComponents, isPnpm);
+    const [, ...errorInfoList] = checkTailwind(
+      type,
+      tailwindPath,
+      currentComponents,
+      isPnpm,
+      undefined,
+      true
+    );
 
     fixTailwind(type, {errorInfoList, format: prettier, tailwindPath});
 
@@ -202,6 +209,7 @@ export async function addAction(components: string[], options: AddActionOptions)
   Logger.success('✅ Components added successfully');
 
   // Warn the user to check the NextUIProvider whether in the correct place
+  Logger.newLine();
   Logger.warn(
     `Please check the ${chalk.bold(
       'NextUIProvider'

src/actions/doctor-action.ts

@@ -211,6 +211,7 @@ export async function doctorAction(options: DoctorActionOptions) {
 
   /** ======================== Return when there is no problem ======================== */
   if (!problemRecord.length) {
+    Logger.newLine();
     Logger.success('✅ Your project has no detected issues.');
 
     return;

src/helpers/check.ts

@@ -215,11 +215,11 @@ export function checkTailwind(
 
     if (logWarning && isHaveAllContent) {
       Logger.warn(
-        `Attention: Individual components from NextUI do not require the "${chalk.bold(
+        `\nAttention: Individual components from NextUI do not require the "${chalk.bold(
           tailwindRequired.content
         )}" in the tailwind config\nFor optimized bundle sizes, consider using "${chalk.bold(
           individualContent
-        )}" instead\n`
+        )}" instead`
       );
     }
 

src/helpers/remove.ts

@@ -2,6 +2,8 @@ import type {NextUIComponents} from 'src/constants/component';
 
 import {existsSync, readFileSync, writeFileSync} from 'fs';
 
+import {tailwindRequired} from 'src/constants/required';
+
 import {type CheckType, checkTailwind} from './check';
 import {exec} from './exec';
 import {fixTailwind} from './fix';
@@ -44,6 +46,8 @@ export async function removeTailwind(
   const contentMatch = getMatchArray('content', tailwindContent);
   const pluginsMatch = getMatchArray('plugins', tailwindContent);
 
+  const insIncludeAll = contentMatch.some((c) => c.includes(tailwindRequired.content));
+
   // Not installed NextUI components then remove the tailwind content about nextui
   if (!currentComponents.length && !isNextUIAll) {
     const index = pluginsMatch.findIndex((c) => c.includes('nextui'));
@@ -54,14 +58,18 @@ export async function removeTailwind(
     // Remove the import nextui content
     tailwindContent = tailwindContent.replace(/(const|var|let|import)[\w\W]+?nextui.*?;\n/, '');
   }
-  // Remove the nextui content
-  while (contentMatch.some((c) => c.includes('nextui'))) {
-    contentMatch.splice(
-      contentMatch.findIndex((c) => c.includes('nextui')),
-      1
-    );
+
+  // If there are already have all nextui content include then don't need to remove the content
+  if (!insIncludeAll) {
+    // Remove the nextui content
+    while (contentMatch.some((c) => c.includes('nextui'))) {
+      contentMatch.splice(
+        contentMatch.findIndex((c) => c.includes('nextui')),
+        1
+      );
+    }
+    tailwindContent = replaceMatchArray('content', tailwindContent, contentMatch);
   }
-  tailwindContent = replaceMatchArray('content', tailwindContent, contentMatch);
   //  if (!currentComponents.length && isNextUIAll) {
   //   const index = contentMatch.findIndex(c => c.includes('nextui'));
 
@@ -86,7 +94,9 @@ export async function removeTailwind(
     type as 'partial',
     tailwindPath!,
     currentComponents,
-    isPnpm
+    isPnpm,
+    undefined,
+    true
   );
 
   fixTailwind(type, {errorInfoList, format: prettier, tailwindPath: tailwindPath!});