My Tools MCP

🚀 MCP ツールドキュメント

この拡張機能は、VSCode/Cursor 用の拡張機能です。組み込みの MCP サーバーと UI パネルを統合し、コマンドラインツールのドキュメントを検索および表示することができます。この拡張機能は、作業領域内のツールを自動検出し、パネルを通じてそのドキュメントを提供します。

✨ 主な機能

• 🔄 組み込み MCP サーバー

  • Express + SSE サーバー（ポート範囲：54321-54421）
  • 安全なソース検証
  • 自動ポート選択
  • 接続管理とクリーニング
  • リアルタイムイベントストリーム

• 🔍 ツール検出

  • パッケージスクリプト（npm、yarn、pnpm）
  • ローカルバイナリファイル（node_modules/.bin）
  • グローバルツール（git、npm、yarn、pnpm）
  • モノレポ作業領域のサポート

• 📚 ドキュメント検索

  • ヘルプコマンドの実行 (-h, --help)
  • バージョン情報の取得
  • 安全なコマンド検証
  • エラー処理

• 💻 VS Code 統合

  • React ベースの WebView パネル
  • ステータスバー統合
  • コマンドパレットのサポート
  • 作業領域パスの検出

🔧 技術詳細

1. VS Code 拡張（バックエンド）

拡張ホスト (src/extension.ts)
├── VS Code 起動時にアクティブ化
├── MCP サーバーを作成
│   └── Express + SSE サーバー（54321-54421 ポート範囲）
└── WebView パネルを作成

2. MCP サーバー（中間層）

MCP サーバー (src/server/*)
├── SSE イベントストリーム
│   ├── ツール検出のリアルタイム更新
│   ├── ドキュメントのストリーミング転送
│   └── 接続状態管理
│
└── ツール検出システム
    ├── path-scanner.ts
    │   └── 作業領域内でツールを検索（bin/，node_modules/.bin）
    └── package-scanner.ts
        └── package.json をスキャンして利用可能なツールを取得

3. WebView パネル（フロントエンド）

React WebView (src/panel/*)
├── UI コンポーネント
│   └── 利用可能なツールとそのドキュメントを表示
│
└── SSE クライアント
    ├── 利用可能なツールを要求
    └── ツールのドキュメントをストリーミング転送

📦 インストール

プロジェクト構造

my-tools-mcp/
├── src/                      # ソースコード
│   ├── extension.ts          # 拡張機能のエントリーポイント
│   ├── env.ts               # 環境設定
│   ├── server/              # 組み込み MCP サーバー
│   │   ├── index.ts         # サーバー設定と SSE 処理
│   │   └── controllers/     # ツール検出と実行
│   │       ├── docs/        # ドキュメントコントローラー
│   │       ├── path-scanner.ts    # ツール検出
│   │       └── package-scanner.ts # package.json スキャン
│   ├── panel/              # WebView UI（React）
│   │   ├── index.tsx      # WebView のエントリーポイント
│   │   ├── App.tsx        # メインの React コンポーネント
│   │   └── components/    # UI コンポーネント
│   ├── types/             # 共有 TypeScript 型
│   └── lib/               # 共有ユーティリティ
├── dist/                  # コンパイル出力
└── src/__tests__/        # テストファイル

開発環境の設定

MCP ツールを使用するには、以下の手順に従ってください。

1. 依存関係のインストール： npm または yarn を使用して、必要な開発依存関係をインストールします。

2. 拡張機能の起動： VS Code でプロジェクトを開き、拡張機能を起動して機能をテストします。

3. サーバーポートの設定（オプション）： 必要に応じて、MCP サーバーのポート範囲を調整し、競合がないことを確認します。

4. パネルの使用： VS Code のコマンドパレットから MCP ツールの機能を呼び出し、ツールのドキュメントを表示および管理します。

📄 ライセンス

ISC