# Component MCP Server

# Overview

ローカルにあるリポジトリのコンポーネントを検索し、コンポーネントの情報を取得するための MCP Server です。

## Installation

1. 依存関係をインストールします。

```bash
npm install
```

2. `.env`ファイルを作成し、リポジトリ内のコンポーネントのパスを指定します。

```
COMPONENTS_PATH=/path/to/your/front/repository/components
```

## Usage

1. build MCP Server

```bash
npm run build
```

### VSCode

```json
{
  "servers": {
    "component-mcp-server": {
      "command": "node",
      "args": ["./build/index.js"],
      "env": {
        "COMPONENTS_PATH": "/path/to/your/front/repository/components"
      }
    }
  }
}
```

## Tools

- `searchComponents` - コンポーネントを検索し、その名前とパスを取得します。
- `getComponentInfo` - コンポーネントのソースコードを取得します。

## Debug

component-mcp-server をテストおよびデバッグするための開発者ツールが立ち上がります。

```bash
npx @modelcontextprotocol/inspector node ./build/index.js
```

## 技術スタック

- TypeScript
- Node.js
- [@modelcontextprotocol/sdk](https://github.com/modelcontextprotocol/typescript-sdk) - MCP サーバー実装のための SDK