babylon-mcp/README.md
Michael Mainguy 6613b7c7f1 Update Claude Code CLI documentation to use direct connection
- Document working CLI approach: /mcp http://localhost:4000/mcp
- Remove non-working config file approach from README
- Add roadmap item to research config file integration issue
- Clarify that server must be running before connecting

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 13:20:07 -06:00

384 lines
9.9 KiB
Markdown

# Babylon MCP Server
A Model Context Protocol (MCP) server that provides AI agents with access to Babylon.js documentation, API references, and source code through semantic search.
## Overview
The Babylon MCP server enables AI assistants to:
- Search and retrieve Babylon.js documentation
- Query API documentation for classes, methods, and properties
- Search through Babylon.js source code
- Retrieve specific source code files or line ranges
This provides a canonical source for Babylon.js framework information, reducing token usage and improving accuracy when working with AI agents.
## Features
- **Documentation Search**: Semantic search across Babylon.js documentation
- **API Documentation**: Search TypeScript API documentation with full TSDoc details
- **Source Code Search**: Vector-based semantic search through Babylon.js source code
- **Source Code Retrieval**: Fetch specific files or line ranges from the repository
- **Local Repository Management**: Automatically clones and updates Babylon.js repositories
## Prerequisites
- Node.js 18 or higher
- npm or yarn
- ~2GB disk space for repositories and vector database
## Installation
1. Clone this repository:
```bash
git clone <repository-url>
cd babylon-mcp
```
2. Install dependencies:
```bash
npm install
```
3. Build the project:
```bash
npm run build
```
### Alpine Linux Setup
If you're running on Alpine Linux (musl libc), you need an additional setup step after installing dependencies:
```bash
npm install
npm run alpine:setup
npm run build
```
This removes the incompatible `onnxruntime-node` native module and configures the system to use the WASM backend instead. The WASM backend is slightly slower but works on all platforms.
## Initial Setup
Before using the MCP server, you need to clone the Babylon.js repositories and index them. This is a one-time setup process.
### Step 1: Clone Repositories
Clone the required Babylon.js repositories:
```bash
npm run clone:repos
```
This will clone:
- BabylonJS/Documentation (documentation site content)
- BabylonJS/Babylon.js (main framework source)
- BabylonJS/havok (physics engine)
### Step 2: Index All Data (Recommended)
Run the master indexing script to index documentation, API, and source code:
```bash
npm run index:all
```
This will:
1. Index all documentation files (~5-10 minutes)
2. Index API documentation from TypeScript source (~10-15 minutes)
3. Index source code from core packages (~15-20 minutes)
Total indexing time: **30-45 minutes** depending on your system.
### Index Individual Components
You can also index components separately:
```bash
# Index documentation only
npm run index:docs
# Index API documentation only
npm run index:api
# Index source code only
npm run index:source
```
## Running the Server
### Development Mode
Run the server with hot reload:
```bash
npm run dev
```
### Production Mode
```bash
npm start
```
The server runs on **port 4000** by default.
## Integration with AI Assistants
The Babylon MCP server uses HTTP transport and must be running before connecting AI assistants.
### Starting the Server
First, start the MCP server:
```bash
# Development mode with hot reload
npm run dev
# OR production mode
npm start
```
The server runs on **http://localhost:4000** by default.
### Claude Desktop Configuration
To use this MCP server with Claude Desktop, add it to your Claude configuration file.
#### Configuration File Location
- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
- **Linux**: `~/.config/Claude/claude_desktop_config.json`
#### Configuration
Add the following to your `claude_desktop_config.json`:
```json
{
"mcpServers": {
"babylon-mcp": {
"url": "http://localhost:4000/mcp"
}
}
}
```
#### Restart Claude Desktop
After updating the configuration, restart Claude Desktop for the changes to take effect.
### Claude Code CLI Configuration
To use this MCP server with Claude Code (command line), use the CLI command to connect directly.
**IMPORTANT**: Ensure the MCP server is running before connecting (see "Starting the Server" section above).
#### CLI Usage
Connect to the MCP server using the `/mcp` command with the server URL:
```bash
# In Claude Code, connect to the running MCP server
/mcp http://localhost:4000/mcp
# Now you can use the tools
Search for "Vector3" in Babylon.js documentation
```
The `/mcp` command connects to the HTTP endpoint and makes the Babylon.js tools available in your session.
**Note**: Configuration file support for HTTP MCP servers is being investigated. Currently, use the CLI command above for the most reliable connection method.
## Available MCP Tools
Once configured, Claude will have access to these tools:
### 1. search_babylon_docs
Search Babylon.js documentation with semantic search.
**Parameters:**
- `query` (string, required): Search query
- `category` (string, optional): Filter by category (e.g., "api", "tutorial")
- `limit` (number, optional): Maximum results (default: 5)
**Example:**
```
Search for "how to create a mesh" in Babylon.js documentation
```
### 2. get_babylon_doc
Retrieve full content of a specific documentation page.
**Parameters:**
- `path` (string, required): Documentation file path or identifier
**Example:**
```
Get the full documentation for "features/featuresDeepDive/mesh/creation"
```
### 3. search_babylon_api
Search Babylon.js API documentation (classes, methods, properties).
**Parameters:**
- `query` (string, required): API search query (e.g., "getMeshByName", "Scene")
- `limit` (number, optional): Maximum results (default: 5)
**Example:**
```
Search the API for "getMeshByName"
```
### 4. search_babylon_source
Search Babylon.js source code using semantic search.
**Parameters:**
- `query` (string, required): Search query for source code
- `package` (string, optional): Filter by package (e.g., "core", "gui")
- `limit` (number, optional): Maximum results (default: 5)
**Example:**
```
Search the source code for "mesh rendering implementation"
```
### 5. get_babylon_source
Retrieve full source code file or specific line range.
**Parameters:**
- `filePath` (string, required): Relative path from repository root
- `startLine` (number, optional): Start line number (1-indexed)
- `endLine` (number, optional): End line number (1-indexed)
**Example:**
```
Get the source code from "packages/dev/core/src/scene.ts" lines 4100-4110
```
## Project Structure
```
babylon-mcp/
├── src/
│ ├── mcp/ # MCP server implementation
│ │ ├── index.ts # Server entry point
│ │ ├── server.ts # BabylonMCPServer class
│ │ ├── handlers.ts # MCP tool handlers
│ │ └── ...
│ └── search/ # Search and indexing
│ ├── lancedb-search.ts # Search implementation
│ ├── lancedb-indexer.ts # Documentation indexer
│ ├── api-indexer.ts # API indexer
│ ├── source-code-indexer.ts # Source code indexer
│ └── ...
├── scripts/ # Indexing scripts
│ ├── index-docs.ts # Index documentation
│ ├── index-api.ts # Index API docs
│ └── index-source.ts # Index source code
├── data/ # Data directory (created during indexing)
│ ├── repositories/ # Cloned repositories
│ └── lancedb/ # Vector database
└── dist/ # Compiled output
```
## Development
### Running Tests
```bash
# Run tests in watch mode
npm test
# Run tests once
npm run test:run
# Run tests with UI
npm run test:ui
# Run tests with coverage
npm run test:coverage
```
### Type Checking
```bash
npm run typecheck
```
### Building
```bash
npm run build
```
## Data Storage
The server stores data in the `./data` directory:
- **`./data/repositories/`**: Cloned Git repositories (Documentation, Babylon.js, havok)
- **`./data/lancedb/`**: Vector database containing indexed content
This directory will be approximately **1.5-2GB** after full indexing.
## Updating Data
To update the indexed data with the latest Babylon.js content:
1. The repositories are automatically updated during indexing
2. Re-run the indexing scripts:
```bash
npm run index:all
```
## Troubleshooting
### Server won't start
- Ensure port 4000 is available
- Check that the project has been built: `npm run build`
- Verify Node.js version is 18 or higher
### Indexing fails
- Ensure you have internet connectivity (for cloning repositories)
- Check disk space (~2GB required)
- Try indexing components individually to isolate the issue
### Claude doesn't see the tools
- **Ensure the server is running**: `npm run dev` or `npm start`
- **Verify server is accessible**: `curl http://localhost:4000/health` should return `{"status":"healthy"...}`
- **Check configuration**: Ensure `~/.claude/config.json` or Claude Desktop config has the correct URL
- **Restart Claude**: Restart Claude Desktop or Claude Code after configuration changes
- **Check server logs**: Look for connection attempts in the server output
### Search returns no results
- Ensure indexing has completed successfully
- Check that the `./data/lancedb` directory exists and contains data
- Try re-indexing: `npm run index:all`
## Architecture
The server uses:
- **LanceDB**: Vector database for semantic search
- **Xenova/all-MiniLM-L6-v2**: Transformer model for embeddings
- **TypeDoc**: For extracting TypeScript API documentation
- **Express.js**: Web server framework
- **MCP SDK**: Model Context Protocol implementation
## Contributing
Contributions are welcome! Please ensure:
- All tests pass: `npm test`
- Type checking passes: `npm run typecheck`
- Code follows the project style
## License
ISC
## Resources
- [Babylon.js Documentation](https://doc.babylonjs.com/)
- [Babylon.js Repository](https://github.com/BabylonJS/Babylon.js)
- [Model Context Protocol](https://modelcontextprotocol.io/)
- [Claude Desktop](https://claude.ai/download)