feat: replace picocolors with ansis (#259)

Author: webdiscus

package.json

@@ -55,14 +55,14 @@
     "@types/ini": "^4.1.1",
     "@types/node": "^22.10.10",
     "@types/which": "^3.0.4",
+    "ansis": "^3.12.0",
     "bumpp": "^10.0.1",
     "eslint": "^9.19.0",
     "fs-extra": "^11.3.0",
     "fzf": "^0.5.2",
     "ini": "^5.0.0",
     "lint-staged": "^15.4.2",
     "package-manager-detector": "^0.2.9",
-    "picocolors": "^1.1.1",
     "simple-git-hooks": "^2.11.1",
     "taze": "^18.3.0",
     "terminal-link": "^3.0.0",

pnpm-lock.yaml

@@ -1,8 +1,8 @@
 import type { Choice } from '@posva/prompts'
 import process from 'node:process'
 import prompts from '@posva/prompts'
+import c from 'ansis'
 import { Fzf } from 'fzf'
-import c from 'picocolors'
 import { fetchNpmPackages } from '../fetch'
 import { parseNi } from '../parse'
 import { runCli } from '../runner'

src/commands/ni.ts

@@ -1,6 +1,6 @@
 import type { Choice } from '@posva/prompts'
 import process from 'node:process'
-import c from 'picocolors'
+import c from 'ansis'
 import { formatPackageWithUrl } from './utils'
 
 export interface NpmPackage {
@@ -32,7 +32,7 @@ export async function fetchNpmPackages(pattern: string): Promise<Choice[]> {
 
     return result.objects.map(({ package: pkg }) => ({
       title: formatPackageWithUrl(
-        `${pkg.name.padEnd(30, ' ')} ${c.blue(`v${pkg.version}`)}`,
+        `${pkg.name.padEnd(30, ' ')} ${c.blue`v${pkg.version}`}`,
         pkg.links.repository ?? pkg.links.npm,
         terminalColumns,
       ),

src/fetch.ts

@@ -5,8 +5,8 @@ import type { DetectOptions } from './detect'
 import { resolve } from 'node:path'
 import process from 'node:process'
 import prompts from '@posva/prompts'
+import c from 'ansis'
 import { AGENTS } from 'package-manager-detector'
-import c from 'picocolors'
 import { x } from 'tinyexec'
 import { version } from '../package.json'
 import { getDefaultAgent, getGlobalAgent } from './config'
@@ -110,7 +110,7 @@ export async function run(fn: Runner, args: string[], options: DetectOptions = {
     const agentVersionPromise = agentPromise.then(a => a && getV(a))
     const nodeVersionPromise = getV('node')
 
-    console.log(`@antfu/ni  ${c.cyan(`v${version}`)}`)
+    console.log(`@antfu/ni  ${c.cyan`v${version}`}`)
     console.log(`node       ${c.green(await nodeVersionPromise)}`)
     const [agent, agentVersion] = await Promise.all([agentPromise, agentVersionPromise])
     if (agent)
@@ -124,7 +124,7 @@ export async function run(fn: Runner, args: string[], options: DetectOptions = {
 
   if (args.length === 1 && ['-h', '--help'].includes(args[0])) {
     const dash = c.dim('-')
-    console.log(c.green(c.bold('@antfu/ni')) + c.dim(` use the right package manager v${version}\n`))
+    console.log(c.green.bold('@antfu/ni') + c.dim` use the right package manager v${version}\n`)
     console.log(`ni    ${dash}  install`)
     console.log(`nr    ${dash}  run`)
     console.log(`nlx   ${dash}  execute`)

src/runner.ts

@@ -3,7 +3,7 @@ import { existsSync, promises as fs } from 'node:fs'
 import os from 'node:os'
 import { dirname, join } from 'node:path'
 import process from 'node:process'
-import c from 'picocolors'
+import c from 'ansis'
 import terminalLink from 'terminal-link'
 import which from 'which'
 
@@ -101,7 +101,7 @@ export function formatPackageWithUrl(pkg: string, url?: string, limits = 80) {
         {
           fallback: (_, url) => (pkg.length + url.length > limits)
             ? pkg
-            : pkg + c.dim(` - ${url}`),
+            : pkg + c.dim` - ${url}`,
         },
       )
     : pkg