Skip to content

Conversation

@antonpk1
Copy link
Collaborator

@antonpk1 antonpk1 commented Jan 12, 2026

Summary

Update the qr-server example widget to use the latest SDK version (0.3.1) with the app-with-deps bundle export.

Changes

  • Use app-with-deps export for CDN imports (includes all dependencies bundled)

Problem

The previous import from @0.0.1 was outdated and the regular import from newer versions fails in browser because unpkg can't resolve npm dependencies (Zod, MCP SDK, etc.).

Solution

The app-with-deps export provides a self-contained bundle with all dependencies included, specifically designed for CDN/browser usage.

Testing

Tested on Claude Nest - QR code widget now loads and works correctly.

app.onhostcontextchanged = handleHostContextChanged;

await app.connect();
await app.connect(new PostMessageTransport(window.parent, window.parent));
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can drop this (and the PostMessageTransport import)

ochafik
ochafik previously approved these changes Jan 12, 2026
@pkg-pr-new
Copy link

pkg-pr-new bot commented Jan 12, 2026

Open in StackBlitz

@modelcontextprotocol/ext-apps

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/ext-apps@247

@modelcontextprotocol/server-basic-react

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-basic-react@247

@modelcontextprotocol/server-basic-vanillajs

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-basic-vanillajs@247

@modelcontextprotocol/server-budget-allocator

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-budget-allocator@247

@modelcontextprotocol/server-cohort-heatmap

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-cohort-heatmap@247

@modelcontextprotocol/server-customer-segmentation

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-customer-segmentation@247

@modelcontextprotocol/server-scenario-modeler

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-scenario-modeler@247

@modelcontextprotocol/server-system-monitor

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-system-monitor@247

@modelcontextprotocol/server-threejs

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-threejs@247

@modelcontextprotocol/server-wiki-explorer

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-wiki-explorer@247

commit: 6b6c5ce

- Use app-with-deps export for CDN imports (includes all dependencies)
- Fixes widget crash on Claude Desktop/Nest
@antonpk1 antonpk1 merged commit 9fcee5b into main Jan 12, 2026
19 checks passed
@ochafik ochafik deleted the fix/qr-server-sdk-version branch January 12, 2026 21:28
@ochafik ochafik mentioned this pull request Jan 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants