feat: parsable component

Author: lirantal

src/components/mcp-servers-config-parsable.ts

@@ -0,0 +1,13 @@
+import { styleText } from 'node:util'
+
+export default function render (text: string) {
+  const formattedText = text.toUpperCase().replace(/_/g, ' ')
+  let data = formattedText
+  if (formattedText === 'VALID') {
+    data = styleText(['green'], formattedText)
+  } else {
+    data = styleText(['red'], formattedText)
+  }
+
+  return data
+}

src/services/render-service.ts

@@ -3,6 +3,7 @@ import ColumnNameComponent from '../components/column-name.js'
 import MCPServerStatusComponent from '../components/mcp-server-status.js'
 import MCPServerNameComponent from '../components/mcp-server-name.js'
 import FilePathComponent from '../components/file-path.js'
+import MCPServersConfigParsableComponent from '../components/mcp-servers-config-parsable.js'
 
 export class RenderService {
   // Example mocked data for rendering the servers information
@@ -136,6 +137,10 @@ export class RenderService {
           return FilePathComponent(row[key]).padEnd(columnWidths[index] + paddingNormalizer)
         }
 
+        if (row['key'] === 'PARSABLE') {
+          return MCPServersConfigParsableComponent(row[key]).padEnd(columnWidths[index] + paddingNormalizer)
+        }
+
         return String(row[key]).padEnd(columnWidths[index] + paddingNormalizer)
       }).join('  ')
       const leftPadding = index === 0 ? leftPaddingGroupLead : leftPaddingGroupData