pm-auto 1.0.0 → 1.0.1

package/src/config_reader.ts

@@ -5,7 +5,7 @@ import * as fsd from "fs";
 import * as path from "path";
 import type { CommandResult, ConfigType } from "./types/index.js";
 import { display } from "./display.js";
-import { confirm } from "@inquirer/prompts";
+import { confirm, isCancel, cancel } from "@clack/prompts";
 
 type PackageManager = "npm" | "yarn" | "pnpm";
 
@@ -49,7 +49,10 @@ export const getConfigObject = async (
     try {
       configContent = await fs.readFile(configPath as string, "utf8");
     } catch (error) {
-      display(`File not found ${error}`, "error");
+      display(
+        `File not found ${error} Try updating the config file path`,
+        "error",
+      );
     }
     const configObject = JSON.parse(configContent);
     let result: ConfigType[] = Object.values(configObject);
@@ -91,9 +94,14 @@ export const getConfigObject = async (
       });
       const continueWithInstall = await confirm({
         message: "Continue with installation?",
-        default: true,
+        initialValue: true,
       });
 
+      if (isCancel(continueWithInstall)) {
+        cancel("Operation cancelled.");
+        process.exit(0);
+      }
+
       if (!continueWithInstall) {
         display("Installation cancelled ", "success");
       }

package/src/display.ts

@@ -1,33 +1,37 @@
-/**
- * Display a message with a specified type.
- *
- * @param text - The message to display.
- * @param type - The type of message to display to determine the color.
- */
-
+import { log, spinner } from "@clack/prompts";
 import chalk from "chalk";
 
-export const display = (
-  text: string,
-  type: "error" | "success" | "warning" | "info" | "loading" | "",
-) => {
+type DisplayType = "error" | "success" | "warning" | "info" | "loading" | "";
+
+export const stopSpinner = (s: any, text: string, code: number = 0) => {
+  if (!s || typeof s.stop !== "function") return;
+  s.stop(code === 0 ? chalk.green(text) : chalk.red(text));
+};
+
+export const display = (text: string, type: DisplayType) => {
   switch (type) {
     case "error":
-      console.error(chalk.red(text));
+      log.error(chalk.red(text));
       process.exit(1);
+
     case "success":
-      console.log(chalk.green(text));
-      process.exit(0);
+      log.success(chalk.green(text)); // Use log.success instead
+      break;
+
     case "warning":
-      console.warn(chalk.yellow(text));
+      log.warn(chalk.yellow(text));
       break;
+
     case "info":
-      console.info(chalk.blue(text));
+      log.info(chalk.blue(text));
       break;
+
     case "loading":
-      console.log(`Loading... ${text}`);
-      break;
+      const s = spinner();
+      s.start(text);
+      return s; // Return spinner so it can be stopped later
+
     default:
-      console.log(text);
+      log.message(text);
   }
 };

package/src/index.ts

@@ -2,25 +2,35 @@
 
 import { Command } from "commander";
 import { saveConfigPath } from "./config_path.js";
+import { intro } from "@clack/prompts";
 import { orchestrator } from "./orchestrator.js";
+import chalk from "chalk";
+
+intro(chalk.inverse(" pm-auto "));
 
 const program = new Command();
 
 program
   .name("pm-auto")
-  .version("1.0.0")
-  .description("CLI for automated npm,yarn,pnpm package installation");
+  .version("1.0.1")
+  .description(
+    "A CLI tool to define and install your tech stack presets with one command.",
+  );
 
 program
   .command("config <path>")
-  .description("Set the config file path")
+  .description("Set the path to the configuration file")
   .action((path) => {
     saveConfigPath(path);
   });
 
 program
   .command("install [packages...]")
-  .description("Install packages")
+  .alias("add")
+  .alias("i")
+  .description(
+    "Install packages using the detected package manager (Aliases: add, i)",
+  )
   .option("-p, --pkg-json", "Install packages from package.json")
   .option(
     "-A, --add-command <command>",
@@ -33,7 +43,12 @@ program
 
 program
   .command("uninstall <packages...>")
-  .description("Uninstall packages")
+  .alias("remove")
+  .alias("u")
+  .alias("un")
+  .description(
+    "Remove packages using the detected package manager (Aliases: remove, u, un)",
+  )
   .option(
     "-A, --add-command <command>",
     "Add a custom command to all installation commands from config file",

package/src/install.ts

@@ -1,15 +1,26 @@
 import { execa } from "execa";
 import type { CommandResult } from "./types/index.js";
-import { display } from "./display.js";
+import { display, stopSpinner } from "./display.js";
 
-async function runCommand(command: string) {
+async function runCommand(command: string, interactive: boolean = false) {
   try {
     const [commandName, ...args] = command.split(" ");
 
-    await execa(commandName as string, args, {
-      stdio: "inherit",
-    });
+    if (interactive) {
+      // Stop spinner before interactive command
+      stopSpinner("Starting interactive command...", 0);
+      await execa(commandName as string, args, {
+        stdio: "inherit",
+      });
+    } else {
+      await execa(commandName as string, args, {
+        stdio: "inherit",
+      });
+    }
   } catch (error: any) {
+    // If pipe failed, we should show the output
+    if (error.stdout) display(error.stdout, "");
+    if (error.stderr) display(error.stderr, "error");
     display(`Error:, ${error.message}`, "error");
   }
 }
@@ -23,15 +34,16 @@ export async function install(commands: CommandResult[]) {
       // Wait for all interactive commands to finish first
       if (command.interactive) {
         for (const interactiveCommand of command.interactive) {
-          display(`Running command: ${interactiveCommand}`, "loading");
-          await runCommand(interactiveCommand);
+          display(`Running interactive command: ${interactiveCommand}`, "info");
+          await runCommand(interactiveCommand, true);
         }
       }
 
       // Then run non-interactive
       if (command.nonInteractive) {
+        // For non-interactive, we show a spinner
         display(`Running command: ${command.nonInteractive[0]}`, "loading");
-        await runCommand(command.nonInteractive[0] as string);
+        await runCommand(command.nonInteractive[0] as string, false);
       }
     }
   } catch (error: any) {

package/src/orchestrator.ts

@@ -1,8 +1,9 @@
 import { buildCommands, buildUninstallCommands } from "./build_command.js";
 import { getConfigObject } from "./config_reader.js";
-import { display } from "./display.js";
+import { display, stopSpinner } from "./display.js";
 import { install } from "./install.js";
 import type { ConfigType } from "./types/index.js";
+import { outro } from "@clack/prompts";
 
 //Check if the value is an array of ConfigType objects
 function isConfigTypeArray(value: unknown): value is ConfigType[] {
@@ -38,15 +39,14 @@ export const orchestrator = (
       if (isConfigTypeArray(config)) {
         const commands = buildCommands(config);
         await install(commands);
-        display("✅ Packages installed successfully", "success");
+        stopSpinner("Packages installed successfully");
         process.stdout.write("\x07");
+        outro("Done!");
       } else {
         await install(config);
 
-        display(
-          "✅ Packages from package.json installed successfully",
-          "success",
-        );
+        stopSpinner("Packages from package.json installed successfully");
+        outro("Done!");
       }
     });
   } else {
@@ -64,7 +64,8 @@ export const orchestrator = (
       if (isConfigTypeArray(config)) {
         const commands = buildUninstallCommands(config);
         await install(commands);
-        display("✅ Packages uninstalled successfully", "success");
+        stopSpinner("Packages uninstalled successfully");
+        outro("Done!");
       }
     });
   }

package/src/types/index.ts

@@ -1,16 +1,16 @@
-export interface ConfigType {
-  name: string;
-  packageManager: string;
-  packages: { command: string; interactive: boolean }[];
-}
-
-export interface PackageType {
-  command: string;
-  interactive: boolean;
-}
-
-export interface CommandResult {
-  name: string;
-  interactive: string[];
-  nonInteractive: string[];
-}
+export interface ConfigType {
+  name: string;
+  packageManager: string;
+  packages: { command: string; interactive: boolean }[];
+}
+
+export interface PackageType {
+  command: string;
+  interactive: boolean;
+}
+
+export interface CommandResult {
+  name: string;
+  interactive: string[];
+  nonInteractive: string[];
+}

package/test.json

@@ -1,83 +1,94 @@
-{
-  "vite": {
-    "name": "vite",
-    "packageManager": "npm",
-    "packages": [
-      {
-        "command": "@types/three --save-dev",
-        "interactive": false
-      },
-      {
-        "command": "@react-three/fiber",
-        "interactive": false
-      },
-      {
-        "command": "gsap",
-        "interactive": false
-      },
-      {
-        "command": "create-vite@latest my-app",
-        "interactive": true
-      }
-    ]
-  },
-
-  "next": {
-    "name": "next",
-    "packageManager": "pnpm",
-    "packages": [
-      {
-        "command": "three --save-dev",
-        "interactive": false
-      },
-      {
-        "command": "@react-three/drei",
-        "interactive": false
-      },
-      {
-        "command": "framer-motion",
-        "interactive": false
-      },
-      {
-        "command": "create-next-app@latest my-app",
-        "interactive": true
-      }
-    ]
-  },
-  "test": {
-    "name": "test",
-    "packageManager": "npm",
-    "packages": [
-      {
-        "command": "three",
-        "interactive": false
-      },
-      {
-        "command": "gsap",
-        "interactive": false
-      },
-      {
-        "command": "@react-three/fiber",
-        "interactive": false
-      }
-    ]
-  },
-  "test2": {
-    "name": "test2",
-    "packageManager": "npm",
-    "packages": [
-      {
-        "command": "@react-three/drei",
-        "interactive": false
-      },
-      {
-        "command": "framer-motion",
-        "interactive": false
-      },
-      {
-        "command": "@react-three/postprocessing",
-        "interactive": false
-      }
-    ]
-  }
-}
+{
+  "sample": {
+    "name": "sample",
+    "packageManager": "npm",
+    "packages": [
+      {
+        "command": "gsap",
+        "interactive": false
+      }
+    ]
+  },
+
+  "vite": {
+    "name": "vite",
+    "packageManager": "npm",
+    "packages": [
+      {
+        "command": "@types/three --save-dev",
+        "interactive": false
+      },
+      {
+        "command": "@react-three/fiber",
+        "interactive": false
+      },
+      {
+        "command": "gsap",
+        "interactive": false
+      },
+      {
+        "command": "create-vite@latest my-app",
+        "interactive": true
+      }
+    ]
+  },
+
+  "next": {
+    "name": "next",
+    "packageManager": "pnpm",
+    "packages": [
+      {
+        "command": "three --save-dev",
+        "interactive": false
+      },
+      {
+        "command": "@react-three/drei",
+        "interactive": false
+      },
+      {
+        "command": "framer-motion",
+        "interactive": false
+      },
+      {
+        "command": "create-next-app@latest my-app",
+        "interactive": true
+      }
+    ]
+  },
+  "test": {
+    "name": "test",
+    "packageManager": "npm",
+    "packages": [
+      {
+        "command": "three",
+        "interactive": false
+      },
+      {
+        "command": "gsap",
+        "interactive": false
+      },
+      {
+        "command": "@react-three/fiber",
+        "interactive": false
+      }
+    ]
+  },
+  "test2": {
+    "name": "test2",
+    "packageManager": "npm",
+    "packages": [
+      {
+        "command": "@react-three/drei",
+        "interactive": false
+      },
+      {
+        "command": "framer-motion",
+        "interactive": false
+      },
+      {
+        "command": "@react-three/postprocessing",
+        "interactive": false
+      }
+    ]
+  }
+}