colors

bun.lock

@@ -8,6 +8,7 @@
         "commander": "^14.0.2",
         "forge": "git+https://git.nose.space/defunkt/forge",
         "hype": "git+https://git.nose.space/defunkt/hype",
+        "kleur": "^4.1.5",
       },
       "devDependencies": {
         "@types/bun": "latest",

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "commander": "^14.0.2",
     "forge": "git+https://git.nose.space/defunkt/forge",
-    "hype": "git+https://git.nose.space/defunkt/hype"
+    "hype": "git+https://git.nose.space/defunkt/hype",
+    "kleur": "^4.1.5"
   }
 }

src/cli/index.ts

@@ -1,15 +1,16 @@
 import { program } from 'commander'
 import { join } from 'path'
 import type { App, LogLine } from '@types'
+import color from 'kleur'
 import { APPS_DIR } from '$apps'
 
 const HOST = `http://localhost:${process.env.PORT ?? 3000}`
 
 const STATE_ICONS: Record<string, string> = {
-  running: '●',
-  starting: '◎',
-  stopped: '◯',
-  invalid: '◌',
+  running: color.green('●'),
+  starting: color.yellow('◎'),
+  stopped: color.gray('◯'),
+  invalid: color.red('◌'),
 }
 
 async function get<T>(url: string): Promise<T | undefined> {