ext-apps/examples
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Olivier Chafik 8a877b36b4
feat(debug-server): add interactive debug server example (#321)
* feat(examples): add debug-server example

A comprehensive debug/development server for testing MCP Apps SDK features:
- Vanilla TypeScript UI with collapsible panels
- Message visualization (sent, received, errors)
- Server tool calling interface
- Multiple tool endpoints for testing

* refactor(debug-server): convert to React

- Replace vanilla TypeScript with React components
- Add comprehensive Host Styles panel showing all CSS variables grouped by category
- Use React hooks (useApp, useHostStyles, useAutoResize)
- Cleaner state management with useReducer for event log
- Collapsible sections for better organization
- CSS modules for scoped styling

* fix(debug-server): correct server name in main.ts

* Revert "refactor(debug-server): convert to React"

This reverts commit 5d22d2daa9a98ba412892447202ef10fbdb62f5b.

* fix(debug-server): update default values for multipleBlocks and includeMeta

* fix(debug-server): correct serve script and server name

- serve script now runs main.ts instead of server.ts
- Updated server name to 'Debug Server'
- Fixed npx command in comment

* fix: increase maxHeight to 6000px and add tools capability to debug app

- basic-host: Increase maxHeight from 600 to 6000px
- debug-server: Add tools capability to enable oncalltool/onlisttools handlers

* fix(debug-server): use consistent callback names for event tracking

Event types now match callback names (ontoolinput, ontoolresult, etc.)
so the Callback Status panel shows correct counts and payloads.

* feat(debug-server): add Update (Image) button for model context

* feat(debug-server): add expandable event log entries

- Click on any event log row to expand/collapse
- Arrow indicator rotates when expanded
- Full JSON payload shown indented in pre block
- Max height with scroll for large payloads

* style(debug-server): format long line in fullPayload function

* test(debug-server): add to E2E tests and screenshot specs

* chore: regenerate package-lock.json for cross-platform compatibility

* update dep
2026-01-23 12:39:40 +00:00
..
basic-host feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
basic-server-preact Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
basic-server-react Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
basic-server-solid Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
basic-server-svelte Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
basic-server-vanillajs Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
basic-server-vue Merge remote-tracking branch 'origin/main' into ochafik/readme-mcp-config 2026-01-20 10:17:45 +00:00
budget-allocator-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
cohort-heatmap-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
customer-segmentation-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
debug-server feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
integration-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
map-server fix: misc fixes for pdf-server, map-server, and say-server (#329) 2026-01-23 12:35:07 +00:00
pdf-server fix: misc fixes for pdf-server, map-server, and say-server (#329) 2026-01-23 12:35:07 +00:00
qr-server feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
say-server feat(debug-server): add interactive debug server example (#321) 2026-01-23 12:39:40 +00:00
scenario-modeler-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
shadertoy-server docs: standardize UI terminology to use "view" consistently (#325) 2026-01-23 04:36:52 +02:00
sheet-music-server docs: add MCP client configuration to example READMEs 2026-01-16 14:00:57 +00:00
system-monitor-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
threejs-server docs: standardize UI terminology to use "view" consistently (#325) 2026-01-23 04:36:52 +02:00
transcript-server docs: add MCP client configuration to example READMEs 2026-01-16 14:00:57 +00:00
video-resource-server docs: standardize UI terminology to use "view" consistently (#325) 2026-01-23 04:36:52 +02:00
wiki-explorer-server fix: update serve:http to run main.ts instead of server.ts (#315) 2026-01-20 17:57:08 +00:00
run-all.ts add EXAMPLE=folder-name support for tests & basic-host (#292) 2026-01-19 20:16:37 +00:00