feat: replace picocolors and chalk with ansis (#935)

Author: webdiscus

package.json

@@ -7,7 +7,7 @@
     "lint": "eslint . --cache",
     "release": "bumpp",
     "publish:ci": "pnpm -r publish --access public --no-git-checks",
-    "test": "vitest",
+    "test": "FORCE_COLOR=3 && vitest",
     "typecheck": "vue-tsc --noEmit",
     "build": "pnpm -r run build",
     "docs": "pnpm -C docs run docs:dev",
@@ -41,6 +41,7 @@
     "@types/node": "catalog:",
     "@vitest/coverage-v8": "catalog:",
     "ansi-sequence-parser": "catalog:",
+    "ansis": "catalog:",
     "bumpp": "catalog:",
     "diff-match-patch-es": "catalog:",
     "eslint": "catalog:",
@@ -57,7 +58,6 @@
     "mdast-util-to-hast": "catalog:",
     "ofetch": "catalog:",
     "ohash": "catalog:",
-    "picocolors": "catalog:",
     "pnpm": "catalog:",
     "prettier": "catalog:",
     "rimraf": "catalog:",

packages/cli/package.json

@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@shikijs/vscode-textmate": "catalog:",
-    "chalk": "catalog:",
+    "ansis": "catalog:",
     "minimist": "catalog:",
     "shiki": "workspace:*"
   },

packages/cli/src/code-to-ansi.ts

@@ -1,6 +1,6 @@
 import type { BundledLanguage, BundledTheme } from 'shiki'
 import { FontStyle } from '@shikijs/vscode-textmate'
-import c from 'chalk'
+import c from 'ansis'
 import { codeToTokensBase, getSingletonHighlighter } from 'shiki'
 import { hexApplyAlpha } from './colors'
 

packages/colorized-brackets/test/fixtures.test.ts

@@ -2,7 +2,7 @@
 import { lstatSync, readdirSync } from 'node:fs'
 import { readFile } from 'node:fs/promises'
 import { join, sep } from 'node:path'
-import c from 'picocolors'
+import c from 'ansis'
 import { createHighlighter } from 'shiki'
 import { describe, expect, it } from 'vitest'
 import { transformerColorizedBrackets } from '../src'

packages/colorized-brackets/test/utils.ts

@@ -1,4 +1,4 @@
-import c from 'picocolors'
+import c from 'ansis'
 
 interface ColoredBracket {
   bracket: string

pnpm-lock.yaml

@@ -31,9 +31,9 @@ catalog:
   '@vitest/coverage-v8': ^3.0.5
   '@vueuse/core': ^12.7.0
   ansi-sequence-parser: ^1.1.3
+  ansis: ^3.15.0
   bumpp: ^10.0.3
   cac: ^6.7.14
-  chalk: ^5.4.1
   diff-match-patch-es: ^1.0.1
   eslint: ^9.20.1
   eslint-plugin-format: ^1.0.1
@@ -58,7 +58,6 @@ catalog:
   ofetch: ^1.4.1
   ohash: ^1.1.4
   oniguruma-to-es: ^3.1.0
-  picocolors: ^1.1.1
   pinia: ^3.0.1
   pnpm: ^10.4.0
   prettier: ^3.5.1

pnpm-workspace.yaml

@@ -6,8 +6,8 @@ import type { Diff } from 'diff-match-patch-es'
 import type { BundledLanguage, BundledTheme, HighlighterGeneric } from 'shiki'
 import fs from 'node:fs/promises'
 import process from 'node:process'
+import c from 'ansis'
 import { diffCleanupSemantic, diffMain } from 'diff-match-patch-es'
-import c from 'picocolors'
 import { format } from 'prettier'
 import { bundledLanguages, createHighlighter, createJavaScriptRegexEngine } from 'shiki'
 import { version } from '../package.json'
@@ -42,7 +42,7 @@ async function run() {
       .catch(() => '')
 
     if (!sample) {
-      console.log(c.dim(`[${lang}] Sample not found`))
+      console.log(c.dim`[${lang}] Sample not found`)
       continue
     }
 
@@ -85,7 +85,7 @@ async function run() {
     }
     catch (e: any) {
       highlightMatch = 'error'
-      console.log(c.red(`[${lang}] Error ${e} ${e.cause || ''}`))
+      console.log(c.red`[${lang}] Error ${e} ${e.cause || ''}`)
     }
     finally {
       shiki?.dispose()
@@ -101,7 +101,7 @@ async function run() {
       highlightB = serializeTokens(shiki, sample, lang)
     }
     catch (e: any) {
-      console.log(c.red(`[${lang}] Error ${e} ${e.cause || ''}`))
+      console.log(c.red`[${lang}] Error ${e} ${e.cause || ''}`)
     }
     finally {
       shiki?.dispose()
@@ -115,7 +115,7 @@ async function run() {
     diffCleanupSemantic(highlightDiff)
 
     if (highlightB && highlightMatch !== true) {
-      console.log(c.yellow(`[${lang}] Mismatch`))
+      console.log(c.yellow`[${lang}] Mismatch`)
 
       await fs.mkdir(new URL('./compares', import.meta.url), { recursive: true })
 
@@ -137,7 +137,7 @@ async function run() {
       )
     }
     else {
-      console.log(c.green(`[${lang}] OK`))
+      console.log(c.green`[${lang}] OK`)
     }
 
     report.push({