Add color to node console logs (#210)

- make it clearer and easier to see warnings and errors in the node console.

package.json

@@ -93,6 +93,7 @@
     "@emotion/styled": "^11.10.6",
     "@mui/material": "^5.11.12",
     "async-mutex": "^0.4.0",
+    "chalk": "^4.1.2",
     "electron-debug": "^3.2.0",
     "electron-log": "^5.0.0-beta.19",
     "electron-updater": "^5.3.0",
@@ -138,7 +139,6 @@
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
     "browserslist-config-erb": "^0.0.3",
-    "chalk": "^4.1.2",
     "concurrently": "^7.6.0",
     "core-js": "^3.29.1",
     "cross-env": "^7.0.3",

src/shared/services/logger.service.ts

@@ -1,3 +1,4 @@
+import chalk from 'chalk';
 import log, { LogLevel } from 'electron-log';
 import { getProcessType, isClient, isRenderer } from '@shared/utils/internal-util';
 
@@ -50,6 +51,27 @@ if (isClient()) {
 } else {
   log.initialize();
   log.transports.console.level = level;
+  log.transports.console.format = '{h}:{i}:{s} {text}';
+  log.transports.console.writeFn = ({ message: msg }) => {
+    const message = `${msg.data}`;
+
+    /* eslint-disable no-console */
+    switch (msg.level) {
+      case 'info':
+        console.log(message);
+        break;
+      case 'warn':
+        console.log(chalk.yellow(message));
+        break;
+      case 'error':
+        console.log(chalk.red(message));
+        break;
+      default:
+        console.log(message);
+        break;
+    }
+    /* eslint-enable */
+  };
   log.transports.file.level = level;
 }