chore: enhance package.json and build configurations to integrate @browser-echo/mcp across Next, Nuxt, and Vite packages

Author: regenrek

.cursor/mcp.json

@@ -0,0 +1,7 @@
+{
+  "mcpServers": {
+    "browser-echo": {
+      "url": "http://localhost:5173/__mcp"
+    }
+  }
+}

packages/mcp/package.json

@@ -25,5 +25,10 @@
   "devDependencies": {
     "typescript": "^5.5.4",
     "unbuild": "^2.0.0"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "dev": "unbuild -w",
+    "clean": "rimraf dist || true"
   }
 }

packages/next/build.config.ts

@@ -13,5 +13,5 @@ export default defineBuildConfig({
     emitCJS: false,
     esbuild: { jsx: 'automatic', jsxImportSource: 'react' }
   },
-  externals: ['next', 'react', 'react-dom', 'next/script', 'react/jsx-runtime', '@browser-echo/core']
+  externals: ['next', 'react', 'react-dom', 'next/script', 'react/jsx-runtime', '@browser-echo/core', '@browser-echo/mcp']
 });

packages/next/package.json

@@ -41,7 +41,8 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@browser-echo/core": "workspace:*"
+    "@browser-echo/core": "workspace:*",
+    "@browser-echo/mcp": "workspace:*"
   },
   "scripts": {
     "build": "unbuild",

packages/nuxt/build.config.ts

@@ -8,5 +8,5 @@ export default defineBuildConfig({
   declaration: true,
   clean: true,
   rollup: { emitCJS: false },
-  externals: ['@nuxt/kit', '@nuxt/schema', 'h3', '@browser-echo/core']
+  externals: ['@nuxt/kit', '@nuxt/schema', 'h3', '@browser-echo/core', '@browser-echo/mcp']
 });

packages/nuxt/package.json

@@ -25,7 +25,8 @@
     "@nuxt/kit": ">=3.11.0"
   },
   "dependencies": {
-    "@browser-echo/core": "workspace:*"
+    "@browser-echo/core": "workspace:*",
+    "@browser-echo/mcp": "workspace:*"
   },
   "scripts": {
     "build": "unbuild",

packages/nuxt/test/handler.test.ts

@@ -12,6 +12,8 @@ vi.mock('h3', async () => {
 import handler from '../src/runtime/server/handler';
 
 it('prints forwarded logs and returns 204', async () => {
+  // Disable MCP during test so console printing occurs
+  process.env.BROWSER_ECHO_MCP = '0';
   const w = vi.spyOn(console, 'warn').mockImplementation(() => {});
   const e = {} as any;
   const res = await handler(e);

packages/vite/build.config.ts

@@ -7,5 +7,5 @@ export default defineBuildConfig({
   rollup: {
     emitCJS: false,
   },
-  externals: ['vite', 'ansis', '@browser-echo/core']
+  externals: ['vite', 'ansis', '@browser-echo/core', '@browser-echo/mcp']
 });

packages/vite/package.json

@@ -26,7 +26,8 @@
   },
   "dependencies": {
     "ansis": "^3.2.0",
-    "@browser-echo/core": "workspace:*"
+    "@browser-echo/core": "workspace:*",
+    "@browser-echo/mcp": "workspace:*"
   },
   "scripts": {
     "build": "unbuild",

packages/vite/src/index.ts

@@ -1,6 +1,7 @@
 // Avoid exporting Vite types to prevent cross-version type mismatches in consumers
 import ansis from 'ansis';
 import type { BrowserLogLevel } from '@browser-echo/core';
+import type { IncomingMessage, ServerResponse } from 'node:http';
 import { mkdirSync, appendFileSync } from 'node:fs';
 import { dirname, join as joinPath } from 'node:path';
 import { startMcpServer, handleMcpHttpRequest, publishLogEntry, isMcpEnabled as _mcpEnvEnabled } from '@browser-echo/mcp';
@@ -44,7 +45,7 @@ const DEFAULTS: ResolvedOptions = {
   mcpRoute: '/__mcp'
 };
 
-export default function browserEcho
+export default function browserEcho(opts: BrowserLogsToTerminalOptions = {}): import('vite').Plugin {
   const options: ResolvedOptions = {
     ...DEFAULTS,
     ...opts,
@@ -74,21 +75,22 @@ export default function browserEcho
     configureServer(server) {
       if (!options.enabled) return;
       try { startMcpServer(); } catch {}
-      server.middlewares.use(options.mcpRoute, (req, res, next) => {
-        // Allow only MCP methods; otherwise fall-through
-        const m = req.method || 'GET';
-        if (m !== 'GET' && m !== 'POST' && m !== 'DELETE') return next();
+      server.middlewares.use(options.mcpRoute, (req: IncomingMessage, res: ServerResponse, _next: () => void) => {
+        const m = (req.method || 'GET').toUpperCase();
         (async () => {
           try {
             let body: Buffer | undefined;
-            if (m === 'POST') {
+            if (m === 'POST' || m === 'PUT' || m === 'PATCH') {
               body = await collectBody(req);
             }
             await handleMcpHttpRequest(req as any, res as any, body);
           } catch (err: any) {
             server.config.logger.error(`${options.tag} MCP error: ${err?.message || err}`);
-            res.statusCode = 500;
-            res.end('mcp error');
+            if (!res.headersSent) {
+              res.statusCode = 500;
+              try { res.setHeader('content-type', 'application/json'); } catch {}
+            }
+            res.end(JSON.stringify({ jsonrpc: '2.0', error: { code: -32603, message: 'Internal server error' }, id: null }));
           }
         })();
       });
@@ -102,7 +104,7 @@ function attachMiddleware(server: any, options: ResolvedOptions) {
   const logFilePath = joinPath(options.fileLog.dir, `dev-${sessionStamp}.log`);
   if (options.fileLog.enabled) { try { mkdirSync(dirname(logFilePath), { recursive: true }); } catch {} }
 
-  server.middlewares.use(options.route, (req, res, next) => {
+  server.middlewares.use(options.route, (req: IncomingMessage, res: ServerResponse, next: () => void) => {
     if (req.method !== 'POST') return next();
     collectBody(req).then((raw) => {
       let payload: ClientPayload | null = null;