modelcontextprotocol/ext-apps
Watch
1
0
Fork
You've already forked ext-apps
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update MIME type to text/html;profile=mcp-app

Browse source 
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>
This commit is contained in:
Jonathan Hefner 2025-12-04 14:49:28 -06:00
commit 8bb58f332a
9 changed files with 43 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/quickstart.md
View file

@ -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 },
],
};
});

6
examples/basic-host/src/implementation.ts
View file

@ -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}`);
}

6
examples/basic-server-react/server.ts
View file

@ -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 },
],
};
},

6
examples/basic-server-vanillajs/server.ts
View file

@ -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 },
],
};
},

4
examples/budget-allocator-server/server.ts
View file

@ -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 },
],
};
},
);

8
examples/cohort-heatmap-server/server.ts
View file

@ -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,
},
],
};
},
);

8
examples/customer-segmentation-server/server.ts
View file

@ -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,
},
],
};
},
);

8
examples/scenario-modeler-server/server.ts
View file

@ -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,
},
],
};
},
);

8
examples/system-monitor-server/server.ts
View file

@ -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,
},
],
};
},
);