From 8bb58f332a1a8fbbbc56c7297d706c24a413a047 Mon Sep 17 00:00:00 2001
From: Jonathan Hefner <jonathan@hefner.pro>
Date: Thu, 4 Dec 2025 14:49:28 -0600
Subject: [PATCH] Update MIME type to text/html;profile=mcp-app
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Apply MIME type change from commit 0af1532 to all examples and docs.
The profile parameter follows RFC 6838 recommendations for custom
media types, as MCP Apps is a profile of HTML rather than a new syntax.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 docs/quickstart.md                              | 4 +++-
 examples/basic-host/src/implementation.ts       | 6 +++---
 examples/basic-server-react/server.ts           | 6 +++---
 examples/basic-server-vanillajs/server.ts       | 6 +++---
 examples/budget-allocator-server/server.ts      | 4 +++-
 examples/cohort-heatmap-server/server.ts        | 8 +++++++-
 examples/customer-segmentation-server/server.ts | 8 +++++++-
 examples/scenario-modeler-server/server.ts      | 8 +++++++-
 examples/system-monitor-server/server.ts        | 8 +++++++-
 9 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/docs/quickstart.md b/docs/quickstart.md
index 79a1cfa..115219c 100644
--- a/docs/quickstart.md
+++ b/docs/quickstart.md
@@ -132,7 +132,9 @@ server.registerResource(resourceUri, resourceUri, {}, async () => {
     "utf-8",
   );
   return {
-    contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+    contents: [
+      { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
+    ],
   };
 });
 
diff --git a/examples/basic-host/src/implementation.ts b/examples/basic-host/src/implementation.ts
index 8761d79..c09561c 100644
--- a/examples/basic-host/src/implementation.ts
+++ b/examples/basic-host/src/implementation.ts
@@ -106,9 +106,9 @@ async function getUiResourceHtml(serverInfo: ServerInfo, uri: string): Promise<s
 
   const content = resource.contents[0];
 
-  // Per the MCP App specification, "text/html+mcp" signals this resource is
-  // indeed for an MCP App UI.
-  if (content.mimeType !== "text/html+mcp") {
+  // Per the MCP App specification, "text/html;profile=mcp-app" signals this
+  // resource is indeed for an MCP App UI.
+  if (content.mimeType !== "text/html;profile=mcp-app") {
     throw new Error(`Unsupported MIME type: ${content.mimeType}`);
   }
 
diff --git a/examples/basic-server-react/server.ts b/examples/basic-server-react/server.ts
index b5c792c..feebf23 100644
--- a/examples/basic-server-react/server.ts
+++ b/examples/basic-server-react/server.ts
@@ -51,9 +51,9 @@ const server = new McpServer({
 
       return {
         contents: [
-          // Per the MCP App specification, "text/html+mcp" signals to the Host
-          // that this resource is indeed for an MCP App UI.
-          { uri: resourceUri, mimeType: "text/html+mcp", text: html },
+          // Per the MCP App specification, "text/html;profile=mcp-app" signals
+          // to the Host that this resource is indeed for an MCP App UI.
+          { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
         ],
       };
     },
diff --git a/examples/basic-server-vanillajs/server.ts b/examples/basic-server-vanillajs/server.ts
index b5c792c..feebf23 100644
--- a/examples/basic-server-vanillajs/server.ts
+++ b/examples/basic-server-vanillajs/server.ts
@@ -51,9 +51,9 @@ const server = new McpServer({
 
       return {
         contents: [
-          // Per the MCP App specification, "text/html+mcp" signals to the Host
-          // that this resource is indeed for an MCP App UI.
-          { uri: resourceUri, mimeType: "text/html+mcp", text: html },
+          // Per the MCP App specification, "text/html;profile=mcp-app" signals
+          // to the Host that this resource is indeed for an MCP App UI.
+          { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
         ],
       };
     },
diff --git a/examples/budget-allocator-server/server.ts b/examples/budget-allocator-server/server.ts
index a4a8dd9..9db094d 100644
--- a/examples/budget-allocator-server/server.ts
+++ b/examples/budget-allocator-server/server.ts
@@ -310,7 +310,9 @@ server.registerResource(
       "utf-8",
     );
     return {
-      contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+      contents: [
+        { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
+      ],
     };
   },
 );
diff --git a/examples/cohort-heatmap-server/server.ts b/examples/cohort-heatmap-server/server.ts
index ae65b68..0c2a3a5 100644
--- a/examples/cohort-heatmap-server/server.ts
+++ b/examples/cohort-heatmap-server/server.ts
@@ -205,7 +205,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );
diff --git a/examples/customer-segmentation-server/server.ts b/examples/customer-segmentation-server/server.ts
index 4e29b74..5ed9973 100644
--- a/examples/customer-segmentation-server/server.ts
+++ b/examples/customer-segmentation-server/server.ts
@@ -116,7 +116,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );
diff --git a/examples/scenario-modeler-server/server.ts b/examples/scenario-modeler-server/server.ts
index a832252..170d754 100644
--- a/examples/scenario-modeler-server/server.ts
+++ b/examples/scenario-modeler-server/server.ts
@@ -344,7 +344,13 @@ const server = new McpServer({
         "utf-8",
       );
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );
diff --git a/examples/system-monitor-server/server.ts b/examples/system-monitor-server/server.ts
index 926252d..bbb2ba3 100644
--- a/examples/system-monitor-server/server.ts
+++ b/examples/system-monitor-server/server.ts
@@ -165,7 +165,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );