chore: add colors to remirror-cli's output (#1803)

packages/remirror__cli/src/logger.ts

@@ -1,6 +1,8 @@
 /* eslint-disable no-console */
 
-const prefix = '[remirror-cli]';
+import { colors } from './utils/colors';
+
+const prefix = colors.magenta('remirror-cli');
 
 export const logger = {
   debug: (...args: any[]) => {
@@ -14,13 +16,13 @@ export const logger = {
     return logger.info(...args);
   },
   info: (...args: any[]) => {
-    console.log(prefix, 'INFO', ...args);
+    console.log(prefix, colors.green('INFO'), ...args);
   },
   warn: (...args: any[]) => {
-    console.warn(prefix, 'WARN', ...args);
+    console.warn(prefix, colors.yellow('WARN'), ...args);
   },
   error: (...args: any[]) => {
-    console.error(prefix, 'ERROR', ...args);
+    console.error(prefix, colors.red('ERROR'), ...args);
   },
   assert: (condition: unknown, message = '') => {
     if (!condition) {

packages/remirror__cli/src/utils/colors.ts

@@ -0,0 +1,40 @@
+const codes = {
+  Reset: '\u001B[0m',
+  Bright: '\u001B[1m',
+  Dim: '\u001B[2m',
+  Underscore: '\u001B[4m',
+  Blink: '\u001B[5m',
+  Reverse: '\u001B[7m',
+  Hidden: '\u001B[8m',
+
+  FgBlack: '\u001B[30m',
+  FgRed: '\u001B[31m',
+  FgGreen: '\u001B[32m',
+  FgYellow: '\u001B[33m',
+  FgBlue: '\u001B[34m',
+  FgMagenta: '\u001B[35m',
+  FgCyan: '\u001B[36m',
+  FgWhite: '\u001B[37m',
+
+  BgBlack: '\u001B[40m',
+  BgRed: '\u001B[41m',
+  BgGreen: '\u001B[42m',
+  BgYellow: '\u001B[43m',
+  BgBlue: '\u001B[44m',
+  BgMagenta: '\u001B[45m',
+  BgCyan: '\u001B[46m',
+  BgWhite: '\u001B[47m',
+};
+
+function createColorWrapper(color: string) {
+  return process.env.CI
+    ? (text: string) => text
+    : (text: string) => `${color}${text}${codes.Reset}`;
+}
+
+export const colors = {
+  magenta: createColorWrapper(codes.FgMagenta),
+  green: createColorWrapper(codes.FgGreen),
+  yellow: createColorWrapper(codes.FgYellow),
+  red: createColorWrapper(codes.FgRed),
+};

support/actions/pr/pr-utils.mjs

@@ -1,4 +1,4 @@
-import { getParameters } from 'codesandbox/lib/api/define';
+import { getParameters } from 'codesandbox/lib/api/define.js';
 import got from 'got';
 import { default as semver } from 'semver';