Refactor: Extract status color utility

packages/tui/apps/status/app.tsx

@@ -1,6 +1,7 @@
 import { Box, Text, useApp, useInput } from "ink"
 import { useState } from "react"
 import { ErrorStep } from "../../src/components/error-step.js"
+import { getStatusColor } from "../../src/utils/index.js"
 
 type ExpertChoice = {
   name: string
@@ -120,18 +121,6 @@ function VersionSelector({
       exit()
     }
   })
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case "available":
-        return "green"
-      case "deprecated":
-        return "yellow"
-      case "disabled":
-        return "red"
-      default:
-        return undefined
-    }
-  }
   return (
     <Box flexDirection="column">
       <Text bold>Select a version of {expertName}:</Text>
@@ -184,18 +173,6 @@ function StatusSelector({
       exit()
     }
   })
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case "available":
-        return "green"
-      case "deprecated":
-        return "yellow"
-      case "disabled":
-        return "red"
-      default:
-        return undefined
-    }
-  }
   return (
     <Box flexDirection="column">
       <Text bold>Select status for {expertKey}:</Text>
@@ -255,18 +232,6 @@ function ConfirmStep({
     }
   })
   const statusChanged = status !== currentStatus
-  const getStatusColor = (s: string) => {
-    switch (s) {
-      case "available":
-        return "green"
-      case "deprecated":
-        return "yellow"
-      case "disabled":
-        return "red"
-      default:
-        return undefined
-    }
-  }
   return (
     <Box flexDirection="column">
       <Text bold>Confirm status change for {expertKey}:</Text>

packages/tui/apps/tag/app.tsx

@@ -1,6 +1,7 @@
 import { Box, Text, useApp, useInput } from "ink"
 import { useState } from "react"
 import { ErrorStep } from "../../src/components/error-step.js"
+import { getStatusColor } from "../../src/utils/index.js"
 
 type ExpertChoice = {
   name: string
@@ -107,18 +108,6 @@ function VersionSelector({
       exit()
     }
   })
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case "available":
-        return "green"
-      case "deprecated":
-        return "yellow"
-      case "disabled":
-        return "red"
-      default:
-        return undefined
-    }
-  }
   return (
     <Box flexDirection="column">
       <Text bold>Select a version of {expertName}:</Text>

packages/tui/apps/unpublish/app.tsx

@@ -1,6 +1,7 @@
 import { Box, Text, useApp, useInput } from "ink"
 import { useState } from "react"
 import { ErrorStep } from "../../src/components/error-step.js"
+import { getStatusColor } from "../../src/utils/index.js"
 
 type ExpertChoice = {
   name: string
@@ -99,18 +100,6 @@ function VersionSelector({
       exit()
     }
   })
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case "available":
-        return "green"
-      case "deprecated":
-        return "yellow"
-      case "disabled":
-        return "red"
-      default:
-        return undefined
-    }
-  }
   return (
     <Box flexDirection="column">
       <Text bold>Select a version of {expertName} to unpublish:</Text>

packages/tui/src/utils/index.ts

@@ -1,2 +1,3 @@
 export { createErrorHandler } from "./error-handling.js"
 export { EventQueue } from "./event-queue.js"
+export { getStatusColor } from "./status-color.js"

packages/tui/src/utils/status-color.ts

@@ -0,0 +1,13 @@
+type StatusColor = "green" | "yellow" | "red"
+export const getStatusColor = (status: string): StatusColor | undefined => {
+  switch (status) {
+    case "available":
+      return "green"
+    case "deprecated":
+      return "yellow"
+    case "disabled":
+      return "red"
+    default:
+      return undefined
+  }
+}