fix: add mimeType to resource declarations in examples

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]>

Author: antonpk1

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

@@ -38,7 +38,7 @@ const server = new McpServer({
   server.registerResource(
     resourceUri,
     resourceUri,
-    {},
+    { 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

@@ -38,7 +38,7 @@ const server = new McpServer({
   server.registerResource(
     resourceUri,
     resourceUri,
-    {},
+    { 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

@@ -275,7 +275,10 @@ server.registerTool(
 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 @@ const server = new 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

@@ -81,7 +81,10 @@ const server = new 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

@@ -286,7 +286,7 @@ const server = new 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 @@ const server = new 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

@@ -162,7 +162,7 @@ const server = new 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

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