📄 File detail

hooks/useIdeConnectionStatus.ts

🧩 .ts📏 34 lines💾 981 bytes📝 text

🎯 Use case

This file lives under “hooks/”, which covers reusable UI or integration hooks. On the API surface it exposes IdeStatus and useIdeConnectionStatus — mainly functions, hooks, or classes. Dependencies touch React UI. It composes internal code from services (relative imports).

Generated from folder role, exports, dependency roots, and inline comments — not hand-reviewed for every path.

🧠 Inline summary

import { useMemo } from 'react' import type { MCPServerConnection } from '../services/mcp/types.js' export type IdeStatus = 'connected' | 'disconnected' | 'pending' | null

📤 Exports (heuristic)

IdeStatus
useIdeConnectionStatus

📚 External import roots

Package roots from from "…" (relative paths omitted).

react

🖥️ Source preview

import { useMemo } from 'react'
import type { MCPServerConnection } from '../services/mcp/types.js'

export type IdeStatus = 'connected' | 'disconnected' | 'pending' | null

type IdeConnectionResult = {
  status: IdeStatus
  ideName: string | null
}

export function useIdeConnectionStatus(
  mcpClients?: MCPServerConnection[],
): IdeConnectionResult {
  return useMemo(() => {
    const ideClient = mcpClients?.find(client => client.name === 'ide')
    if (!ideClient) {
      return { status: null, ideName: null }
    }
    // Extract IDE name from config if available
    const config = ideClient.config
    const ideName =
      config.type === 'sse-ide' || config.type === 'ws-ide'
        ? config.ideName
        : null
    if (ideClient.type === 'connected') {
      return { status: 'connected', ideName }
    }
    if (ideClient.type === 'pending') {
      return { status: 'pending', ideName }
    }
    return { status: 'disconnected', ideName }
  }, [mcpClients])
}