Model Context Protocol SDK Demo

This demonstrates a minimal MCP Server implementation for Val Town.

\n \n

Server Info:

\n \n

What is MCP?

\n MCP (Model Context Protocol) is an open protocol developed by Anthropic that lets LLMs \n interact with external tools and data sources. It allows AI agents to access data and execute \n functionality in a standardized way across different applications.\n

\n \n

Example Code:

\n// Create a minimal MCP server\nconst server = new Server(\n  {\n    name: \"MinimalMCP\",\n    version: \"1.0.0\"\n  },\n  {\n    capabilities: {\n      tools: {}\n    }\n  }\n);\n\n// Register a simple echo tool\nserver.setRequestHandler(\n  { method: \"callTool\" },\n  async (request) => {\n    if (request.params.name === \"echo\") {\n      return {\n        content: [{ \n          type: \"text\", \n          text: \\`Echo: \\${request.params.arguments.message}\\` \n        }]\n      };\n    }\n    throw new Error(\"Unknown tool\");\n  }\n);\n

\n \n

View source: View on Val Town

\n \n \n\n\n`;\n\n// Handler for our HTTP endpoint\nexport default async function handler(req: Request): Promise {\n try {\n // Create a minimal MCP server\n const server = new Server(\n {\n name: \"MinimalMCP\",\n version: \"1.0.0\",\n },\n {\n capabilities: {\n tools: {},\n },\n },\n );\n\n // Add server info to the HTML\n const serverInfo = {\n name: \"MinimalMCP\",\n version: \"1.0.0\",\n sdkImported: \"Successfully imported from jsdelivr\",\n capabilities: [\"tools\"],\n };\n\n // Insert server info into HTML\n const html = htmlResponse.replace(\n \"

\",\n `

${JSON.stringify(serverInfo, null, 2)}

`,\n );\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n } catch (error) {\n // Error handling\n return new Response(`Error: ${error.message}`, {\n status: 500,\n headers: { \"Content-Type\": \"text/plain\" },\n });\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/mcp_test/code/main.tsx","extension","actionData","errors"]