ext-apps/examples/debug-server
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Olivier Chafik e13732ad38
chore: bump ext-apps to 1.2.1
Changes since 1.2.0:
- fix: bundle SDK+zod in react-with-deps (was byte-identical to ./react) (#539)
- fix(build): copy schema.json to dist and externalize zod (#534)
- fix: skip debug log for high-frequency tool-input-partial notifications (#546)
- fix(deps): drop @hono/node-server override to patch GHSA-wc8c-qw6v-h7f6 (#535)
- fix(readme): use picture element for theme-aware logo (#545)
- fix(ci): require maintainer association for /update-snapshots trigger (#532)
- fix: pre-commit stages only originally-staged files; add .npmrc (#538)
- ci: use npm ci with caching, validate typedoc links, align Node versions (#533)
- test: exclude screenshot-gen from default E2E run; wire pdf-server tests (#537)
2026-03-10 17:36:49 +00:00
..
src feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
.gitignore feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
grid-cell.png feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
main.ts Refactor server startup functions 2026-01-24 09:27:54 -06:00
mcp-app.html feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
package.json chore: bump ext-apps to 1.2.1 2026-03-10 17:36:49 +00:00
README.md feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
screenshot.png feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
server.ts feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
tsconfig.json feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
tsconfig.server.json feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
vite.config.ts feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00

Debug Server

A comprehensive testing/debugging tool for the MCP Apps SDK that exercises every capability, callback, and result format combination.

Tools

debug-tool

Configurable tool for testing all result variations:

Parameter Type Default Description
contentType "text" | "image" | "audio" | "resource" | "resourceLink" | "mixed" "text" Content block type to return
multipleBlocks boolean false Return 3 content blocks
includeStructuredContent boolean true Include structuredContent in result
includeMeta boolean false Include _meta in result
largeInput string - Large text input (tests tool-input-partial)
simulateError boolean false Return isError: true
delayMs number - Delay before response (ms)

debug-refresh

App-only tool (hidden from model) for polling server state. Returns current timestamp and call counter.

App UI

The debug app provides a dashboard with:

  • Event Log: Real-time log of all SDK events with filtering
  • Host Info: Context, capabilities, container dimensions, styles
  • Callback Status: Table of all callbacks with call counts
  • Actions: Buttons to test every SDK method:
    • Send messages (text/image)
    • Logging (debug/info/warning/error)
    • Model context updates
    • Display mode requests
    • Link opening
    • Resize controls
    • Server tool calls
    • File operations

Usage

# Build
npm run --workspace examples/debug-server build

# Run standalone
npm run --workspace examples/debug-server serve

# Run with all examples
npm start

Then open http://localhost:8080/basic-host/ and select "Debug MCP App Server" from the dropdown.