feat(cli): better colors

Author: Pyr33x

packages/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rehooks-cli",
-  "version": "3.2.2",
-  "description": "A CLI to insert hooks directly to your codebase.",
+  "version": "3.2.3",
+  "description": "A CLI to insert hooks directly to your project.",
   "publishConfig": {
     "access": "public"
   },
@@ -44,6 +44,7 @@
   },
   "devDependencies": {
     "@types/node": "22.5.4",
+    "colorette": "^2.0.20",
     "rimraf": "^6.0.1",
     "tsup": "^8.3.0",
     "type-fest": "^4.26.1",

packages/cli/src/commands/add.ts

@@ -1,3 +1,4 @@
+import { green, red, cyan, bold } from "colorette";
 import { getConfig } from "~/utils/config";
 import { logger } from "~/utils/logger";
 import { Command } from "commander";
@@ -9,35 +10,39 @@ import fs from "fs";
 
 export const add = new Command()
   .name("add")
-  .description("Add custom hooks to your codebase")
+  .description("Add hooks to your project")
   .action(async () => {
     const config = await getConfig(process.cwd());
 
     if (!config) {
-      logger.error("rehooks.json not found or invalid configuration.");
+      logger.error(red("rehooks.json not found or invalid configuration."));
       return;
     }
 
     try {
-      const fetchSpinner = ora("Fetching hooks...").start();
+      const fetchSpinner = ora(cyan("Fetching hooks...")).start();
       const response = await axios.get("https://rehooks.pyr33x.ir/api/hooks");
       const hooks = response.data;
-      fetchSpinner.succeed("Fetched hooks.");
+      fetchSpinner.succeed(green("Done."));
 
       const { selectedHooks } = await inquirer.prompt([
         {
           type: "checkbox",
           name: "selectedHooks",
-          message: "Select hooks to add:",
+          message: bold("Select hooks to add:"),
           choices: hooks.map((h: { title: string }) => h.title),
         },
       ]);
-      const spinner = ora("Checking configuration...").start();
-      spinner.succeed("Checked configuration.");
+
+      const spinner = ora(cyan("Checking configuration...")).start();
+      spinner.succeed(green("Checked configuration."));
 
       spinner.succeed(
-        `Created ${selectedHooks.length} ${selectedHooks.length > 1 ? "files" : "file"}.`,
+        green(
+          `Created ${bold(selectedHooks.length.toString())} ${selectedHooks.length > 1 ? "files" : "file"}.`,
+        ),
       );
+
       for (const hook of selectedHooks) {
         const hookFilePath = path.join(config.directory, `${hook}.ts`);
 
@@ -46,13 +51,15 @@ export const add = new Command()
             {
               type: "confirm",
               name: "overwrite",
-              message: `${hook}.ts already exists. Do you want to overwrite it?`,
+              message: bold(
+                red(`${hook}.ts already exists. Do you want to overwrite it?`),
+              ),
               default: false,
             },
           ]);
 
           if (!overwrite) {
-            logger.info(`Skipping ${hook}.ts.`);
+            logger.info(cyan(`Skipping ${hook}.ts.`));
             continue;
           }
         }
@@ -62,9 +69,9 @@ export const add = new Command()
         );
         let { content } = selectedHookResponse.data;
         fs.writeFileSync(hookFilePath, content);
-        logger.info(` - ${hookFilePath}.`);
+        logger.info(green(` - ${hookFilePath}.`));
       }
     } catch (error) {
-      logger.error(`Error adding hooks: ${error}`);
+      logger.error(red(`Error adding hooks: ${error}`));
     }
   });

packages/cli/src/commands/init.ts

@@ -1,3 +1,4 @@
+import { green, red, cyan, bold, yellow } from "colorette";
 import { getConfig } from "~/utils/config";
 import { logger } from "~/utils/logger";
 import { Command } from "commander";
@@ -12,28 +13,30 @@ export const init = new Command()
   .argument("[path]", "Specify a custom path for the hooks directory")
   .action(async (customPath) => {
     const configPath = path.resolve(process.cwd(), "rehooks.json");
-    const spinner = ora("Initializing Rehooks configuration...").start();
+    const spinner = ora(cyan("Initializing Rehooks configuration...")).start();
     let hooksDirExists = false;
     let currentDirectory: string | undefined;
 
     if (fs.existsSync(configPath)) {
-      spinner.info("rehooks.json already exists.");
+      spinner.info(yellow("rehooks.json already exists."));
       spinner.stop();
 
       const { overwrite } = await inquirer.prompt([
         {
           type: "confirm",
           name: "overwrite",
-          message: "rehooks.json already exists. Do you want to overwrite it?",
+          message: bold(
+            red("rehooks.json already exists. Do you want to overwrite it?"),
+          ),
           default: false,
         },
       ]);
 
       spinner.start();
 
       if (!overwrite) {
-        spinner.fail("Initialization aborted.");
-        logger.warn("Initialization aborted.");
+        spinner.fail(red("Initialization aborted."));
+        logger.warn(yellow("Initialization aborted."));
         return;
       }
 
@@ -44,7 +47,9 @@ export const init = new Command()
         hooksDirExists = true;
         fs.rmSync(currentDirectory, { recursive: true, force: true });
         spinner.succeed(
-          `Previous hooks directory at ${currentDirectory} has been removed.`,
+          green(
+            `Previous hooks directory at ${bold(currentDirectory)} has been removed.`,
+          ),
         );
       }
     }
@@ -56,7 +61,7 @@ export const init = new Command()
         {
           type: "list",
           name: "srcFolderChoice",
-          message: "Does your project have a 'src' folder?",
+          message: bold("Does your project have a 'src' folder?"),
           choices: [
             { name: "Yes", value: true },
             { name: "No", value: false },
@@ -66,41 +71,45 @@ export const init = new Command()
       directory = srcFolderChoice ? "./src/hooks" : "./hooks";
     }
 
-    spinner.start("Creating rehooks.json configuration file...");
+    spinner.start(cyan("Creating rehooks.json configuration file..."));
     const defaultConfig = { directory };
 
     try {
       fs.writeFileSync(configPath, JSON.stringify(defaultConfig, null, 2));
-      spinner.succeed(`Rehooks configuration file created at ${configPath}.`);
+      spinner.succeed(
+        green(`Rehooks configuration file created at ${bold(configPath)}.`),
+      );
 
       if (
         !hooksDirExists ||
         (hooksDirExists &&
           customPath !== currentDirectory &&
           directory !== currentDirectory)
       ) {
-        spinner.start("Creating hooks directory...");
+        spinner.start(cyan("Creating hooks directory..."));
         fs.mkdirSync(directory, { recursive: true });
-        spinner.succeed(`Hooks directory created at ${directory}.`);
+        spinner.succeed(
+          green(`Hooks directory created at ${bold(directory)}.`),
+        );
       }
     } catch (error) {
-      spinner.fail("Error creating rehooks.json or hooks directory.");
-      logger.error(`Error creating rehooks.json or hooks directory: ${error}`);
+      spinner.fail(red("Error creating rehooks.json or hooks directory."));
+      logger.error(
+        red(`Error creating rehooks.json or hooks directory: ${error}`),
+      );
       return;
     }
 
     try {
-      spinner.start("Loading configuration...");
+      spinner.start(cyan("Loading configuration..."));
       const config = await getConfig(process.cwd());
-      spinner.succeed("Configuration loaded successfully.");
+      spinner.succeed(green("Configuration loaded successfully."));
 
-      if (config) {
-        return;
-      } else {
-        logger.warn("Configuration loaded, but may be incomplete.");
+      if (!config) {
+        logger.warn(yellow("Configuration loaded, but may be incomplete."));
       }
     } catch (error) {
-      spinner.fail("Failed to load configuration.");
-      logger.error("Failed to load configuration.");
+      spinner.fail(red("Failed to load configuration."));
+      logger.error(red("Failed to load configuration."));
     }
   });