mcp-demo
A demo MCP server showcasing every MCP capability with fake logic, including tools, resources, prompts, progress, cancellation, elicitation, sampling, roots, and subscriptions, over Streamable HTTP, HTTP+SSE, and stdio transports.
README
mcp-demo
A demo Model Context Protocol server built with TypeScript + Hono + Bun, showcasing every MCP capability with fake logic — nothing here does anything real.
See docs/architecture.md for the session model and module split. Run
bun run typecheckto type-check the project.
Run it
bun install
# terminal 1 — the server (http://localhost:3000, MCP endpoints at /mcp and /sse)
bun run dev
# terminal 2 — scripted walkthrough of every capability (no LLM needed),
# pick a transport:
bun run client # Streamable HTTP (current standard)
bun run client:sse # legacy HTTP+SSE (deprecated, kept for education)
bun run client:stdio # stdio (client spawns src/transports/stdio.ts itself)
# or explore interactively with the MCP Inspector
bun run inspect # Streamable HTTP → http://localhost:3000/mcp, SSE → /sse
bunx @modelcontextprotocol/inspector bun run src/transports/stdio.ts # stdio
bun run dev uses --hot reload. Set PORT=4000 to change the port, MCP_URL to point the client elsewhere.
Transports
All three MCP transports are implemented — the same server capabilities are exposed over each:
| Transport | Status | Endpoint / entry | Docs |
|---|---|---|---|
| Streamable HTTP | current standard (2025-03-26) | POST/GET/DELETE /mcp |
docs/streamable-http.md |
| HTTP+SSE | legacy (2024-11-05), deprecated | GET /sse + POST /messages |
docs/sse.md |
| stdio | current, for local servers | src/transports/stdio.ts (stdin/stdout) |
docs/stdio.md |
Capability map
| MCP capability | Where it's demonstrated |
|---|---|
| Tools | echo (input schema, structured outputSchema, annotations), roll-dice — src/server/tools.ts |
| Progress | long-task streams notifications/progress when the client passes a progressToken (client uses the onprogress option) |
| Cancellation | long-task honors the request AbortSignal (notifications/cancelled) |
| Elicitation | ask-user calls elicitation/create to request structured user input via the client |
| Sampling | ai-summarize calls sampling/createMessage to use the client's LLM |
| Roots | explore-roots calls roots/list to read client-exposed filesystem roots |
| Resources (static) | demo://about, demo://config |
| Resource templates | demo://greeting/{name}, demo://users/{id} (with list + complete callbacks) |
| Subscriptions | demo://live/stats mutates every 3s; subscribers get notifications/resources/updated |
| Prompts | code-review, commit-message (multi-message / few-shot) |
| Completion | completable() prompt args + resource template variables (completion/complete) |
| Logging | emit-logs sends every level via notifications/message; the SDK filters per-session after logging/setLevel |
| List-changed | toggle-bonus enables/disables a bonus tool/resource/prompt → notifications/{tools,resources,prompts}/list_changed — src/server/bonus.ts |
| Ping | client.ping() in the demo client |
| Sessions & resumability | Stateful Mcp-Session-Id sessions in src/transports/http.ts, in-memory event store for Last-Event-ID replay, DELETE teardown |
Layout
src/
server/ the MCP server itself — one module per capability family
index.ts createMcpServer(): wires the capability modules together
tools.ts echo, roll-dice, long-task, ask-user, ai-summarize, explore-roots, emit-logs
resources.ts static + templated + live subscribable resources
prompts.ts code-review, commit-message (completable args)
bonus.ts bonus tool/resource/prompt + toggle-bonus (demonstrates list_changed)
subscriptions.ts per-session resource-subscribe tracking + live-stats ticker
data.ts fake in-memory data
transports/ the wire layers that expose the same server over the network/process boundary
http.ts Hono app: /mcp (Streamable HTTP) + /sse + /messages (legacy SSE), /health — main entry
sse.ts HonoSseTransport: Bun-native implementation of the legacy HTTP+SSE wire protocol
stdio.ts stdio entry point (server over stdin/stdout)
utils.ts helpers shared by server and client (sleep, errorMessage)
client/
demo.ts thin orchestrator: pick transport → connect → run → teardown
walkthrough.ts runWalkthrough(): one step per MCP capability
handlers.ts createDemoClient(): fake sampling/elicitation/roots + notification logging
helpers.ts step/show/toolText/resourceText formatters
docs/
architecture.md session model, module split, how to add a capability
streamable-http.md / sse.md / stdio.md — how each transport works and why MCP uses it
See docs/architecture.md for the full session model and how the pieces fit.
Notes / gotchas encountered
- The server is stateful: each
initializegets its ownMcpServer+StreamableHTTPTransport, so subscriptions and log levels are per-session. resources/subscribeis not handled by the SDK — the server tracks subscribed URIs itself (src/server/subscriptions.ts).- Log-level filtering only applies when
sendLoggingMessage(params, sessionId)is given the session id. - Don't override the client's
ProgressNotificationSchemahandler if you want the per-requestonprogresscallback — the SDK's internal handler is what routes to it. - The demo client fakes
sampling/elicitation/rootsresponses, so the full walkthrough runs without an LLM. In the Inspector, sampling needs a real model API key; elicitation shows a form dialog.
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.