Add favicon support for both Cloudflare Workers and Node.js

src/main.ts

@@ -2,6 +2,12 @@ import { createServer } from "./server.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
 import { createServer as createHttpServer, type IncomingMessage, type ServerResponse } from "node:http";
+import { readFileSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const publicDir = resolve(__dirname, "..", "public");
 
 // Parse CLI args
 const args = process.argv.slice(2);
@@ -45,6 +51,22 @@ async function runHttp() {
       return;
     }
 
+    // Favicon (ICO)
+    if (url.pathname === "/favicon.ico") {
+      const buf = readFileSync(resolve(publicDir, "favicon.ico"));
+      res.writeHead(200, { "Content-Type": "image/x-icon", "Cache-Control": "public, max-age=86400" });
+      res.end(buf);
+      return;
+    }
+
+    // Favicon (SVG)
+    if (url.pathname === "/favicon.svg") {
+      const svg = readFileSync(resolve(publicDir, "favicon.svg"), "utf-8");
+      res.writeHead(200, { "Content-Type": "image/svg+xml", "Cache-Control": "public, max-age=86400" });
+      res.end(svg);
+      return;
+    }
+
     if (url.pathname === "/mcp" || url.pathname === "/mcp/") {
       setCorsHeaders(res);
 

wrangler.toml

@@ -4,6 +4,9 @@ main = "src/index.ts"
 compatibility_date = "2025-01-29"
 compatibility_flags = ["nodejs_compat"]
 
+[assets]
+directory = "./public"
+
 # Your default GitHub PAT is stored as a secret (never in code)
 # Run: npx wrangler secret put GITHUB_PAT
 # Then paste your fine-grained token