examples: drop v1 inputSchema:{} shape; vite external Node builtins; basic-host typo+v1 schema usage

felixweinberger · felixweinberger · commit 4298d34aa0ee · 2026-04-09T15:17:58.000Z
diff --git a/docs/quickstart.md b/docs/quickstart.md
@@ -138,6 +138,7 @@ export default defineConfig({
     minify: !isDevelopment,
 
     rollupOptions: {
+      external: (id) => /^node:|^(child_process|cross-spawn|fs|path|os|crypto|stream|util|net|http|https|events|url|buffer|process)$/.test(id),
       input: INPUT,
     },
     outDir: "dist",
@@ -205,7 +206,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async () => {
diff --git a/examples/basic-host/src/implementation.ts b/examples/basic-host/src/implementation.ts
@@ -1,6 +1,6 @@
 import { RESOURCE_MIME_TYPE, getToolUiResourceUri, type McpUiSandboxProxyReadyNotification, AppBridge, PostMessageTransport, type McpUiResourceCsp, type McpUiResourcePermissions, buildAllowAttribute, type McpUiUpdateModelContextRequest, type McpUiMessageRequest } from "@modelcontextprotocol/ext-apps/app-bridge";
 import { Client } from "@modelcontextprotocol/client";
-import { SSEClientTransport } from "@modelcontextprotocol/sdk/client/sse.js";
+import { SSEClientTransport } from "@modelcontextprotocol/client";
 import { StreamableHTTPClientTransport } from "@modelcontextprotocol/client";
 import type { CallToolResult, Resource, Tool } from "@modelcontextprotocol/server";
 import { getTheme, onThemeChange } from "./theme";
@@ -303,7 +303,7 @@ export function newAppBridge(
   // Listen for theme changes (from toggle or system) and notify the app
   onThemeChange((newTheme) => {
     log.info("Theme changed:", newTheme);
-    appBridge.sendHostContextChange({ theme: newTheme });
+    appBridge.sendHostContextChanged({ theme: newTheme });
   });
 
   // Per spec, the host SHOULD notify the view when container dimensions
@@ -315,7 +315,7 @@ export function newAppBridge(
   const iframeResizeObserver = new ResizeObserver(([entry]) => {
     const width = Math.round(entry.contentRect.width);
     if (width > 0) {
-      appBridge.sendHostContextChange({
+      appBridge.sendHostContextChanged({
         containerDimensions: { width, maxHeight: 6000 },
       });
     }
@@ -397,7 +397,7 @@ export function newAppBridge(
     log.info("Display mode request from MCP App:", params);
     const newMode = params.mode === "fullscreen" ? "fullscreen" : "inline";
     // Update host context and notify the app
-    appBridge.sendHostContextChange({
+    appBridge.sendHostContextChanged({
       displayMode: newMode,
     });
     // Notify the host UI (via callback)
diff --git a/examples/basic-host/vite.config.ts b/examples/basic-host/vite.config.ts
@@ -16,6 +16,7 @@ export default defineConfig({
     cssMinify: !isDevelopment,
     minify: !isDevelopment,
     rollupOptions: {
+      external: (id) => /^node:|^(child_process|cross-spawn|fs|path|os|crypto|stream|util|net|http|https|events|url|buffer|process)$/.test(id),
       input: INPUT,
     },
     outDir: `dist`,
diff --git a/examples/basic-server-preact/server.ts b/examples/basic-server-preact/server.ts
@@ -28,7 +28,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async (): Promise<CallToolResult> => {
diff --git a/examples/basic-server-react/server.ts b/examples/basic-server-react/server.ts
@@ -29,7 +29,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async (): Promise<CallToolResult> => {
diff --git a/examples/basic-server-react/vite.config.ts b/examples/basic-server-react/vite.config.ts
@@ -17,6 +17,7 @@ export default defineConfig({
     minify: !isDevelopment,
 
     rollupOptions: {
+      external: (id) => /^node:|^(child_process|cross-spawn|fs|path|os|crypto|stream|util|net|http|https|events|url|buffer|process)$/.test(id),
       input: INPUT,
     },
     outDir: "dist",
diff --git a/examples/basic-server-solid/server.ts b/examples/basic-server-solid/server.ts
@@ -28,7 +28,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async (): Promise<CallToolResult> => {
diff --git a/examples/basic-server-svelte/server.ts b/examples/basic-server-svelte/server.ts
@@ -28,7 +28,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async (): Promise<CallToolResult> => {
diff --git a/examples/basic-server-vanillajs/server.ts b/examples/basic-server-vanillajs/server.ts
@@ -29,7 +29,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       outputSchema: z.object({
         time: z.string(),
       }),
diff --git a/examples/basic-server-vanillajs/vite.config.ts b/examples/basic-server-vanillajs/vite.config.ts
@@ -16,6 +16,7 @@ export default defineConfig({
     minify: !isDevelopment,
 
     rollupOptions: {
+      external: (id) => /^node:|^(child_process|cross-spawn|fs|path|os|crypto|stream|util|net|http|https|events|url|buffer|process)$/.test(id),
       input: INPUT,
     },
     outDir: "dist",
diff --git a/examples/basic-server-vue/server.ts b/examples/basic-server-vue/server.ts
@@ -28,7 +28,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time as an ISO 8601 string.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async (): Promise<CallToolResult> => {
diff --git a/examples/budget-allocator-server/server.ts b/examples/budget-allocator-server/server.ts
@@ -270,7 +270,7 @@ export function createServer(): McpServer {
       title: "Get Budget Data",
       description:
         "Returns budget configuration with 24 months of historical allocations and industry benchmarks by company stage",
-      inputSchema: {},
+      
       outputSchema: BudgetDataResponseSchema,
       _meta: { ui: { resourceUri } },
     },
diff --git a/examples/integration-server/server.ts b/examples/integration-server/server.ts
@@ -33,7 +33,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time.",
-      inputSchema: {},
+      
       outputSchema: z.object({
         time: z.string(),
       }),
diff --git a/examples/pdf-server/server.ts b/examples/pdf-server/server.ts
@@ -21,7 +21,6 @@ import {
   RESOURCE_MIME_TYPE,
 } from "@modelcontextprotocol/ext-apps/server";
 import {
-  RootsListChangedNotificationSchema,
   type CallToolResult,
   type ReadResourceResult,
 } from "@modelcontextprotocol/server";
@@ -1190,7 +1189,7 @@ export function createServer(options: CreateServerOptions = {}): McpServer {
       refreshRoots(server.server);
     };
     server.server.setNotificationHandler(
-      RootsListChangedNotificationSchema,
+      "notifications/roots/list_changed",
       async () => {
         await refreshRoots(server.server);
       },
diff --git a/examples/quickstart/server.ts b/examples/quickstart/server.ts
@@ -30,7 +30,7 @@ export function createServer(): McpServer {
     {
       title: "Get Time",
       description: "Returns the current server time.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } }, // Links this tool to its UI resource
     },
     async () => {
diff --git a/examples/quickstart/vite.config.ts b/examples/quickstart/vite.config.ts
@@ -23,6 +23,7 @@ export default defineConfig({
     minify: !isDevelopment,
 
     rollupOptions: {
+      external: (id) => /^node:|^(child_process|cross-spawn|fs|path|os|crypto|stream|util|net|http|https|events|url|buffer|process)$/.test(id),
       input: INPUT,
     },
     outDir: "dist",
diff --git a/examples/system-monitor-server/server.ts b/examples/system-monitor-server/server.ts
@@ -135,7 +135,7 @@ export function createServer(): McpServer {
       title: "Get System Info",
       description:
         "Returns system information, including hostname, platform, CPU info, and memory.",
-      inputSchema: {},
+      
       outputSchema: SystemInfoSchema.shape,
       _meta: { ui: { resourceUri } },
     },
@@ -156,7 +156,7 @@ export function createServer(): McpServer {
       title: "Poll System Stats",
       description:
         "Returns dynamic system metrics for polling: per-core CPU timing, memory usage, and uptime. App-only.",
-      inputSchema: {},
+      
       outputSchema: PollStatsSchema.shape,
       _meta: { ui: { visibility: ["app"] } },
     },
diff --git a/examples/threejs-server/server.ts b/examples/threejs-server/server.ts
@@ -192,7 +192,7 @@ export function createServer(): McpServer {
     {
       title: "Learn Three.js",
       description: "Get documentation and examples for using the Three.js View",
-      inputSchema: {},
+      
     },
     async () => {
       return {
diff --git a/examples/transcript-server/server.ts b/examples/transcript-server/server.ts
@@ -33,7 +33,7 @@ export function createServer(): McpServer {
       title: "Transcribe Speech",
       description:
         "Opens a live speech transcription interface using the Web Speech API.",
-      inputSchema: {},
+      
       _meta: { ui: { resourceUri } },
     },
     async (): Promise<CallToolResult> => {

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export function createServer(): McpServer {`
`28`	`28`	`{`
`29`	`29`	`title: "Get Time",`
`30`	`30`	`description: "Returns the current server time as an ISO 8601 string.",`
`31`		`- inputSchema: {},`
	`31`	`+`
`32`	`32`	`_meta: { ui: { resourceUri } }, // Links this tool to its UI resource`
`33`	`33`	`},`
`34`	`34`	`async (): Promise<CallToolResult> => {`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export function createServer(): McpServer {`
`29`	`29`	`{`
`30`	`30`	`title: "Get Time",`
`31`	`31`	`description: "Returns the current server time as an ISO 8601 string.",`
`32`		`- inputSchema: {},`
	`32`	`+`
`33`	`33`	`_meta: { ui: { resourceUri } }, // Links this tool to its UI resource`
`34`	`34`	`},`
`35`	`35`	`async (): Promise<CallToolResult> => {`