npm - webcake-landing-mcp - Versions diffs - 1.0.13 → 1.0.14 - Mend

webcake-landing-mcp 1.0.13 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/branding.js ADDED Viewed

@@ -0,0 +1,27 @@
+/**
+ * Brand icon for the MCP server, shared by both transports.
+ *
+ * Why this exists: an MCP client (e.g. the claude.ai custom-connector UI) shows
+ * a generic globe when it can't find an icon for the server. Two mechanisms can
+ * supply one, so we feed BOTH from this single source:
+ *   1. A favicon served over HTTP (`/favicon.ico` / `/favicon.svg`) — what
+ *      favicon-style clients fetch from the server's origin.
+ *   2. `serverInfo.icons` in the `initialize` result (MCP spec) — a self-contained
+ *      data URI so it works without the server knowing its own public URL.
+ *
+ * The mark is the Webcake green lightning bolt (matches the SPA's McpConnect page).
+ */
+// A rounded-square Webcake-green tile with a white lightning bolt. Kept tiny and
+// dependency-free so it can be both served raw and inlined as a data URI.
+export const ICON_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">' +
+    '<rect width="32" height="32" rx="7" fill="#14a547"/>' +
+    '<path d="M17.5 5 9 17.2h5.6L13 27l9.5-12.2h-5.6L17.5 5Z" fill="#fff"/>' +
+    "</svg>";
+export const ICON_MIME = "image/svg+xml";
+// Self-contained data URI for serverInfo.icons (no public URL required).
+export const ICON_DATA_URI = `data:${ICON_MIME};base64,${Buffer.from(ICON_SVG).toString("base64")}`;
+// Public-facing identity reused across the server metadata.
+export const BRAND = {
+    title: "Webcake Landing",
+    websiteUrl: "https://webcake.io",
+};

package/dist/http.js CHANGED Viewed

@@ -16,6 +16,7 @@ import { createServer as createHttpServer } from "node:http";
 import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
 import { isInitializeRequest } from "@modelcontextprotocol/sdk/types.js";
 import { createServer } from "./server.js";
+import { ICON_SVG, ICON_MIME } from "./branding.js";
 const MCP_PATH = "/mcp";
 function sendJson(res, status, body) {
     res.writeHead(status, { "content-type": "application/json" });
@@ -65,8 +66,25 @@ export async function startHttpServer(port) {
     const transports = new Map();
     const httpServer = createHttpServer(async (req, res) => {
         const path = (req.url ?? "").split("?")[0];
+        // Brand icon — clients (e.g. the claude.ai connector) fetch a favicon from the
+        // server origin; without one they show a generic globe. Served raw as SVG.
+        if (req.method === "GET" && (path === "/favicon.ico" || path === "/favicon.svg" || path === "/icon.svg")) {
+            res.writeHead(200, { "content-type": ICON_MIME, "cache-control": "public, max-age=86400" });
+            return res.end(ICON_SVG);
+        }
         // Lightweight health check for hosting platforms.
         if (req.method === "GET" && (path === "/" || path === "/health")) {
+            // A browser/connector probing the root with `Accept: text/html` gets a tiny
+            // page that links the favicon (helps icon discovery); programmatic probes
+            // (the container healthcheck uses `Accept: */*`) still get the JSON health.
+            const accept = String(req.headers["accept"] ?? "");
+            if (path === "/" && accept.includes("text/html")) {
+                res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
+                return res.end(`<!doctype html><meta charset="utf-8"><title>Webcake Landing MCP</title>` +
+                    `<link rel="icon" type="${ICON_MIME}" href="/favicon.svg">` +
+                    `<body style="font-family:system-ui;padding:40px">` +
+                    `<h2>Webcake Landing MCP</h2><p>Streamable-HTTP MCP server. Endpoint: <code>${MCP_PATH}</code>.</p></body>`);
+            }
             return sendJson(res, 200, { ok: true, server: "webcake-landing", transport: "streamable-http", endpoint: MCP_PATH });
         }
         if (path !== MCP_PATH)

package/dist/server.js CHANGED Viewed

@@ -9,8 +9,17 @@
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { landingDomain } from "./domains/landing/index.js";
 import { registerTools } from "./tools/index.js";
+import { ICON_DATA_URI, ICON_MIME, BRAND } from "./branding.js";
 export function createServer() {
-    const server = new McpServer({ name: "webcake-landing", version: "1.0.0" }, { instructions: landingDomain.instructions });
+    const server = new McpServer({
+        name: "webcake-landing",
+        version: "1.0.0",
+        // Shown by MCP clients (e.g. the claude.ai connector) instead of a generic
+        // globe. icons is per the MCP spec; the data URI keeps it self-contained.
+        title: BRAND.title,
+        websiteUrl: BRAND.websiteUrl,
+        icons: [{ src: ICON_DATA_URI, mimeType: ICON_MIME, sizes: ["any"] }],
+    }, { instructions: landingDomain.instructions });
     registerTools(server, landingDomain);
     return server;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "webcake-landing-mcp",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "MCP server exposing Webcake landing-page element schemas + AI usage hints, and persisting LLM-generated page sources to a Webcake backend.",
   "type": "module",
   "bin": {