feat: add pretty print for logs

Author: allohamora

package-lock.json

@@ -43,6 +43,7 @@
     "typescript": "^4.5.3"
   },
   "dependencies": {
-    "inquirer": "^8.2.0"
+    "inquirer": "^8.2.0",
+    "ora": "^5.4.1"
   }
 }

package.json

@@ -3,13 +3,17 @@
 import { manyOf, oneOf } from "./utils/prompt";
 import { jsState, jsStateValues } from "./utils/config";
 import jsOptions from './categories/js';
+import ora from 'ora';
+import { white } from "./utils/console";
 
 const categories = ['js'] as const;
 const configs = {
   js: { state: jsState, values: jsStateValues, options: jsOptions }
 };
 
 const main = async () => {
+  console.log(white(`Wellcome to Allohamora's cli`));
+
   const choosedCategory = await oneOf('choose a category', categories);
   const { state, values, options } = configs[choosedCategory];
 
@@ -18,9 +22,21 @@ const main = async () => {
   setConfig(choosedConfig);
 
   const choosedOptions = await manyOf('choose a options', Object.keys(options));
+
+  const spinner = ora('starting install').start();
+
   await choosedOptions.reduce((chain, name) => {
-    return chain.then(async () => await options[name as keyof typeof options]());
+    return chain.then(async () => {
+      const optionName = name as keyof typeof options;
+
+      spinner.text = `${name} is installing`;
+
+      return await options[optionName]()
+    });
   }, Promise.resolve()); 
+
+  spinner.stop();
+  console.log(white('Installation completed'));
 };
 
 main();

src/index.ts

@@ -0,0 +1 @@
+export const white = (log: string) => `\x1b[22m\x1b[1m${log}`;

src/utils/console.ts

@@ -7,7 +7,7 @@ export const runCommand = async (command: string) => {
 }
 
 export const spawnCommand = async (command: string, args: string[]) => new Promise((res, rej) => {
-  const child = spawn(command, args, {  stdio: 'inherit' });
+  const child = spawn(command, args);
 
   child.on('error', (err) => rej(err));
   child.on('exit', () => res(undefined));