feat: replace picocolors with ansis (#665)

Author: webdiscus

package.json

@@ -101,6 +101,7 @@
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitest/eslint-plugin": "^1.1.27",
+    "ansis": "^3.12.0",
     "eslint-config-flat-gitignore": "^2.0.0",
     "eslint-flat-config-utils": "^2.0.1",
     "eslint-merge-processors": "^2.0.0",
@@ -123,7 +124,6 @@
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^1.0.0",
     "parse-gitignore": "^2.0.0",
-    "picocolors": "^1.1.1",
     "toml-eslint-parser": "^0.10.0",
     "vue-eslint-parser": "^9.4.3",
     "yaml-eslint-parser": "^1.2.3",

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import type { ExtraLibrariesOption, FrameworkOption, PromItem } from './types'
 
-import c from 'picocolors'
+import c from 'ansis'
 import pkgJson from '../../package.json'
 
 export { pkgJson }

src/cli/constants.ts

@@ -1,7 +1,7 @@
 import process from 'node:process'
 
 import * as p from '@clack/prompts'
-import c from 'picocolors'
+import c from 'ansis'
 import yargs from 'yargs'
 import { hideBin } from 'yargs/helpers'
 
@@ -10,7 +10,7 @@ import { run } from './run'
 
 function header(): void {
   console.log('\n')
-  p.intro(`${c.green(`@antfu/eslint-config `)}${c.dim(`v${pkgJson.version}`)}`)
+  p.intro(`${c.green`@antfu/eslint-config `}${c.dim`v${pkgJson.version}`}`)
 }
 
 const instance = yargs(hideBin(process.argv))
@@ -43,8 +43,8 @@ const instance = yargs(hideBin(process.argv))
         await run(args)
       }
       catch (error) {
-        p.log.error(c.inverse(c.red(' Failed to migrate ')))
-        p.log.error(c.red(`✘ ${String(error)}`))
+        p.log.error(c.inverse.red(' Failed to migrate '))
+        p.log.error(c.red`✘ ${String(error)}`)
         process.exit(1)
       }
     },

src/cli/index.ts

@@ -5,7 +5,7 @@ import fs from 'node:fs'
 import path from 'node:path'
 import process from 'node:process'
 import * as p from '@clack/prompts'
-import c from 'picocolors'
+import c from 'ansis'
 
 import { extra, extraOptions, frameworkOptions, frameworks } from './constants'
 import { updateEslintFiles } from './stages/update-eslint-files'
@@ -35,7 +35,7 @@ export async function run(options: CliRunOptions = {}): Promise<void> {
   const argExtra = <ExtraLibrariesOption[]>options.extra?.map(m => m.trim())
 
   if (fs.existsSync(path.join(process.cwd(), 'eslint.config.js'))) {
-    p.log.warn(c.yellow(`eslint.config.js already exists, migration wizard exited.`))
+    p.log.warn(c.yellow`eslint.config.js already exists, migration wizard exited.`)
     return process.exit(1)
   }
 
@@ -115,6 +115,6 @@ export async function run(options: CliRunOptions = {}): Promise<void> {
   await updateEslintFiles(result)
   await updateVscodeSettings(result)
 
-  p.log.success(c.green(`Setup completed`))
+  p.log.success(c.green`Setup completed`)
   p.outro(`Now you can update the dependencies by run ${c.blue('pnpm install')} and run ${c.blue('eslint . --fix')}\n`)
 }

src/cli/run.ts

@@ -5,9 +5,9 @@ import fsp from 'node:fs/promises'
 import path from 'node:path'
 import process from 'node:process'
 import * as p from '@clack/prompts'
+import c from 'ansis'
 // @ts-expect-error missing types
 import parse from 'parse-gitignore'
-import c from 'picocolors'
 
 import { getEslintConfigContent } from '../utils'
 
@@ -24,7 +24,7 @@ export async function updateEslintFiles(result: PromptResult): Promise<void> {
 
   const eslintIgnores: string[] = []
   if (fs.existsSync(pathESLintIgnore)) {
-    p.log.step(c.cyan(`Migrating existing .eslintignore`))
+    p.log.step(c.cyan`Migrating existing .eslintignore`)
     const content = await fsp.readFile(pathESLintIgnore, 'utf-8')
     const parsed = parse(content)
     const globs = parsed.globs()
@@ -57,7 +57,7 @@ export async function updateEslintFiles(result: PromptResult): Promise<void> {
   const eslintConfigContent: string = getEslintConfigContent(mainConfig, additionalConfig)
 
   await fsp.writeFile(pathFlatConfig, eslintConfigContent)
-  p.log.success(c.green(`Created ${configFileName}`))
+  p.log.success(c.green`Created ${configFileName}`)
 
   const files = fs.readdirSync(cwd)
   const legacyConfig: string[] = []
@@ -67,5 +67,5 @@ export async function updateEslintFiles(result: PromptResult): Promise<void> {
   })
 
   if (legacyConfig.length)
-    p.note(`${c.dim(legacyConfig.join(', '))}`, 'You can now remove those files manually')
+    p.note(c.dim(legacyConfig.join(', ')), 'You can now remove those files manually')
 }

src/cli/stages/update-eslint-files.ts

@@ -5,7 +5,7 @@ import path from 'node:path'
 import process from 'node:process'
 import * as p from '@clack/prompts'
 
-import c from 'picocolors'
+import c from 'ansis'
 
 import { dependenciesMap, pkgJson } from '../constants'
 
@@ -14,7 +14,7 @@ export async function updatePackageJson(result: PromptResult): Promise<void> {
 
   const pathPackageJSON = path.join(cwd, 'package.json')
 
-  p.log.step(c.cyan(`Bumping @antfu/eslint-config to v${pkgJson.version}`))
+  p.log.step(c.cyan`Bumping @antfu/eslint-config to v${pkgJson.version}`)
 
   const pkgContent = await fsp.readFile(pathPackageJSON, 'utf-8')
   const pkg: Record<string, any> = JSON.parse(pkgContent)
@@ -66,8 +66,8 @@ export async function updatePackageJson(result: PromptResult): Promise<void> {
   }
 
   if (addedPackages.length)
-    p.note(`${c.dim(addedPackages.join(', '))}`, 'Added packages')
+    p.note(c.dim(addedPackages.join(', ')), 'Added packages')
 
   await fsp.writeFile(pathPackageJSON, JSON.stringify(pkg, null, 2))
-  p.log.success(c.green(`Changes wrote to package.json`))
+  p.log.success(c.green`Changes wrote to package.json`)
 }

src/cli/stages/update-package-json.ts

@@ -6,7 +6,7 @@ import path from 'node:path'
 import process from 'node:process'
 import * as p from '@clack/prompts'
 
-import c from 'picocolors'
+import { green } from 'ansis'
 
 import { vscodeSettingsString } from '../constants'
 
@@ -24,7 +24,7 @@ export async function updateVscodeSettings(result: PromptResult): Promise<void>
 
   if (!fs.existsSync(settingsPath)) {
     await fsp.writeFile(settingsPath, `{${vscodeSettingsString}}\n`, 'utf-8')
-    p.log.success(c.green(`Created .vscode/settings.json`))
+    p.log.success(green`Created .vscode/settings.json`)
   }
   else {
     let settingsContent = await fsp.readFile(settingsPath, 'utf8')
@@ -34,6 +34,6 @@ export async function updateVscodeSettings(result: PromptResult): Promise<void>
     settingsContent += `${vscodeSettingsString}}\n`
 
     await fsp.writeFile(settingsPath, settingsContent, 'utf-8')
-    p.log.success(c.green(`Updated .vscode/settings.json`))
+    p.log.success(green`Updated .vscode/settings.json`)
   }
 }