Skip to content

Conversation

@RazvanRotaru
Copy link
Contributor

Change value imports to import type syntax for SDK types to prevent bundlers from including Node.js server code in browser builds.

When bundling @mcp-ui/client for pure browser environments, the @modelcontextprotocol/sdk's server-side code (which imports Express) was being included due to the import chain, causing "require is not defined" errors at runtime.

Since the SDK is only used for TypeScript types (not runtime values), using import type ensures these imports are stripped at compile time and don't trigger bundling of the SDK's server-side modules.

Files changed:

  • UIResourceRendererWC.tsx: EmbeddedResource type
  • metadataUtils.ts: Resource type
  • processResource.ts: EmbeddedResource, Resource types
  • UIResourceRenderer.unmocked.test.tsx: EmbeddedResource type

🤖 Generated with Claude Code

Change value imports to `import type` syntax for SDK types to prevent
bundlers from including Node.js server code in browser builds.

When bundling @mcp-ui/client for pure browser environments, the
@modelcontextprotocol/sdk's server-side code (which imports Express)
was being included due to the import chain, causing "require is not
defined" errors at runtime.

Since the SDK is only used for TypeScript types (not runtime values),
using `import type` ensures these imports are stripped at compile time
and don't trigger bundling of the SDK's server-side modules.

Files changed:
- UIResourceRendererWC.tsx: EmbeddedResource type
- metadataUtils.ts: Resource type
- processResource.ts: EmbeddedResource, Resource types
- UIResourceRenderer.unmocked.test.tsx: EmbeddedResource type

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Copy link
Collaborator

@idosal idosal left a comment

Choose a reason for hiding this comment

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

Thans @RazvanRotaru !

@idosal idosal merged commit d84cb3e into MCP-UI-Org:main Dec 10, 2025
8 checks passed
github-actions bot pushed a commit that referenced this pull request Dec 18, 2025
…er/v5.16.3) (2025-12-18)

### Bug Fixes

* **client:** use type-only imports for @modelcontextprotocol/sdk types ([#157](#157)) ([d84cb3e](d84cb3e))
* trigger TS release ([e28d1f6](e28d1f6))
* update adapter to latest MCP Apps spec ([#163](#163)) ([e342034](e342034))
* update MCP Apps adapter mimetype ([#162](#162)) ([c91e533](c91e533))
* update ui/message to pass an array ([#167](#167)) ([80cf222](80cf222))
@github-actions
Copy link

🎉 This PR is included in version 5.16.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

github-actions bot pushed a commit that referenced this pull request Dec 18, 2025
…/v5.17.1...client/v5.18.0-alpha.1) (2025-12-18)

### Bug Fixes

* **client:** use type-only imports for @modelcontextprotocol/sdk types ([#157](#157)) ([d84cb3e](d84cb3e))
* revert externalUrl adapter for compatibility ([#159](#159)) ([3c5289a](3c5289a))
* trigger TS release ([e28d1f6](e28d1f6))
* update adapter to latest MCP Apps spec ([#163](#163)) ([e342034](e342034))
* update MCP Apps adapter mimetype ([#162](#162)) ([c91e533](c91e533))
* update ui/message to pass an array ([#167](#167)) ([80cf222](80cf222))

### Features

* **client:** expose MCP request handlers and AppBridge ref ([3cf3c37](3cf3c37))
* **client:** make Client optional with onReadResource alternative ([fece80e](fece80e))
* use ext-apps branch with setter-based MCP forwarding handlers ([a312e52](a312e52))
@github-actions
Copy link

🎉 This PR is included in version 5.18.0-alpha.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

github-actions bot pushed a commit that referenced this pull request Dec 20, 2025
…nt/v5.17.2) (2025-12-20)

### Bug Fixes

* **client:** use type-only imports for @modelcontextprotocol/sdk types ([#157](#157)) ([d84cb3e](d84cb3e))
* revert externalUrl adapter for compatibility ([#159](#159)) ([3c5289a](3c5289a))
* trigger TS release ([e28d1f6](e28d1f6))
* update adapter to latest MCP Apps spec ([#163](#163)) ([e342034](e342034))
* update MCP Apps adapter mimetype ([#162](#162)) ([c91e533](c91e533))
* update ui/message to pass an array ([#167](#167)) ([80cf222](80cf222))
@github-actions
Copy link

🎉 This PR is included in version 5.17.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants