fix: add mimeType to resource declarations in examples (#149)

According to spec, mimeType should be present in both the resource
declaration and the resource content. This adds the missing mimeType
to the registerResource() declaration (third parameter) in all example
servers and the quickstart documentation.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude <[email protected]>
Co-authored-by: ochafik <[email protected]>

Author: 3 people

docs/quickstart.md

@@ -130,17 +130,22 @@ server.registerTool(
   },
 );
 
-server.registerResource(resourceUri, resourceUri, {}, async () => {
-  const html = await fs.readFile(
-    path.join(import.meta.dirname, "dist", "mcp-app.html"),
-    "utf-8",
-  );
-  return {
-    contents: [
-      { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
-    ],
-  };
-});
+server.registerResource(
+  resourceUri,
+  resourceUri,
+  { mimeType: "text/html;profile=mcp-app" },
+  async () => {
+    const html = await fs.readFile(
+      path.join(import.meta.dirname, "dist", "mcp-app.html"),
+      "utf-8",
+    );
+    return {
+      contents: [
+        { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
+      ],
+    };
+  },
+);
 
 // Express server for MCP endpoint
 const app = express();

examples/basic-server-react/server.ts

@@ -41,7 +41,7 @@ function createServer(): McpServer {
   server.registerResource(
     RESOURCE_URI,
     RESOURCE_URI,
-    {},
+    { mimeType: RESOURCE_MIME_TYPE },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(path.join(DIST_DIR, "mcp-app.html"), "utf-8");
 

examples/basic-server-vanillajs/server.ts

@@ -41,7 +41,7 @@ function createServer(): McpServer {
   server.registerResource(
     RESOURCE_URI,
     RESOURCE_URI,
-    {},
+    { mimeType: RESOURCE_MIME_TYPE },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(path.join(DIST_DIR, "mcp-app.html"), "utf-8");
 

examples/budget-allocator-server/server.ts

@@ -280,7 +280,10 @@ function createServer(): McpServer {
   server.registerResource(
     resourceUri,
     resourceUri,
-    { description: "Interactive Budget Allocator UI" },
+    {
+      mimeType: RESOURCE_MIME_TYPE,
+      description: "Interactive Budget Allocator UI",
+    },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(
         path.join(DIST_DIR, "mcp-app.html"),

examples/cohort-heatmap-server/server.ts

@@ -182,7 +182,7 @@ function createServer(): McpServer {
   server.registerResource(
     resourceUri,
     resourceUri,
-    {},
+    { mimeType: RESOURCE_MIME_TYPE },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(
         path.join(DIST_DIR, "mcp-app.html"),

examples/customer-segmentation-server/server.ts

@@ -86,7 +86,10 @@ function createServer(): McpServer {
     server.registerResource(
       resourceUri,
       resourceUri,
-      { description: "Customer Segmentation Explorer UI" },
+      {
+        mimeType: RESOURCE_MIME_TYPE,
+        description: "Customer Segmentation Explorer UI",
+      },
       async (): Promise<ReadResourceResult> => {
         const html = await fs.readFile(
           path.join(DIST_DIR, "mcp-app.html"),

examples/scenario-modeler-server/server.ts

@@ -291,7 +291,7 @@ function createServer(): McpServer {
     server.registerResource(
       resourceUri,
       resourceUri,
-      { description: "SaaS Scenario Modeler UI" },
+      { mimeType: RESOURCE_MIME_TYPE, description: "SaaS Scenario Modeler UI" },
       async (): Promise<ReadResourceResult> => {
         const html = await fs.readFile(
           path.join(DIST_DIR, "mcp-app.html"),

examples/system-monitor-server/server.ts

@@ -152,7 +152,7 @@ function createServer(): McpServer {
   server.registerResource(
     resourceUri,
     resourceUri,
-    { description: "System Monitor UI" },
+    { mimeType: RESOURCE_MIME_TYPE, description: "System Monitor UI" },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(
         path.join(DIST_DIR, "mcp-app.html"),

examples/threejs-server/server.ts

@@ -194,7 +194,7 @@ function createServer(): McpServer {
   server.registerResource(
     resourceUri,
     resourceUri,
-    { description: "Three.js Widget UI" },
+    { mimeType: RESOURCE_MIME_TYPE, description: "Three.js Widget UI" },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(
         path.join(DIST_DIR, "mcp-app.html"),

examples/wiki-explorer-server/server.ts

@@ -127,7 +127,7 @@ function createServer(): McpServer {
   server.registerResource(
     resourceUri,
     resourceUri,
-    {},
+    { mimeType: RESOURCE_MIME_TYPE },
     async (): Promise<ReadResourceResult> => {
       const html = await fs.readFile(
         path.join(DIST_DIR, "mcp-app.html"),