@ copilotkit/ mcp- apps- landerser (英语)
框架不可知的MCP 副驾驶 Kit 的 Apps 主机: 顶部的 AppQQhost 协议
@modelcontextprotocol/ext-apps
(AppBridge + PostMessage 传输,沙盒代理,每行请求队列,,
ui/message 编号 : ui/open-link 编号 : tools/call 代理,工具输入/结果转发,
ui/request-display-mode) (中文(简体) ). 反应 / Vue / Angular 渲染器将它消耗为稀薄
适配器:它们创建了沙盒iframe和电线反应状态,而所有
协议逻辑存在 bindMcpApp。 。 。 .
入境点
| 导入 | 目录 | 套装 |
|---|---|---|
@copilotkit/mcp-apps-renderer | bindMcpApp + 全会话 API | 仅限无害环境管理 ——它包接了仅限无害环境管理的ex-apps桥,意在通过动态加载而懒散地加载 import()。 。 。 . |
@copilotkit/mcp-apps-renderer/activity | MCPAppsActivityType, (中文(简体) ), MCPAppsActivityContentSchema, (中文(简体) ), ɵrunMcpFollowUp | 无害环境管理+CJS。 无桥:导入它来注册活动 没有 拉出应用程序捆绑. |
其根源是: @modelcontextprotocol/ext-apps 仅限船舶无害环境管理,
因此,一个共同的JS根会发出一个 require() 并失败
ERR_REQUIRE_ESM组合 bindMcpApp 通过动态 import() (解决)
从任何模块系统中导入无害环境管理,并导入无桥 /activity 表面为
同步活动注册.
脚本tag / UMD 用途
这个包还装了无桥的UMD建筑 /activity 条目 :
dist/activity.umd.js,它定义了全球
CopilotKitMcpAppsRendererActivity。 。 。 .
@copilotkit/react-coreUMD 创建全球参考( 它外部化 )
@copilotkit/mcp-apps-renderer/activity 用于注册内置的 MCP Apps
活动). 因此,反应核心UMD的脚本-tag消费者必须加载
activity.umd.js 在此之前 @copilotkit/react-core的UMD 捆绑,与
它所依赖的其他UMD Globals(反应, CopilotKitCore, (中文(简体) ),
CopilotKitA2UIRenderer, . : (中文(简体) )
<!-- ...React, @copilotkit/core, @copilotkit/a2ui-renderer, etc. first... -->
<script src="https://unpkg.com/@copilotkit/mcp-apps-renderer/dist/activity.umd.js"></script>
<script src="https://unpkg.com/@copilotkit/react-core/dist/index.umd.js"></script>
只有无桥梁 /activity 平面有 UMD 构建;ex-apps 桥
本身(bindMcpApp) 以懒散方式通过 import() 而不属于UMD
图表,所以它只在MCP App实际被渲染时才加载.