Server Test Client

\n\n

Test MCP Server

\n Prompt:\n \n Hello, world!\n \n

\n \n

Response:

Response will appear here...

\n\n

Test Server Endpoints

Home

SSE

Tools

\n Endpoint:\n \n

\n Method:\n \n

\n Request Body (for POST/PUT):\n \n \n

\n \n

Response:

Response will appear here...

\n\n

\n \n View Source\n \n

\n\n \n \n ,\n );\n});\n\n// API endpoint to test MCP\napp.post(\"/api/mcp-test\", async (c) => {\n try {\n const { prompt } = await c.req.json();\n\n const mcpClient = await createClient();\n const tools = await mcpClient.tools();\n\n const { text } = await generateText({\n model: azure(\"gpt-4o\"),\n prompt: prompt || \"Hello, world!\",\n tools: {\n ...tools,\n },\n });\n\n return c.json({ text });\n } catch (error) {\n console.error(\"MCP Test Error:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// API endpoint to proxy requests to the server\napp.post(\"/api/proxy\", async (c) => {\n try {\n const { endpoint, method, body } = await c.req.json();\n\n const url = `${SERVER_URL}${endpoint}`;\n const options: RequestInit = {\n method,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${Deno.env.get(\"AUTH_TOKEN\") || \"YOUR TOKEN HERE\"}`,\n },\n };\n\n if (method === \"POST\" || method === \"PUT\") {\n options.body = JSON.stringify(body);\n }\n\n const response = await fetch(url, options);\n const contentType = response.headers.get(\"Content-Type\") || \"\";\n\n if (contentType.includes(\"application/json\")) {\n const data = await response.json();\n return c.json(data, response.status);\n } else {\n const text = await response.text();\n return c.text(text, response.status);\n }\n } catch (error) {\n console.error(\"Proxy Error:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Export the Hono app as the default handler for HTTP requests\nexport default app.fetch;","mcp-client-po",[],[270],{"_104":281,"_95":282,"_153":283,"_155":-5,"_156":138,"_157":284,"_159":22,"_106":285,"_100":286,"_162":275,"_164":287,"_165":22,"_166":288,"_167":289,"_98":290},"2eab3084-34b4-11f0-a6f5-9e149126039e","main.tsx","7c8887ce-3339-11f0-b173-9e149126039e",316,["D",1747660893014],60,"import { createMcpHandler } from \"npm:@vercel/mcp-adapter\";\nimport { z } from \"npm:zod\";\n// console.log(Deno.env.get(\"REDIS_URL\"));\n// Import tools\nimport type { McpServer } from \"npm:@modelcontextprotocol/sdk/server/mcp.js\";\nimport dynamic from \"./dynamic.ts\";\nimport registerServerTools from \"./mcp-server-tools.ts\";\nimport addToolToProjectTool from \"./tools/add-tool-to-project.ts\";\nimport createMcpProjectTool from \"./tools/create-mcp-project.ts\";\nimport getMcpTemplatesTool from \"./tools/get-mcp-templates.ts\";\nimport updateProjectFileTool from \"./tools/update-project-file.ts\";\nconst handler = createMcpHandler(\n (server: McpServer) => {\n function register(tool: { name: string; description: string; schema: z.Schema; handler: Function }) {\n server.tool(tool.name, tool.description, tool.schema, tool.handler);\n }\n // Register tools\n dynamic(server);\n // registerServerTools(server);\n // register(addToolToProjectTool);\n // register(updateProjectFileTool);\n register(getMcpTemplatesTool);\n },\n {\n redisUrl: Deno.env.get(\"REDIS_URL\"),\n verboseLogs: true,\n maxDuration: 60,\n },\n);\n\nexport default (request: Request) => {\n if (request.headers.get(\"Authorization\")?.replace(\"Bearer \", \"\") !== Deno.env.get(\"AUTH_TOKEN\")) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n\n return handler(request);\n};","store-mcp",[],[282],{"_104":292,"_95":293,"_153":294,"_155":-5,"_156":138,"_157":295,"_159":22,"_106":296,"_100":297,"_162":176,"_164":298,"_165":22,"_166":-5,"_167":299,"_98":300},"b8a3e936-33b8-11f0-bda8-9e149126039e","mcp-server-tools.ts","477de712-334e-11f0-8d41-9e149126039e",243,["D",1747552891317],50,"import { McpServer } from \"npm:@modelcontextprotocol/sdk/server/mcp.js\";\nimport ValTown, { type RequestOptions } from \"npm:@valtown/sdk\";\nimport { z } from \"npm:zod\";\n\nexport default function(server: McpServer, config: RequestOptions = {}) {\n const client = new ValTown({ bearerToken: Deno.env.get(\"VAL\")! });\n\n // List all servers\n server.tool(\n \"list-servers\",\n \"List all MCP servers accessible to the current user\",\n {\n limit: z.number().int().min(1).max(100).default(20).describe(\"Maximum number of results to return\"),\n offset: z.number().int().min(0).default(0).describe(\"Number of items to skip for pagination\"),\n },\n async ({ limit, offset }: { limit: number; offset: number }) => {\n try {\n const vals = await client.me.vals.list({\n limit: limit,\n offset: offset,\n }).then(e => e.data);\n\n return {\n content: [{ type: \"text\", text: JSON.stringify(vals, null, 2) }],\n };\n } catch (error) {\n console.error(error);\n const errorMessage = error instanceof Error ? error.message : String(error);\n return {\n content: [{ type: \"text\", text: `Error listing MCP servers: ${errorMessage}` }],\n isError: true,\n };\n }\n },\n );\n\n // Get a specific server\n server.tool(\n \"get-server\",\n \"Get details about a specific MCP server\",\n {\n serverId: z.string().describe(\"ID of the MCP server\"),\n },\n async ({ serverId }: { serverId: string }) => {\n try {\n const { data } = await client.vals.retrieve(serverId, config);\n\n return {\n content: [{ type: \"text\", text: JSON.stringify(data, null, 2) }],\n };\n } catch (error) {\n console.error(error);\n const errorMessage = error instanceof Error ? error.message : String(error);\n return {\n content: [{ type: \"text\", text: `Error getting MCP server: ${errorMessage}` }],\n isError: true,\n };\n }\n },\n );\n\n // Get a server by username and server name\n server.tool(\n \"get-server-by-name\",\n \"Get an MCP server by username and server name\",\n {\n name: z.string().describe(\"Name of the MCP server\"),\n },\n async ({ name }: { name: string }) => {\n try {\n // Check if CLI is available\n return await client.me.vals.list({\n limit: 100,\n offset: 0,\n ...config,\n }).then(res => res.data).then(files => files.find((z) => z.name === name));\n }\n // If CLI fails, fall back to API\n catch (error) {\n console.error(error);\n const errorMessage = error instanceof Error ? error.message : String(error);\n return {\n content: [{ type: \"text\", text: `Error getting MCP server: ${errorMessage}` }],\n isError: true,\n };\n }\n },\n );\n\n // Create a new MCP server\n server.tool(\n \"create-server\",\n \"Create a new MCP server\",\n {\n name: z.string()\n .regex(\n /^[a-zA-Z][a-zA-Z0-9_]*$/,\n \"Server name must start with a letter and can only contain letters, numbers, and underscores\",\n )\n .describe(\"Name for the MCP server\"),\n privacy: z.enum([\"public\", \"unlisted\", \"private\"]).default(\"unlisted\")\n .describe(\"Privacy setting: public, unlisted, or private\"),\n description: z.string().max(64).optional()\n .describe(\"Description for the MCP server (optional, max 64 characters)\"),\n imageUrl: z.string().url().optional().describe(\"URL to an image for the MCP server (optional)\"),\n },\n async ({ name, privacy, description, imageUrl }: {\n name: string;\n privacy: \"public\" | \"unlisted\" | \"private\";\n description?: string;\n imageUrl?: string;\n }) => {\n try {\n // Create payload with required and optional fields\n const payload = {\n name,\n privacy,\n ...(description !== undefined ? { description } : {}),\n ...(imageUrl !== undefined ? { imageUrl } : {}),\n };\n\n const response = await client.vals.create(payload, config);\n\n return {\n content: [{ type: \"text\", text: JSON.stringify(response, null, 2) }],\n };\n } catch (error) {\n console.error(error);\n const errorMessage = error instanceof Error ? error.message : String(error);\n return {\n content: [{ type: \"text\", text: `Error creating MCP server: ${errorMessage}` }],\n isError: true,\n };\n }\n },\n );\n}",[],[293],{"_104":302,"_95":303,"_153":304,"_155":-5,"_156":138,"_157":305,"_159":22,"_106":306,"_100":307,"_162":176,"_164":308,"_165":22,"_166":-5,"_167":309,"_98":310},"3645399a-34b2-11f0-ae12-9e149126039e","sse.ts","3a6f6ab4-34b1-11f0-9d62-9e149126039e",307,["D",1747660046774],9,"import type { OAuthClientProvider } from \"npm:@modelcontextprotocol/sdk/client/auth.js\";\nimport { SSEClientTransport, type SSEClientTransportOptions } from \"npm:@modelcontextprotocol/sdk/client/sse.js\";\n\nexport class SSEEdgeClientTransport extends SSEClientTransport {\n private authProvider: OAuthClientProvider | undefined;\n /**\n * Creates a new EdgeSSEClientTransport, which overrides fetch to be compatible with the CF workers environment\n */\n constructor(url: URL, options: SSEClientTransportOptions = {}) {\n const fetchOverride: typeof fetch = async (\n fetchUrl: RequestInfo | URL,\n fetchInit: RequestInit = {},\n ) => {\n // add auth headers\n const headers = await this.authHeaders();\n const workerOptions = {\n ...fetchInit,\n headers: {\n ...options.requestInit?.headers,\n ...fetchInit?.headers,\n ...headers,\n },\n };\n\n // Remove unsupported properties\n // biome-ignore lint/performance/noDelete: workaround for workers environment\n delete workerOptions.mode;\n\n // Call the original fetch with fixed options\n return (\n (options.eventSourceInit?.fetch?.(\n fetchUrl as URL | string,\n // @ts-expect-error Expects FetchLikeInit from EventSource but is compatible with RequestInit\n workerOptions,\n ) as Promise) || fetch(fetchUrl, workerOptions)\n );\n };\n\n super(url, {\n ...options || {},\n eventSourceInit: {\n ...options?.eventSourceInit || {},\n fetch: fetchOverride,\n },\n });\n this.authProvider = options?.authProvider;\n }\n\n async authHeaders() {\n if (this.authProvider) {\n const tokens = await this.authProvider.tokens();\n if (tokens) {\n return {\n Authorization: `Bearer ${tokens.access_token}`,\n };\n }\n }\n }\n}",[],[303],"files",[150,169,180,190,200,207,217,227,236,246,257,268,280,291,301],"counts",{"_315":32,"_316":161,"_317":32,"_318":319},"pulls","branches","forks","envVars",18,"contents",[],{"_104":181,"_95":182,"_153":183,"_155":154,"_156":138,"_157":184,"_159":22,"_106":323,"_100":186,"_162":176,"_164":187,"_165":22,"_166":-5,"_98":324},["D",1747560649500],[152,182],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":333,"_148":338,"_311":384,"_264":385,"_320":387,"_388":-5,"_389":22,"_390":-5,"_391":-5,"_392":-5,"_393":394},{"_104":105,"_95":96,"_106":334,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":335,"_132":336,"_135":337,"_147":22},["D",1747457599190],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[339,351,369,372,375,378,381],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":22,"_106":160,"_100":161,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":340,"_98":350},[341,344,347],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":22,"_106":174,"_100":175,"_162":176,"_164":177,"_165":22,"_166":-5,"_167":342,"_98":343},[],[152,171],{"_104":181,"_95":182,"_153":183,"_155":154,"_156":138,"_157":184,"_159":22,"_106":185,"_100":186,"_162":176,"_164":187,"_165":22,"_166":-5,"_167":345,"_98":346},[],[152,182],{"_104":191,"_95":192,"_153":193,"_155":154,"_156":138,"_157":194,"_159":22,"_106":195,"_100":161,"_162":176,"_164":196,"_165":22,"_166":-5,"_167":348,"_98":349},[],[152,192],[152],{"_104":201,"_95":202,"_153":203,"_155":-5,"_156":138,"_157":204,"_159":22,"_106":205,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":352,"_98":368},[353,356,359,362,365],{"_104":208,"_95":209,"_153":210,"_155":203,"_156":138,"_157":211,"_159":22,"_106":212,"_100":213,"_162":176,"_164":214,"_165":22,"_166":-5,"_167":354,"_98":355},[],[202,209],{"_104":218,"_95":219,"_153":220,"_155":203,"_156":138,"_157":221,"_159":22,"_106":222,"_100":223,"_162":176,"_164":224,"_165":22,"_166":-5,"_167":357,"_98":358},[],[202,219],{"_104":228,"_95":229,"_153":230,"_155":203,"_156":138,"_157":101,"_159":22,"_106":231,"_100":232,"_162":176,"_164":233,"_165":22,"_166":-5,"_167":360,"_98":361},[],[202,229],{"_104":237,"_95":238,"_153":239,"_155":203,"_156":138,"_157":240,"_159":22,"_106":241,"_100":242,"_162":176,"_164":243,"_165":22,"_166":-5,"_167":363,"_98":364},[],[202,238],{"_104":247,"_95":248,"_153":249,"_155":203,"_156":138,"_157":250,"_159":22,"_106":251,"_100":252,"_162":176,"_164":253,"_165":22,"_166":-5,"_167":366,"_98":367},[],[202,248],[202],{"_104":258,"_95":259,"_153":260,"_155":-5,"_156":138,"_157":261,"_159":262,"_106":263,"_100":161,"_162":264,"_164":265,"_165":22,"_166":-5,"_167":370,"_98":371},[],[259],{"_104":269,"_95":270,"_153":271,"_155":-5,"_156":138,"_157":272,"_159":22,"_106":273,"_100":274,"_162":275,"_164":276,"_165":22,"_166":277,"_167":373,"_98":374},[],[270],{"_104":281,"_95":282,"_153":283,"_155":-5,"_156":138,"_157":284,"_159":22,"_106":285,"_100":286,"_162":275,"_164":287,"_165":22,"_166":288,"_167":376,"_98":377},[],[282],{"_104":292,"_95":293,"_153":294,"_155":-5,"_156":138,"_157":295,"_159":22,"_106":296,"_100":297,"_162":176,"_164":298,"_165":22,"_166":-5,"_167":379,"_98":380},[],[293],{"_104":302,"_95":303,"_153":304,"_155":-5,"_156":138,"_157":305,"_159":22,"_106":306,"_100":307,"_162":176,"_164":308,"_165":22,"_166":-5,"_167":382,"_98":383},[],[303],[339,341,344,347,351,353,356,359,362,365,369,372,375,378,381],{"_104":181,"_95":182,"_153":183,"_155":154,"_156":138,"_157":184,"_159":22,"_106":323,"_100":186,"_162":176,"_164":187,"_165":22,"_166":-5,"_98":386},[152,182],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

dinavinter

mcp