{"type":"mcp_server","name":"mcp-client-demo","description":"This repository provides a demo implementation of a Model Context Protocol (MCP) client using Web Workers and Server-Sent Events, built with Vite, React, and TypeScript, offering interactive testing.","category":"Developer Tools","language":"TypeScript","stars":8,"forks":0,"owner":"yonaka15","github_url":"https://github.com/yonaka15/mcp-client-demo","homepage":null,"setup":"## Setup\n\n### Prerequisites\n\n- Node.js 18.x or later\n- An MCP-compatible server running on `localhost:3020`\n\n### Installation\n\n1. Clone the repository\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n### Development\n\nStart the development server:\n\n```bash\nnpm run dev\n```\n\n### Testing the Worker\n\n1. Open `test.html` in your browser\n2. Click \"Connect\" to establish connection with the MCP server\n3. Use \"List Tools\" to see available tools\n4. Select a tool and provide input in JSON format\n5. Click \"Execute Tool\" to run the selected tool","tools":"## Available Tools\n\n1. Web Worker-based MCP client implementation (Provides the core functionality of the client.)\n2. Server-Sent Events (SSE) transport (Enables communication with the MCP server.)\n3. Interactive testing UI (Allows for easy testing and interaction with the client.)\n4. `connect` (Establishes connection with MCP server)\n5. `disconnect` (Closes the connection)\n6. `listTools` (Gets list of available tools)\n7. `callTool` (Executes a specific tool)","faq":null,"created_at":"2025-02-03T08:43:25+00:00","updated_at":"2025-03-27T09:36:24+00:00","source_url":"https://model-context-protocol.com/servers/mcp-client-demo-web-workers-sse","related_articles":[]}