fix(deps): replace chalk with tiny ansis

Oops and I got carried away and fixed a lot of types along the way.

Author: serhalp

.madgerc

@@ -0,0 +1,7 @@
+{
+  "detectiveOptions": {
+    "ts": {
+      "skipTypeImports": true
+    }
+  }
+}

.node-version

@@ -0,0 +1 @@
+22.14.0

eslint.config.js

@@ -79,6 +79,7 @@ export default tseslint.config(
     },
   },
   {
+    files: ['{src,tests}/**/*'],
     rules: {
       'no-restricted-imports': [
         'error',
@@ -96,9 +97,9 @@ export default tseslint.config(
             },
 
             {
-              name: 'chalk',
+              name: 'ansis',
               message:
-                'Use the safe chalk import that handles colors for json output: `import { chalk } from "src/utils/command-helpers.js"`',
+                'Use the configured ansis import that handles colors for json output: `import { ansis } from "src/utils/command-helpers.js"`',
             },
           ],
         },

graph.svg

@@ -74,10 +74,10 @@
     "@pnpm/tabtab": "0.5.4",
     "ansi-escapes": "7.0.0",
     "ansi-to-html": "0.7.2",
+    "ansis": "^3.17.0",
     "ascii-table": "0.0.9",
     "backoff": "2.5.0",
     "boxen": "8.0.1",
-    "chalk": "5.4.1",
     "chokidar": "3.6.0",
     "ci-info": "4.1.0",
     "clean-deep": "3.4.0",

package-lock.json

@@ -7,29 +7,10 @@ import fs from 'node:fs/promises'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import process from 'node:process'
-// eslint-disable-next-line no-restricted-imports
-import chalk from 'chalk'
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-const identity = (message) => message
+import ansis from 'ansis'
 
-/**
- *
- * @param {string} message
- * @param {Array<chalk['Color'] | chalk['Modifiers']>} styles
- * @returns
- */
-const format = (message, styles) => {
-  let func = identity
-  try {
-    func = chalk
-    styles.forEach((style) => {
-      func = func[style]
-    })
-  } catch {}
-  return func(message)
-}
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 const postInstall = async () => {
   const { createMainCommand } = await import('../dist/commands/index.js')
@@ -45,24 +26,17 @@ const postInstall = async () => {
   }
 
   console.log('')
-  console.log(await format('Success! Netlify CLI has been installed!', ['greenBright', 'bold', 'underline']))
+  console.log(ansis.greenBright.bold.underline('Success! Netlify CLI has been installed!'))
   console.log('')
   console.log('Your device is now configured to use Netlify CLI to deploy and manage your Netlify sites.')
   console.log('')
   console.log('Next steps:')
   console.log('')
-  console.log(
-    `  ${await format('netlify init', [
-      'cyanBright',
-      'bold',
-    ])}     Connect or create a Netlify site from current directory`,
-  )
-  console.log(
-    `  ${await format('netlify deploy', ['cyanBright', 'bold'])}   Deploy the latest changes to your Netlify site`,
-  )
+  console.log(`  ${ansis.cyanBright.bold('netlify init')}     Connect or create a Netlify site from current directory`)
+  console.log(`  ${ansis.cyan.bold('netlify deploy')}   Deploy the latest changes to your Netlify site`)
   console.log('')
-  console.log(`For more information on the CLI run ${await format('netlify help', ['cyanBright', 'bold'])}`)
-  console.log(`Or visit the docs at ${await format('https://cli.netlify.com', ['cyanBright', 'bold'])}`)
+  console.log(`For more information on the CLI run ${ansis.cyanBright.bold('netlify help')}`)
+  console.log(`Or visit the docs at ${ansis.cyanBright.bold('https://cli.netlify.com')}`)
   console.log('')
 }
 

package.json

@@ -10,7 +10,6 @@ const main = async () => {
   //
   // Leaving development dependencies makes the CLI installation significantly larger and increases
   // the risk of platform-specific dependency installation issues.
-  // eslint-disable-next-line no-restricted-properties
   const packageJSONPath = path.join(process.cwd(), 'package.json')
   const rawPackageJSON = await fs.readFile(packageJSONPath, 'utf8')
 

scripts/postinstall.js

@@ -1,11 +1,9 @@
 import { createMainCommand } from '../../../src/commands/index.js'
-import { sortOptions } from '../../../src/utils/command-helpers.js'
+import { compareOptions } from '../../../src/utils/command-helpers.js'
 
 const program = createMainCommand()
 
-/** @type {Array<import('../../../src/commands/base-command.js').default>} */
-// @ts-ignore typecast needed
-const commands = program.commands.sort((cmdA, cmdB) => cmdA.name().localeCompare(cmdB.name()))
+const commands = [...program.commands].sort((cmdA, cmdB) => cmdA.name().localeCompare(cmdB.name()))
 
 /**
  *
@@ -19,7 +17,7 @@ const parseCommand = function (command) {
 
   const flags = command.options
     .filter((option) => !option.hidden)
-    .sort(sortOptions)
+    .sort(compareOptions)
     .reduce((prev, cur) => {
       const name = cur.long.replace('--', '')
       const contentType = cur.argChoices ? cur.argChoices.join(' | ') : 'string'