refactor: use picocolors instead chalk

package.json

@@ -50,6 +50,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-error-overlay": "6.0.9",
+    "picocolors": "^1.1.0",
     "react-refresh": "^0.14.0",
     "sass": "^1.77.8",
     "semver": "^7.5.4",

packages/bundler-mako/index.js

@@ -4,7 +4,7 @@ const http = require('http');
 const assert = require('assert');
 const { createProxy, createHttpsServer } = require('@umijs/bundler-utils');
 const lodash = require('lodash');
-const chalk = require('chalk');
+const c = require('picocolors');
 const { parseTsconfig } = require('get-tsconfig');
 const {
   createProxyMiddleware,
@@ -241,10 +241,8 @@ function getDevBanner(protocol, host, port, ip) {
   const hostStr = host === '0.0.0.0' ? 'localhost' : host;
   const messages = [];
   messages.push('  App listening at:');
-  messages.push(
-    `  - Local:   ${chalk.cyan(`${protocol}//${hostStr}:${port}`)}`,
-  );
-  messages.push(`  - Network: ${chalk.cyan(`${protocol}//${ip}:${port}`)}`);
+  messages.push(`  - Local:   ${c.cyan(`${protocol}//${hostStr}:${port}`)}`);
+  messages.push(`  - Network: ${c.cyan(`${protocol}//${ip}:${port}`)}`);
   return messages.join('\n');
 }
 
@@ -418,7 +416,7 @@ function checkConfig(opts) {
 
   if (warningKeys.length) {
     console.warn(
-      chalk.yellow(
+      c.yellow(
         `
 =====================================================================================================
 
@@ -435,7 +433,7 @@ function checkConfig(opts) {
   Mako bundler does not support the following options:
     - ${warningKeys.join('\n    - ')}
 
-  So this project may fail in compile-time or error in runtime, ${chalk.bold(
+  So this project may fail in compile-time or error in runtime, ${c.bold(
     'please test and release carefully',
   )}.
 =====================================================================================================

packages/bundler-mako/package.json

@@ -4,7 +4,7 @@
   "dependencies": {
     "@umijs/bundler-utils": "^4.0.81",
     "@umijs/mako": "0.8.12",
-    "chalk": "^4.1.2",
+    "picocolors": "^1.1.0",
     "compression": "^1.7.4",
     "connect-history-api-fallback": "^2.0.0",
     "cors": "^2.8.5",

packages/mako/package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@swc/helpers": "0.5.1",
     "@types/resolve": "^1.20.6",
-    "chalk": "^4.1.2",
+    "picocolors": "^1.1.0",
     "less": "^4.2.0",
     "less-plugin-resolve": "^1.0.2",
     "lodash": "^4.17.21",
@@ -87,4 +87,4 @@
     "@umijs/mako-linux-x64-musl": "0.8.12"
   },
   "repository": "[email protected]:umijs/mako.git"
-}
+}

packages/mako/src/checker.ts

@@ -1,6 +1,6 @@
 import fs from 'fs';
 import path from 'path';
-import chalk from 'chalk';
+import c from 'picocolors';
 import semver from 'semver';
 
 let BLACKLIST_PACKAGES: any = {
@@ -28,7 +28,7 @@ export function check(root: string) {
         version &&
         semver.satisfies(version, BLACKLIST_PACKAGES[name].version)
       ) {
-        console.error(chalk.red(`Error: ${BLACKLIST_PACKAGES[name].message}`));
+        console.error(c.red(`Error: ${BLACKLIST_PACKAGES[name].message}`));
         process.exit(1);
       }
     }

packages/mako/src/cli.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk';
+import c from 'picocolors';
 import yParser from 'yargs-parser';
 import { check } from './checker';
 
@@ -7,7 +7,7 @@ import { check } from './checker';
   // so that we can print extra information
   process.env.MAKO_CLI = '1';
   console.log();
-  console.log(chalk.bold(`Mako v${require('../package.json').version}`));
+  console.log(c.bold(`Mako v${require('../package.json').version}`));
   console.log();
 
   let argv = yParser(process.argv.slice(2));