Skip to content

WIP: add MCP Apps integration and development tools - #9030

Open
danpeen wants to merge 56 commits into
mainfrom
feat/mcp-apps
Open

danpeen wants to merge 56 commits into
mainfrom
feat/mcp-apps

Conversation

@danpeen

@danpeen danpeen commented Oct 19, 2026

Copy link
Copy Markdown

Summary

Add MCP Apps support to Modern.js, connecting server-side tools with interactive React cards through the MCP protocol.

  • Add @modern-js/mcp-apps and @modern-js/plugin-mcp-apps, with automatic /mcp registration through BFF for tool discovery, execution, and UI resource delivery
  • Build local React cards using Modern.js multi-entry builds and support remote components through Module Federation
  • Provide UI-only builds and a versioned UI manifest for independently managed MCP servers
  • Add a development debugger with automatic connection, schema-based argument templates, card previews, local simulation, and request logs
  • Add MCP Apps, MF, and tool-only MCP Server scaffolding with greeting, calculator, and task board examples
  • Document configuration, integration, interactions, debugging, and deployment in English and Chinese

Checklist

  • I have added changeset via pnpm run change.
  • I have updated the documentation.
  • I have added tests to cover my changes.

@netlify

netlify Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for modernjs-byted ready!

Name Link
🔨 Latest commit 2040740
🔍 Latest deploy log https://app.netlify.com/projects/modernjs-byted/deploys/6ad985063fa17847a225ff84
😎 Deploy Preview https://deploy-preview-9030--modernjs-byted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 99 (🟢 up 11 from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 91 (no change from production)
PWA: -
View the detailed breakdown and full score reports
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@changeset-bot

changeset-bot Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 2040740

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 124 packages
Name Type
@modern-js/mcp-apps Minor
@modern-js/mcp-apps-inspector Minor
@modern-js/plugin-mcp-apps Minor
@modern-js/create Minor
@modern-js/runtime Minor
mcp-apps Patch
@modern-js/sandpack-react Minor
@modern-js/plugin-bff Minor
@modern-js/plugin-styled-components Minor
@modern-js/plugin-i18n Minor
@integration-test/alias-set Patch
app-document Patch
async-entry-test Patch
tmp Patch
bff-api-app Patch
bff-client-app Patch
bff-indep-client-app Patch
bff-hono Patch
integration-clean-dist-path Patch
integration-compatibility Patch
integration-custom-dist-path Patch
custom-file-system-entry Patch
integration-custom-template Patch
deploy Patch
deploy-server Patch
dev-server Patch
integration-disable-html Patch
app-custom-entries Patch
app-custom-routes-runtime Patch
app-custom Patch
app-entry Patch
app-route Patch
app-entry-server Patch
i18n-app-csr-html-lang Patch
i18n-app Patch
i18n-app-ssr-html-lang Patch
i18n-app-ssr Patch
i18n-custom-i18n-wrapper Patch
i18n-mf-app-provider Patch
i18n-mf-component-provider Patch
i18n-mf-consumer Patch
i18n-routes Patch
i18n-routes-ssr Patch
@integration-test/image-component Patch
main-entry-name Patch
nonce Patch
pure-esm-project Patch
react-compiler-test Patch
routes-match Patch
routes Patch
app-rsbuild-hooks Patch
rsc-csr-app Patch
rsc-csr-routes Patch
rsc-ssr-app Patch
rsc-ssr-routes Patch
basic-app-rstest-browser Patch
basic-app-rstest Patch
runtime-custom-plugin Patch
runtime-custom-config-plugin Patch
select-mul-entry-test Patch
select-one-entry-test Patch
server-config Patch
server-esm-tsx Patch
server-json-script Patch
server-monitors Patch
server-prod Patch
server-routes Patch
@source-code-build/app Patch
ssg-fixtures-mega-list-routes Patch
ssg-fixtures-nested-routes Patch
ssg-fixtures-simple Patch
ssg-fixtures-web-server Patch
ssr-base-async-entry-test Patch
ssr-base-async-pre-entry-test Patch
ssr-base-json-test Patch
ssr-base-test Patch
ssr-base-fallback-test Patch
init Patch
ssr-base-loadable Patch
ssr-partial-test Patch
rsc-closing-tags-test Patch
ssr-script-loading Patch
ssr-useid-test Patch
ssr-streaming-inline-test Patch
ssr-streaming-lazy-test Patch
ssr-streaming-test Patch
styled-components-stream Patch
styled-components-string Patch
integration-tailwindcss-v2 Patch
integration-tailwindcss-v3 Patch
integration-tailwindcss-v4-tools Patch
integration-tailwindcss-v4 Patch
tmp-dir Patch
tools-plugin-options-test Patch
write-to-dist Patch
@modern-js/bundle-diff-benchmark Minor
@modern-js/main-doc Minor
@modern-js/tsconfig Minor
@modern-js/adapter-rstest Minor
@modern-js/builder Minor
@modern-js/plugin-data-loader Minor
@modern-js/plugin-ssg Minor
@modern-js/image Minor
@modern-js/render Minor
@modern-js/bff-core Minor
@modern-js/bff-runtime Minor
@modern-js/server-core Minor
@modern-js/create-request Minor
@modern-js/plugin-polyfill Minor
@modern-js/prod-server Minor
@modern-js/server-runtime Minor
@modern-js/server Minor
@modern-js/server-utils Minor
@modern-js/app-tools Minor
@modern-js/i18n-utils Minor
@modern-js/plugin Minor
@modern-js/runtime-utils Minor
@modern-js/types Minor
@modern-js/utils Minor
@modern-js/rslib Minor
@scripts/prebundle Patch
@scripts/rstest-config Patch
entries-app-builder Patch
@scripts/release-node Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions

github-actions Bot commented Oct 19, 2026 •

Copy link
Copy Markdown
Contributor

Rsdoctor Bundle Diff Analysis

📊 Quick Summary
Project Total Size Change
bundle-diff 502.1 KB +148.0 B (0.0%)
📋 Detailed Reports (Click to expand)

📁 bundle-diff

Path: benchmark/bundle-diff/dist/rsdoctor-data.json

📌 Baseline Commit: 52b4a4e785 | PR: #9036

Metric Current Baseline Change
📊 Total Size 502.1 KB 502.0 KB +148.0 B (0.0%)
📄 JavaScript 494.7 KB 494.6 KB +148.0 B (0.0%)
🎨 CSS 1.2 KB 1.2 KB 0
🌐 HTML 5.5 KB 5.5 KB 0
📁 Other Assets 760.0 B 760.0 B 0

📦 Download Diff Report: bundle-diff Bundle Diff

Generated by Rsdoctor GitHub Action

@danpeen danpeen changed the title feat(mcp-apps): add MCP Apps integration and development tools WIP: add MCP Apps integration and development tools Oct 19, 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.

1 participant