Replace chalk with yoctocolors

Author: jdalton

.dep-stats.json

@@ -23,13 +23,13 @@
     "tinyglobby": "^0.2.10",
     "which": "^5.0.0",
     "yaml": "^2.6.0",
-    "yargs-parser": "^21.1.1"
+    "yargs-parser": "^21.1.1",
+    "yoctocolors-cjs": "^2.1.2"
   },
   "devDependencies": {},
   "esm": {
     "ansi-escapes": "^5.0.0",
     "bundle-name": "^4.1.0",
-    "chalk": "^5.3.0",
     "default-browser": "^5.2.1",
     "default-browser-id": "^5.0.0",
     "define-lazy-prop": "^3.0.0",
@@ -75,7 +75,8 @@
     "tinyglobby": "^0.2.10",
     "which": "^5.0.0",
     "yaml": "^2.6.0",
-    "yargs-parser": "^21.1.1"
+    "yargs-parser": "^21.1.1",
+    "yoctocolors-cjs": "^2.1.2"
   },
   "transitives": {
     "cli-spinners": "^3.2.0",

package-lock.json

@@ -66,7 +66,8 @@
     "tinyglobby": "^0.2.10",
     "which": "^5.0.0",
     "yaml": "^2.6.0",
-    "yargs-parser": "^21.1.1"
+    "yargs-parser": "^21.1.1",
+    "yoctocolors-cjs": "^2.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -100,7 +101,6 @@
     "@typescript-eslint/eslint-plugin": "^8.14.0",
     "@typescript-eslint/parser": "^8.14.0",
     "c8": "^10.1.2",
-    "chalk": "^5.3.0",
     "eslint": "^9.14.0",
     "eslint-import-resolver-oxc": "^0.4.0",
     "eslint-plugin-depend": "^0.12.0",

package.json

@@ -3,7 +3,7 @@
 import path from 'node:path'
 import { pathToFileURL } from 'node:url'
 
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 import { messageWithCauses, stackWithCauses } from 'pony-cause'
 import updateNotifier from 'tiny-updater'
 
@@ -69,7 +69,7 @@ void (async () => {
       errorTitle = 'Unexpected error with no details'
     }
     console.error(
-      `${logSymbols.error} ${chalk.white.bgRed(errorTitle + ':')} ${errorMessage}`
+      `${logSymbols.error} ${colors.bgRed(colors.white(errorTitle + ':'))} ${errorMessage}`
     )
     if (errorBody) {
       console.error(`\n${errorBody}`)

src/cli.ts

@@ -8,8 +8,8 @@ import BarChart from 'blessed-contrib/lib/widget/charts/bar'
 import GridLayout from 'blessed-contrib/lib/layout/grid'
 // @ts-ignore
 import LineChart from 'blessed-contrib/lib/widget/charts/line'
-import chalk from 'chalk'
 import meow from 'meow'
+import colors from 'yoctocolors-cjs'
 import yoctoSpinner from '@socketregistry/yocto-spinner'
 
 import { commonFlags, outputFlags } from '../flags'
@@ -142,7 +142,7 @@ function setupCommand(
   if (scope === 'repo' && !repo) {
     showHelp = true
     console.error(
-      `${chalk.bgRed.white('Input error')}: Please provide a repository name when using the repository scope.`
+      `${colors.bgRed(colors.white('Input error'))}: Please provide a repository name when using the repository scope.`
     )
   }
   if (showHelp) {

src/commands/analytics.ts

@@ -1,5 +1,5 @@
 import { Separator, select } from '@inquirer/prompts'
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 import meow from 'meow'
 import yoctoSpinner from '@socketregistry/yocto-spinner'
 
@@ -101,7 +101,7 @@ function setupCommand(
   if (cli.input.length < 1) {
     showHelp = true
     console.error(
-      `${chalk.white.bgRed('Input error')}: Please provide an organization slug.`
+      `${colors.bgRed(colors.white('Input error'))}: Please provide an organization slug.`
     )
   }
   if (showHelp) {

src/commands/audit-log.ts

@@ -2,7 +2,7 @@ import { existsSync, promises as fs } from 'node:fs'
 import path from 'node:path'
 
 import spawn from '@npmcli/promise-spawn'
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 import yargsParse from 'yargs-parser'
 
 import type { CliSubcommand } from '../utils/meow-with-subcommands'
@@ -210,7 +210,7 @@ export const cdxgen: CliSubcommand = {
     }
     const fullOutputPath = path.join(process.cwd(), yargv.output)
     if (existsSync(fullOutputPath)) {
-      console.log(chalk.cyanBright(`${yargv.output} created!`))
+      console.log(colors.cyanBright(`${yargv.output} created!`))
     }
   }
 }

src/commands/cdxgen.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 // @ts-ignore
 import chalkTable from 'chalk-table'
 import meow from 'meow'
@@ -135,13 +135,13 @@ async function searchDeps({
 
   const options = {
     columns: [
-      { field: 'namespace', name: chalk.cyan('Namespace') },
-      { field: 'name', name: chalk.cyan('Name') },
-      { field: 'version', name: chalk.cyan('Version') },
-      { field: 'repository', name: chalk.cyan('Repository') },
-      { field: 'branch', name: chalk.cyan('Branch') },
-      { field: 'type', name: chalk.cyan('Type') },
-      { field: 'direct', name: chalk.cyan('Direct') }
+      { field: 'namespace', name: colors.cyan('Namespace') },
+      { field: 'name', name: colors.cyan('Name') },
+      { field: 'version', name: colors.cyan('Version') },
+      { field: 'repository', name: colors.cyan('Repository') },
+      { field: 'branch', name: colors.cyan('Branch') },
+      { field: 'type', name: colors.cyan('Type') },
+      { field: 'direct', name: colors.cyan('Direct') }
     ]
   }
 

src/commands/dependencies.ts

@@ -1,7 +1,7 @@
 import fs from 'node:fs'
 import util from 'node:util'
 
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 import meow from 'meow'
 import yoctoSpinner from '@socketregistry/yocto-spinner'
 
@@ -106,12 +106,12 @@ function setupCommand(
   if (!before || !after) {
     showHelp = true
     console.error(
-      `${chalk.bgRed.white('Input error')}: Please specify a before and after full scan ID. To get full scans IDs, you can run the command "socket scan list <your org slug>".\n`
+      `${colors.bgRed(colors.white('Input error'))}: Please specify a before and after full scan ID. To get full scans IDs, you can run the command "socket scan list <your org slug>".`
     )
   } else if (cli.input.length < 1) {
     showHelp = true
     console.error(
-      `${chalk.bgRed.white('Input error')}: Please provide an organization slug\n`
+      `${colors.bgRed(colors.white('Input error'))}: Please provide an organization slug.`
     )
   }
   if (showHelp) {
@@ -144,7 +144,7 @@ async function getDiffScan(
   if (!response.ok) {
     spinner.stop()
     const err = await handleAPIError(response.status)
-    console.error(`${chalk.bgRed.white(response.statusText)}: ${err}`)
+    console.error(`${colors.bgRed(colors.white(response.statusText))}: ${err}`)
     return
   }
 
@@ -164,20 +164,18 @@ async function getDiffScan(
     console.log(
       util.inspect(data, { showHidden: false, depth: null, colors: true })
     )
-    // @ts-ignore
     console.log(
-      `\n View this diff scan in the Socket dashboard: ${chalk.cyan((data as any)?.['diff_report_url'])}\n`
+      `\n View this diff scan in the Socket dashboard: ${colors.cyan((data as any)?.['diff_report_url'])}`
     )
     return
   }
 
-  console.log('Diff scan result: ')
+  console.log('Diff scan result:')
   console.log(data)
   console.log(
     `\n 📝 To display the detailed report in the terminal, use the --json flag \n`
   )
-  // @ts-ignore
   console.log(
-    `\n View this diff scan in the Socket dashboard: ${chalk.cyan((data as any)?.['diff_report_url'])}\n`
+    `\n View this diff scan in the Socket dashboard: ${colors.cyan((data as any)?.['diff_report_url'])}`
   )
 }

src/commands/diff-scan/get.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk'
+import colors from 'yoctocolors-cjs'
 import meow from 'meow'
 import yoctoSpinner from '@socketregistry/yocto-spinner'
 
@@ -227,12 +227,8 @@ function formatPackageDataOutput(
     }
     if (!outputMarkdown) {
       console.log(
-        chalk.dim(
-          '\nOr rerun',
-          chalk.italic(name),
-          'using the',
-          chalk.italic('--json'),
-          'flag to get full JSON output'
+        colors.dim(
+          `\nOr rerun ${colors.italic(name)} using the ${colors.italic('--json')} flag to get full JSON output`
         )
       )
     }
@@ -288,14 +284,10 @@ function formatPackageIssuesDetails(
 }
 
 function formatScore(score: number): string {
-  const error = chalk.hex('#de7c7b')
-  const warning = chalk.hex('#e59361')
-  const success = chalk.hex('#a4cb9d')
-
   if (score > 80) {
-    return `${success(score)}`
+    return colors.green(`${score}`)
   } else if (score < 80 && score > 60) {
-    return `${warning(score)}`
+    return colors.yellow(`${score}`)
   }
-  return `${error(score)}`
+  return colors.red(`${score}`)
 }