Improve logging

src/concurrently.ts

@@ -36,7 +36,7 @@ export function concurrently(commands: ConcurrentCommand[], index: number = 0):
             runCommand(command.command, index, name);
 
             if (nextCommand) {
-              console.log(chalk.blue(`Waiting for ${delay}ms before running ${getName(nextCommand, nextIndex)}`));
+              console.log(chalk.blueBright(`Waiting for ${delay}ms before running ${getName(nextCommand, nextIndex)}`));
 
               setTimeout(() => concurrently(commands, nextIndex), delay);
             }
@@ -54,7 +54,7 @@ export function concurrently(commands: ConcurrentCommand[], index: number = 0):
 
           if (nextCommand) {
             console.log(
-              chalk.blue(
+              chalk.blueBright(
                 `Waiting for ${name} to log a message including "${command.value}" before running ${getName(nextCommand, nextIndex)}`
               )
             );
@@ -71,7 +71,9 @@ export function concurrently(commands: ConcurrentCommand[], index: number = 0):
           });
 
           if (nextCommand) {
-            console.log(chalk.blue(`Waiting for [${name}] to log "${command.value}" before running ${getName(nextCommand, nextIndex)}`));
+            console.log(
+              chalk.blueBright(`Waiting for [${name}] to log "${command.value}" before running ${getName(nextCommand, nextIndex)}`)
+            );
           }
           break;
         }
@@ -99,7 +101,7 @@ export function concurrently(commands: ConcurrentCommand[], index: number = 0):
 
             if (nextCommand) {
               console.log(
-                chalk.blue(`Waiting for ${name} to stop logging for ${delay}ms before running ${getName(nextCommand, nextIndex)}`)
+                chalk.blueBright(`Waiting for ${name} to stop logging for ${delay}ms before running ${getName(nextCommand, nextIndex)}`)
               );
             }
           }

src/logger.ts

@@ -1,15 +1,33 @@
+import * as chalk from 'chalk';
+
 let lastLogIndex: number;
 
 /**
  * Handles logging output from a command
  */
 export function logger(index: number, message: string, name: string): void {
-  name = `${name}: `;
+  name = `${name}:`;
 
   const spaces = new Array(name.length).fill(' ').join('');
-  const prefix = lastLogIndex === index ? spaces : name;
+  const prefix = lastLogIndex === index ? spaces : chalk.bold(name);
+
+  message = message.replace(/^\n/, '');
+
+  if (/^(npm warn |warn |warning )/.test(message.toLowerCase())) {
+    message = chalk.yellow(message);
+  }
+
+  message = message.replace(/✔/g, chalk.green('✔'));
+
+  const urls = message.match(
+    /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w-]*))?)(:([0-9]*)(\/)?)?/g
+  );
+
+  urls?.forEach(url => {
+    message = message.replace(url, chalk.cyanBright(url));
+  });
 
-  console.log(`${prefix}${message.replace(/^\n/, '').replace(/\n/g, `\n${spaces}`)}`);
+  console.log(`${prefix} ${message.replace(/\n/g, `\n${spaces} `)}`);
 
   lastLogIndex = index;
 }

src/run-command.ts

@@ -9,19 +9,25 @@ import { logger } from './logger';
 export function runCommand(command: string, index: number, name: string, callback?: (data: string) => void): void {
   console.log(chalk.green(`Running ${name}: "${command}"`));
 
-  const process = exec(command);
+  const childProcess = exec(command);
 
-  addChildProcess(process);
+  addChildProcess(childProcess);
 
-  process.stdout?.on('data', data => {
-    data = data.trim();
+  childProcess.stdout?.on('data', data => handleLog(data, index, name, callback));
+  childProcess.stderr?.on('data', data => handleLog(data, index, name, callback));
+}
+
+/**
+ * Handles a log event
+ */
+function handleLog(data: string, index: number, name: string, callback?: (data: string) => void): void {
+  data = data.trim();
 
-    if (data) {
-      logger(index, data, name);
-    }
+  if (data) {
+    logger(index, data, name);
+  }
 
-    if (callback) {
-      callback(data);
-    }
-  });
+  if (callback) {
+    callback(data);
+  }
 }