@mcpc-tech/unplugin-dev-inspector-mcp 0.0.7 → 0.0.9

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as unplugin0 from "unplugin";
 
 //#region src/utils/config-updater.d.ts
-type EditorId = 'cursor' | 'vscode' | 'windsurf' | 'claude-code';
+type EditorId = 'cursor' | 'vscode' | 'windsurf' | 'claude-code' | 'antigravity';
 interface CustomEditorConfig {
   id: string;
   name: string;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as unplugin0 from "unplugin";
 
 //#region src/utils/config-updater.d.ts
-type EditorId = 'cursor' | 'vscode' | 'windsurf' | 'claude-code';
+type EditorId = 'cursor' | 'vscode' | 'windsurf' | 'claude-code' | 'antigravity';
 interface CustomEditorConfig {
   id: string;
   name: string;

package/dist/index.js

@@ -76,7 +76,7 @@ var __toCommonJS = (mod) => __hasOwnProp.call(mod, "module.exports") ? mod["modu
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 //#endregion
-//#region ../../node_modules/.pnpm/@mcpc-tech+cmcp@0.0.13-beta.2/node_modules/@mcpc-tech/cmcp/index.mjs
+//#region ../../node_modules/.pnpm/@mcpc-tech+cmcp@0.0.14/node_modules/@mcpc-tech/cmcp/index.mjs
 var ClientToolResponseRequestSchema = z.object({
 	method: z.literal("proxy/tool_response"),
 	params: z.object({
@@ -170,14 +170,14 @@ var ClientExecServer = class {
 				const existingOwner = this.toolToClient.get(toolName);
 				const isPredefined = this.predefinedTools.has(toolName);
 				if (this.useNamespacing) {
-					console.error(`Unexpected tool name conflict with namespacing: ${toolName}`);
+					console.error(`[cmcp] Unexpected tool name conflict with namespacing: ${toolName}`);
 					conflicts.push(tool$1.name);
 					continue;
 				} else if (isPredefined && existingOwner === this.clientId) {
-					console.log(`Client ${clientId} providing implementation for predefined tool: ${tool$1.name}`);
+					console.log(`[cmcp] Client ${clientId} providing implementation for predefined tool: ${tool$1.name}`);
 					this.predefinedTools.delete(toolName);
 				} else {
-					console.warn(`Tool ${tool$1.name} already exists, owned by client ${existingOwner}. Skipping registration for client ${clientId}`);
+					console.warn(`[cmcp] Tool ${tool$1.name} already exists, owned by client ${existingOwner}. Skipping registration for client ${clientId}`);
 					conflicts.push(tool$1.name);
 					continue;
 				}
@@ -192,7 +192,7 @@ var ClientExecServer = class {
 			this.toolToClient.set(toolName, clientId);
 		}
 		this.clientTools.set(clientId, clientToolNames);
-		if (conflicts.length > 0) console.warn(`Client ${clientId} had ${conflicts.length} tool conflicts:`, conflicts);
+		if (conflicts.length > 0) console.warn(`[cmcp] Client ${clientId} had ${conflicts.length} tool conflicts:`, conflicts);
 		return {
 			status: "success",
 			registeredTools,
@@ -379,7 +379,7 @@ function bindPuppet(transport, puppet, methods = [...DEFAULT_FORWARDED]) {
 		originalPuppetSend = puppet2.send?.bind(puppet2);
 		originalTransportHandler = transport.onmessage?.bind(transport);
 		transport.onmessage = (msg) => {
-			console.error(`[puppet] intercepted transport onmessage: ${JSON.stringify(msg)}`);
+			console.error(`[cmcp] [puppet] intercepted transport onmessage: ${JSON.stringify(msg)}`);
 			const parsed = JSONRPCMessageSchema.safeParse(msg);
 			if (!parsed.success) {
 				originalTransportHandler?.(msg);
@@ -391,22 +391,22 @@ function bindPuppet(transport, puppet, methods = [...DEFAULT_FORWARDED]) {
 				return;
 			}
 			const shouldForward = method && methods2.includes(method);
-			console.error(`[puppet] should forward to puppet=${shouldForward}, method=${method}`);
+			console.error(`[cmcp] [puppet] should forward to puppet=${shouldForward}, method=${method}`);
 			if (shouldForward) return puppet2?.onmessage?.(msg);
 			originalTransportHandler?.(msg);
 		};
 		puppet2.send = async (message) => {
-			console.error(`[puppet] intercepted puppet send: ${JSON.stringify(message)}`);
+			console.error(`[cmcp] [puppet] intercepted puppet send: ${JSON.stringify(message)}`);
 			await transport.send?.(message);
 			await originalPuppetSend?.(message);
 		};
 	}
 	function unbindPuppet() {
 		if (!boundPuppet) {
-			console.error("[puppet] no puppet bound, nothing to unbind");
+			console.error("[cmcp] [puppet] no puppet bound, nothing to unbind");
 			return;
 		}
-		console.error("[puppet] unbinding puppet and restoring original handlers");
+		console.error("[cmcp] [puppet] unbinding puppet and restoring original handlers");
 		if (originalTransportHandler) transport.onmessage = originalTransportHandler;
 		if (boundPuppet && originalPuppetSend) boundPuppet.send = originalPuppetSend;
 		boundPuppet = null;
@@ -422,7 +422,7 @@ function bindPuppet(transport, puppet, methods = [...DEFAULT_FORWARDED]) {
 		transport.start = async function() {
 			await originalStart?.();
 			if (puppet) {
-				console.error(`[puppet] applying puppet binding after connection established, controler: ${transport.sessionId}, puppet: ${puppet.sessionId}`);
+				console.error(`[cmcp] [puppet] applying puppet binding after connection established, controler: ${transport.sessionId}, puppet: ${puppet.sessionId}`);
 				applyPuppetBinding(puppet, methods);
 			}
 		};
@@ -88147,6 +88147,13 @@ const EDITORS = {
 		file: ".mcp.json",
 		urlKey: "url",
 		format: "mcpServers"
+	},
+	antigravity: {
+		name: "Antigravity",
+		path: join(HOME_DIR, ".gemini", "antigravity"),
+		file: "mcp.json",
+		urlKey: "url",
+		format: "servers"
 	}
 };
 function resolvePath(path$2, root$2) {
@@ -88171,6 +88178,7 @@ function detectEditors(root$2) {
 		const found = findUpDir(editor.path, root$2);
 		if (!found) {
 			if (id === "cursor" || id === "vscode") return true;
+			if (id === "antigravity") return existsSync(editor.path);
 			return false;
 		}
 		return id === "claude-code" ? existsSync(join(found, editor.file)) : true;
@@ -88255,6 +88263,7 @@ const unplugin = createUnplugin((options = {}) => {
 	const enabled = options.enabled ?? process.env.NODE_ENV !== "production";
 	const enableMcp = options.enableMcp ?? true;
 	const virtualModuleName = options.virtualModuleName ?? "virtual:dev-inspector-mcp";
+	const webpackModuleName = virtualModuleName.replace("virtual:", "");
 	let resolvedHost = options.host || "localhost";
 	let resolvedPort = options.port || 5173;
 	if (!enabled) return { name: "unplugin-dev-inspector" };
@@ -88262,40 +88271,38 @@ const unplugin = createUnplugin((options = {}) => {
 		name: "unplugin-dev-inspector",
 		enforce: "pre",
 		resolveId(id) {
-			if (id === virtualModuleName) return "\0" + virtualModuleName;
+			if (id === virtualModuleName || id === webpackModuleName) return "\0" + virtualModuleName;
 		},
 		load(id) {
 			if (id === "\0" + virtualModuleName) return `
-// Development-only code - completely removed in production builds
-if (import.meta.env.DEV) {
-  if (typeof document !== 'undefined') {
-    // Create inspector element
-    const inspector = document.createElement('dev-inspector-mcp');
-    document.body.appendChild(inspector);
-
-    // Store dev server config globally (injected at build time)
-    window.__DEV_INSPECTOR_CONFIG__ = {
-      host: '${resolvedHost}',
-      port: '${resolvedPort}',
-      base: import.meta.env.BASE_URL || '/'
-    };
-
-    // Dynamically load inspector script (only in dev)
-    const script = document.createElement('script');
-    const config = window.__DEV_INSPECTOR_CONFIG__;
-    let baseUrl = 'http://' + config.host + ':' + config.port + config.base;
-    if (baseUrl.endsWith('/')) {
-      baseUrl = baseUrl.slice(0, -1);
-    }
-    script.src = baseUrl + '/__inspector__/inspector.iife.js';
-    script.type = 'module';
-    document.head.appendChild(script);
+// Development-only code - removed in production builds
+if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+  // Create inspector element
+  const inspector = document.createElement('dev-inspector-mcp');
+  document.body.appendChild(inspector);
+
+  // Store dev server config globally
+  window.__DEV_INSPECTOR_CONFIG__ = {
+    host: '${resolvedHost}',
+    port: '${resolvedPort}',
+    base: '/'
+  };
+
+  // Dynamically load inspector script
+  const script = document.createElement('script');
+  const config = window.__DEV_INSPECTOR_CONFIG__;
+  let baseUrl = 'http://' + config.host + ':' + config.port + config.base;
+  if (baseUrl.endsWith('/')) {
+    baseUrl = baseUrl.slice(0, -1);
   }
+  script.src = baseUrl + '/__inspector__/inspector.iife.js';
+  script.type = 'module';
+  document.head.appendChild(script);
 }
 `;
 		},
 		async transform(code, id) {
-			if (id.includes("node_modules")) return null;
+			if (!id || id.includes("node_modules")) return null;
 			if (id.match(/\.(jsx|tsx)$/)) try {
 				return await transformJSX({
 					code,
@@ -88389,7 +88396,54 @@ if (import.meta.env.DEV) {
 			handleHotUpdate() {}
 		},
 		webpack(compiler) {
-			console.log("⚠️  Webpack support coming soon");
+			if (!enabled) return;
+			if (compiler.options.mode !== "development") return;
+			let serverStarted = false;
+			compiler.hooks.beforeCompile.tapAsync("UnpluginDevInspector", async (params, callback) => {
+				if (serverStarted) {
+					callback();
+					return;
+				}
+				serverStarted = true;
+				try {
+					const { startStandaloneServer } = await import("./standalone-server.js");
+					const { server, host, port } = await startStandaloneServer({
+						port: options.port,
+						host: options.host
+					});
+					resolvedHost = host;
+					resolvedPort = port;
+					const serverContext = {
+						host,
+						port
+					};
+					if (enableMcp) {
+						const baseUrl = `http://${host === "0.0.0.0" ? "localhost" : host}:${port}/__mcp__/sse`;
+						console.log(`[dev-inspector] 📡 MCP (Standalone): ${baseUrl}\n`);
+						setupMcpMiddleware(server, serverContext);
+						setupAcpMiddleware(server, serverContext, {
+							acpMode: options.acpMode,
+							acpModel: options.acpModel,
+							acpDelay: options.acpDelay
+						});
+						const root$2 = compiler.context;
+						await updateMcpConfigs(root$2, baseUrl, {
+							updateConfig: options.updateConfig,
+							updateConfigServerName: options.updateConfigServerName,
+							updateConfigAdditionalServers: options.updateConfigAdditionalServers,
+							customEditors: options.customEditors
+						});
+					}
+					setupInspectorMiddleware(server, {
+						agents: options.agents,
+						defaultAgent: options.defaultAgent
+					});
+					callback();
+				} catch (e) {
+					console.error("[dev-inspector] Failed to start standalone server:", e);
+					callback();
+				}
+			});
 		},
 		rollup: {},
 		esbuild: { setup(build) {} }

package/dist/next.cjs

@@ -0,0 +1,31 @@
+"use client";
+
+Object.defineProperty(exports, '__esModule', { value: true });
+const require_chunk = require('./chunk.cjs');
+let react = require("react");
+
+//#region src/next.tsx
+function DevInspector({ host = "localhost", port = "8888" }) {
+	(0, react.useEffect)(() => {
+		if (typeof window === "undefined") return;
+		if (window.__DEV_INSPECTOR_LOADED__) return;
+		window.__DEV_INSPECTOR_LOADED__ = true;
+		const inspector = document.createElement("dev-inspector-mcp");
+		document.body.appendChild(inspector);
+		window.__DEV_INSPECTOR_CONFIG__ = {
+			host,
+			port: String(port),
+			base: "/"
+		};
+		const script = document.createElement("script");
+		script.src = `http://${host}:${port}/__inspector__/inspector.iife.js`;
+		script.type = "module";
+		document.head.appendChild(script);
+	}, [host, port]);
+	return null;
+}
+var next_default = DevInspector;
+
+//#endregion
+exports.DevInspector = DevInspector;
+exports.default = next_default;

package/dist/next.d.cts

@@ -0,0 +1,11 @@
+//#region src/next.d.ts
+interface DevInspectorProps {
+  host?: string;
+  port?: string | number;
+}
+declare function DevInspector({
+  host,
+  port
+}: DevInspectorProps): null;
+//#endregion
+export { DevInspector, DevInspector as default };

package/dist/next.d.ts

@@ -0,0 +1,11 @@
+//#region src/next.d.ts
+interface DevInspectorProps {
+  host?: string;
+  port?: string | number;
+}
+declare function DevInspector({
+  host,
+  port
+}: DevInspectorProps): null;
+//#endregion
+export { DevInspector, DevInspector as default };

package/dist/next.js

@@ -0,0 +1,28 @@
+"use client";
+
+import { useEffect } from "react";
+
+//#region src/next.tsx
+function DevInspector({ host = "localhost", port = "8888" }) {
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		if (window.__DEV_INSPECTOR_LOADED__) return;
+		window.__DEV_INSPECTOR_LOADED__ = true;
+		const inspector = document.createElement("dev-inspector-mcp");
+		document.body.appendChild(inspector);
+		window.__DEV_INSPECTOR_CONFIG__ = {
+			host,
+			port: String(port),
+			base: "/"
+		};
+		const script = document.createElement("script");
+		script.src = `http://${host}:${port}/__inspector__/inspector.iife.js`;
+		script.type = "module";
+		document.head.appendChild(script);
+	}, [host, port]);
+	return null;
+}
+var next_default = DevInspector;
+
+//#endregion
+export { DevInspector, next_default as default };

package/dist/standalone-server.cjs

@@ -0,0 +1,104 @@
+const require_chunk = require('./chunk.cjs');
+let node_http = require("node:http");
+node_http = require_chunk.__toESM(node_http);
+
+//#region src/utils/standalone-server.ts
+var StandaloneServer = class {
+	server;
+	middlewares = [];
+	port = 0;
+	host = "localhost";
+	stack = [];
+	constructor() {
+		this.server = node_http.default.createServer(async (req, res) => {
+			let index = 0;
+			const next = async () => {
+				if (index >= this.middlewares.length) {
+					if (!res.writableEnded) {
+						res.statusCode = 404;
+						res.end("Not Found");
+					}
+					return;
+				}
+				const layer = this.middlewares[index++];
+				if ((req.url || "/").startsWith(layer.route)) try {
+					const originalUrl = req.url;
+					if (layer.route !== "/" && req.url) {}
+					await layer.handle(req, res, next);
+					if (layer.route !== "/") req.url = originalUrl;
+				} catch (error) {
+					console.error("Middleware error:", error);
+					if (!res.writableEnded) {
+						res.statusCode = 500;
+						res.end("Internal Server Error");
+					}
+				}
+				else next();
+			};
+			await next();
+		});
+	}
+	use(routeOrHandle, handle) {
+		let route = "/";
+		let handler;
+		if (typeof routeOrHandle === "string") {
+			route = routeOrHandle;
+			if (!handle) throw new Error("Handler is required when route is provided");
+			handler = handle;
+		} else handler = routeOrHandle;
+		this.middlewares.push({
+			route,
+			handle: handler
+		});
+		return this;
+	}
+	listen(...args) {
+		return this.server.listen(...args);
+	}
+	async start(options = {}) {
+		const startPort = options.port || 8888;
+		this.host = options.host || "localhost";
+		for (let port = startPort; port < startPort + 100; port++) try {
+			await new Promise((resolve, reject) => {
+				this.server.listen(port, this.host, () => {
+					this.port = port;
+					resolve();
+				});
+				this.server.on("error", (err) => {
+					if (err.code === "EADDRINUSE") {
+						this.server.close();
+						reject(err);
+					} else reject(err);
+				});
+			});
+			return {
+				host: this.host,
+				port: this.port
+			};
+		} catch (error) {
+			if (error.code !== "EADDRINUSE") throw error;
+		}
+		throw new Error(`Could not find a free port starting from ${startPort}`);
+	}
+	close() {
+		this.server.close();
+	}
+};
+let globalServer = null;
+async function startStandaloneServer(options = {}) {
+	if (globalServer) return {
+		server: globalServer,
+		host: globalServer.host,
+		port: globalServer.port
+	};
+	globalServer = new StandaloneServer();
+	const { host, port } = await globalServer.start(options);
+	return {
+		server: globalServer,
+		host,
+		port
+	};
+}
+
+//#endregion
+exports.startStandaloneServer = startStandaloneServer;

package/dist/standalone-server.js

@@ -0,0 +1,102 @@
+import http from "node:http";
+
+//#region src/utils/standalone-server.ts
+var StandaloneServer = class {
+	server;
+	middlewares = [];
+	port = 0;
+	host = "localhost";
+	stack = [];
+	constructor() {
+		this.server = http.createServer(async (req, res) => {
+			let index = 0;
+			const next = async () => {
+				if (index >= this.middlewares.length) {
+					if (!res.writableEnded) {
+						res.statusCode = 404;
+						res.end("Not Found");
+					}
+					return;
+				}
+				const layer = this.middlewares[index++];
+				if ((req.url || "/").startsWith(layer.route)) try {
+					const originalUrl = req.url;
+					if (layer.route !== "/" && req.url) {}
+					await layer.handle(req, res, next);
+					if (layer.route !== "/") req.url = originalUrl;
+				} catch (error) {
+					console.error("Middleware error:", error);
+					if (!res.writableEnded) {
+						res.statusCode = 500;
+						res.end("Internal Server Error");
+					}
+				}
+				else next();
+			};
+			await next();
+		});
+	}
+	use(routeOrHandle, handle) {
+		let route = "/";
+		let handler;
+		if (typeof routeOrHandle === "string") {
+			route = routeOrHandle;
+			if (!handle) throw new Error("Handler is required when route is provided");
+			handler = handle;
+		} else handler = routeOrHandle;
+		this.middlewares.push({
+			route,
+			handle: handler
+		});
+		return this;
+	}
+	listen(...args) {
+		return this.server.listen(...args);
+	}
+	async start(options = {}) {
+		const startPort = options.port || 8888;
+		this.host = options.host || "localhost";
+		for (let port = startPort; port < startPort + 100; port++) try {
+			await new Promise((resolve, reject) => {
+				this.server.listen(port, this.host, () => {
+					this.port = port;
+					resolve();
+				});
+				this.server.on("error", (err) => {
+					if (err.code === "EADDRINUSE") {
+						this.server.close();
+						reject(err);
+					} else reject(err);
+				});
+			});
+			return {
+				host: this.host,
+				port: this.port
+			};
+		} catch (error) {
+			if (error.code !== "EADDRINUSE") throw error;
+		}
+		throw new Error(`Could not find a free port starting from ${startPort}`);
+	}
+	close() {
+		this.server.close();
+	}
+};
+let globalServer = null;
+async function startStandaloneServer(options = {}) {
+	if (globalServer) return {
+		server: globalServer,
+		host: globalServer.host,
+		port: globalServer.port
+	};
+	globalServer = new StandaloneServer();
+	const { host, port } = await globalServer.start(options);
+	return {
+		server: globalServer,
+		host,
+		port
+	};
+}
+
+//#endregion
+export { startStandaloneServer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpc-tech/unplugin-dev-inspector-mcp",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
   "type": "module",
   "license": "MIT",
@@ -23,6 +23,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./next": {
+      "import": {
+        "types": "./dist/next.d.ts",
+        "default": "./dist/next.js"
+      },
+      "require": {
+        "types": "./dist/next.d.cts",
+        "default": "./dist/next.cjs"
+      }
+    },
     "./client": {
       "types": "./client.d.ts"
     },
@@ -62,7 +72,7 @@
     "@babel/parser": "^7.28.5",
     "@babel/traverse": "^7.28.5",
     "@mcpc-tech/acp-ai-provider": "^0.1.25",
-    "@mcpc-tech/cmcp": "^0.0.13-beta.2",
+    "@mcpc-tech/cmcp": "^0.0.14",
     "@mcpc-tech/core": "^0.3.8",
     "@modelcontextprotocol/sdk": "^1.20.1",
     "@radix-ui/primitive": "^1.1.3",