CodeMirror MCP 扩展

安装

使用 npm 或 pnpm 安装：

npm install @marimo-team/codemirror-mcp @modelcontextprotocol/sdk
# 或
pnpm add @marimo-team/codemirror-mcp @modelcontextprotocol/sdk

使用

1. 引入依赖并创建 WebSocket 传输实例。
2. 初始化 CodeMirror 编辑器，并添加 mcpExtension 扩展。

示例代码：

import { WebSocketClientTransport } from "@modelcontextprotocol/sdk/client/websocket.js";
import { mcpExtension } from '@marimo-team/codemirror-mcp';
import { EditorView } from '@codemirror/view';

const transport = new WebSocketClientTransport(new URL('ws://localhost:8080'));

const view = new EditorView({
  extensions: [
    mcpExtension({
      transport,
      onResourceClick: (resource) => {
        console.log('Resource clicked:', resource);
      },
    }),
  ],
  parent: document.querySelector('#editor'),
});

开发

运行以下命令启动开发环境：

pnpm install
pnpm dev