unplugin-mcp

by situ2001

31 324 downloads Not rated yet MIT
GitHub

About

A unified plugin for developers integrating MCP servers into modern JavaScript build tools, including Webpack, Rollup, Vite, and more.

Details

License
MIT

Explore

- 🚀 Cross-Platform MCP Integration: Creates and manages an MCP server seamlessly across multiple build tools.
- 🧩 Bi-directional AI Integration: Not only provides context to AI assistants about your codebase, but also enables AI to actively modify and control your build process.
- 🧰 Rich built-in tools: Collection of built-in tools for analyzing module dependencies, inspecting build configuration, debugging error messages, and so on.
- 🛠️ Extensible Tool Framework: Create custom MCP tools with the simple UnpluginMcpTool interface to expose project-specific information or functionality.
- 🔍 Build Process Integration: Seamlessly integrates at any point in the plugin chain and hooks of your build tools like Rollup.
- 🔄 Persistent Server: Keeps running even after build completion in watch mode, enabling continuous AI interaction.
- 🌐 Standard Transport Layer: Uses HTTP and Server-Sent Events (SSE) for broad compatibility with AI assistants implementing the MCP protocol.

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name unplugin-mcp
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository


pnpm add -D unplugin-mcp

pnpm add -D rollup-plugin-mcp

Just add a MCP Server to Cursor Settings. For example, in ~/.config/cursor/mcp.json:

{
  "mcpServers": {
    "rollup": {
      "url": "http://localhost:14514/mcp/sse"
    }
  }
}

ModuleTool

Analyze module dependencies and imports

BuildConfigTool

Inspect build configuration

BuildErrorTool

Debug build errors

BundleSizeTool

Inspect size of bundle and its modules

Here is an example of how to use the plugin with Rollup. The server will be started automatically when you run rollup in watch mode (rollup -w).

// rollup.config.js
import { defineConfig } from 'rollup';
import { rollupPlugin as mcp } from 'unplugin-mcp';

// import some built-in tools
import { ModuleTool, BuildConfigTool, BuildErrorTool } from 'unplugin-mcp/tools';

export default defineConfig({
plugins: [
// other plugins...
mcp({
provideUnpluginMcpTools: () => [
new ModuleTool(),
new BuildConfigTool(),
new BuildErrorTool()
]
}),
// other plugins...
]
});

🚧 Usage on other bundlers is on the way.

> Notes: Currently, implementation of built-in tools is relatively simple and may not cover all edge cases.

| Tool | Description | Rollup | Webpack |
| ----------------- | --------------------------------------- | :----: | :-----: |
| ModuleTool | Analyze module dependencies and imports | ✅ | ❌ |
| BuildConfigTool | Inspect build configuration | ✅ | ✅ |
| BuildErrorTool | Debug build errors | ✅ | ✅ |
| BundleSizeTool | Inspect size of bundle and its modules | ✅ | ❌ |

- ✅ = Supported
- ❌ = Not yet implemented

You can extend the plugin with custom tools implementing the UnpluginMcpTool interface:

import { InputOptions } from "rollup";
import { UnpluginMcpTool, UnpluginMcpToolSetupOptions } from "unplugin-mcp";
import DeferredCtor, { Deferred } from 'promise-deferred';
import { UnpluginOptions } from "unplugin";

export class BuildConfigTool implements UnpluginMcpTool {
private buildConfig: Deferred<InputOptions>;

affectsBuildProcess: boolean = false;

constructor() {
this.buildConfig = new DeferredCtor<InputOptions>();
}

setupMcpServer(mcpServer: any, options?: any) {
mcpServer.tool(
get-build-config,
"Get build configuration",
{},
async () => {
const cfg = await this.buildConfig.promise;

return {
content: [
{
type: 'text',
text: Build configuration: ${JSON.stringify(cfg)}
}
]
};
}
);

return mcpServer;
}

registerPlugins(options?: UnpluginMcpToolSetupOptions): UnpluginOptions {
let self = this;

return {
name: 'build-config-tool',

rollup: {
options(config) {
self.buildConfig.resolve(config);
}
}
}
}
}

And then register it in the plugin options, for example, in the Rollup config:

// rollup.config.js
// ... 
plugins: [
  mcp({
    provideUnpluginMcpTools: () => [
      new BuildConfigTool()
    ]
  })
]
// ...

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "unplugin-mcp": {
            "unplugin-mcp": {
                "type": "http",
                "url": "http://localhost:14514/mcp/sse"
            }
        }
    }
}

McpServers

{
    "unplugin-mcp": {
        "type": "http",
        "url": "http://localhost:14514/mcp/sse"
    }
}

GitHub Repo
npm version
npm download
npm license

> [!IMPORTANT]
> This is a work in progress. Not ready for production use yet. If you are interested in and want to help, feel free to open an issue or PR.

A unified MCP (Model Context Protocol) plugin that creates and manages an MCP Server and provides MCP tools by which AI can know more about your codebase, build tools, and even control the build process. It works with multiple JavaScript build tools supported by unplugin, including Rollup, Vite, Webpack, and others.

Here is the vision of this plugin, to provide a unified MCP Server and MCP tools to MCP Client.

flowchart LR
    subgraph "Build tools"
        Rollup["Rollup"]
        Vite["Vite"]
        ESBuild["ESBuild"]
        Webpack["Webpack"]
        Rspack["Rspack"]
        Rolldown["Rolldown"]
    end

subgraph "unplugin-mcp (This plugin)"
unplugin["unplugin"]
McpTool["UnpluginMcpTool"]
McpServer["MCP Server"]
HTTPServer["HTTP Server"]
end

subgraph "MCP Clients"
Cursor["Cursor"]
VSCode["VSCode"]
More["More"]
end

Rollup & Webpack & Vite & ESBuild & Rspack & Rolldown --> unplugin
unplugin --> McpTool
McpTool --> McpServer
McpServer --> HTTPServer
HTTPServer --> Cursor & VSCode & More

Features

- 🚀 Cross-Platform MCP Integration: Creates and manages an MCP server seamlessly across multiple build tools.
- 🧩 Bi-directional AI Integration: Not only provides context to AI assistants about your codebase, but also enables AI to actively modify and control your build process.
- 🧰 Rich built-in tools: Collection of built-in tools for analyzing module dependencies, inspecting build configuration, debugging error messages, and so on.
- 🛠️ Extensible Tool Framework: Create custom MCP tools with the simple UnpluginMcpTool interface to expose project-specific information or functionality.
- 🔍 Build Process Integration: Seamlessly integrates at any point in the plugin chain and hooks of your build tools like Rollup.
- 🔄 Persistent Server: Keeps running even after build completion in watch mode, enabling continuous AI interaction.
- 🌐 Standard Transport Layer: Uses HTTP and Server-Sent Events (SSE) for broad compatibility with AI assistants implementing the MCP protocol.

Installation

```bash

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

Videos about unplugin-mcp

Relevant YouTube tutorials, setups, and demos