@mcpc-tech/unplugin-dev-inspector-mcp 0.0.35 → 0.0.37

package/dist/config-updater.cjs

@@ -83445,19 +83445,6 @@ async function getOrCreateMcpClient(defKey, def) {
 		mcpClientConnecting.delete(defKey);
 	}
 }
-async function releaseMcpClient(defKey) {
-	const entry = mcpClientPool.get(defKey);
-	if (!entry) return;
-	entry.refCount -= 1;
-	if (entry.refCount <= 0) {
-		mcpClientPool.delete(defKey);
-		try {
-			await entry.client.close();
-		} catch (err) {
-			console.error("Error closing MCP client:", err);
-		}
-	}
-}
 var cleanupAllPooledClients = async () => {
 	const entries = Array.from(mcpClientPool.entries());
 	mcpClientPool.clear();
@@ -83515,12 +83502,7 @@ async function composeMcpDepTools(mcpConfig, filterIn) {
 			console.error(`Error creating MCP client for ${name}:`, error);
 		}
 	}
-	const cleanupClients = async () => {
-		await Promise.all(acquiredKeys.map((k) => releaseMcpClient(k)));
-		acquiredKeys.length = 0;
-		Object.keys(allTools).forEach((key) => delete allTools[key]);
-		Object.keys(allClients).forEach((key) => delete allClients[key]);
-	};
+	const cleanupClients = async () => {};
 	return {
 		tools: allTools,
 		clients: allClients,
@@ -86322,17 +86304,6 @@ var ComposableMCPServer = class extends _modelcontextprotocol_sdk_server_index_j
 			server: this,
 			toolNames: Object.keys(allTools)
 		});
-		this.onclose = async () => {
-			await cleanupClients();
-			await this.disposePlugins();
-			await this.logger.info(`[${name}] Event: closed - cleaned up dependent clients and plugins`);
-		};
-		this.onerror = async (error) => {
-			await this.logger.error(`[${name}] Event: error - ${error?.stack ?? String(error)}`);
-			await cleanupClients();
-			await this.disposePlugins();
-			await this.logger.info(`[${name}] Action: cleaned up dependent clients and plugins`);
-		};
 		const toolNameToDetailList = Object.entries(allTools);
 		const publicToolNames = this.getPublicToolNames();
 		const hiddenToolNames = this.getHiddenToolNames();
@@ -86894,11 +86865,14 @@ var ConnectionManager = class {
 		}
 	}
 	/**
-	* Handle watcher connection.
-	* @param sessionId - unique session ID
-	* @param clientId - who is connecting (vscode, acp, cursor, etc.)
-	* @param puppetId - who to control (inspector)
-	* @param transport - the transport instance
+	* Get the currently active Inspector (browser) transport
+	*/
+	getInspectorTransport() {
+		if (!this.latestInspectorSessionId) return null;
+		return this.transports[this.latestInspectorSessionId] || null;
+	}
+	/**
+	* Bind watcher (e.g. VS Code/ACP) to Inspector (browser)
 	*/
 	handleWatcherConnection(sessionId, clientId, puppetId, transport) {
 		this.cleanupPreviousWatchers(clientId, sessionId);
@@ -88372,14 +88346,12 @@ async function loadMcpToolsV5(transport) {
 	return tools;
 }
 /**
-* Get an active transport from the connection manager
+* Get the Inspector transport from the connection manager
 */
 function getActiveTransport() {
 	const connectionManager = getConnectionManager();
 	if (!connectionManager) return null;
-	const sessionIds = Object.keys(connectionManager.transports);
-	if (sessionIds.length === 0) return null;
-	return connectionManager.transports[sessionIds[0]];
+	return connectionManager.getInspectorTransport();
 }
 function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 	/**

package/dist/config-updater.js

@@ -83480,19 +83480,6 @@ async function getOrCreateMcpClient(defKey, def) {
 		mcpClientConnecting.delete(defKey);
 	}
 }
-async function releaseMcpClient(defKey) {
-	const entry = mcpClientPool.get(defKey);
-	if (!entry) return;
-	entry.refCount -= 1;
-	if (entry.refCount <= 0) {
-		mcpClientPool.delete(defKey);
-		try {
-			await entry.client.close();
-		} catch (err) {
-			console.error("Error closing MCP client:", err);
-		}
-	}
-}
 var cleanupAllPooledClients = async () => {
 	const entries = Array.from(mcpClientPool.entries());
 	mcpClientPool.clear();
@@ -83550,12 +83537,7 @@ async function composeMcpDepTools(mcpConfig, filterIn) {
 			console.error(`Error creating MCP client for ${name}:`, error);
 		}
 	}
-	const cleanupClients = async () => {
-		await Promise.all(acquiredKeys.map((k) => releaseMcpClient(k)));
-		acquiredKeys.length = 0;
-		Object.keys(allTools).forEach((key) => delete allTools[key]);
-		Object.keys(allClients).forEach((key) => delete allClients[key]);
-	};
+	const cleanupClients = async () => {};
 	return {
 		tools: allTools,
 		clients: allClients,
@@ -86357,17 +86339,6 @@ var ComposableMCPServer = class extends Server {
 			server: this,
 			toolNames: Object.keys(allTools)
 		});
-		this.onclose = async () => {
-			await cleanupClients();
-			await this.disposePlugins();
-			await this.logger.info(`[${name}] Event: closed - cleaned up dependent clients and plugins`);
-		};
-		this.onerror = async (error) => {
-			await this.logger.error(`[${name}] Event: error - ${error?.stack ?? String(error)}`);
-			await cleanupClients();
-			await this.disposePlugins();
-			await this.logger.info(`[${name}] Action: cleaned up dependent clients and plugins`);
-		};
 		const toolNameToDetailList = Object.entries(allTools);
 		const publicToolNames = this.getPublicToolNames();
 		const hiddenToolNames = this.getHiddenToolNames();
@@ -86929,11 +86900,14 @@ var ConnectionManager = class {
 		}
 	}
 	/**
-	* Handle watcher connection.
-	* @param sessionId - unique session ID
-	* @param clientId - who is connecting (vscode, acp, cursor, etc.)
-	* @param puppetId - who to control (inspector)
-	* @param transport - the transport instance
+	* Get the currently active Inspector (browser) transport
+	*/
+	getInspectorTransport() {
+		if (!this.latestInspectorSessionId) return null;
+		return this.transports[this.latestInspectorSessionId] || null;
+	}
+	/**
+	* Bind watcher (e.g. VS Code/ACP) to Inspector (browser)
 	*/
 	handleWatcherConnection(sessionId, clientId, puppetId, transport) {
 		this.cleanupPreviousWatchers(clientId, sessionId);
@@ -88407,14 +88381,12 @@ async function loadMcpToolsV5(transport) {
 	return tools;
 }
 /**
-* Get an active transport from the connection manager
+* Get the Inspector transport from the connection manager
 */
 function getActiveTransport() {
 	const connectionManager = getConnectionManager();
 	if (!connectionManager) return null;
-	const sessionIds = Object.keys(connectionManager.transports);
-	if (sessionIds.length === 0) return null;
-	return connectionManager.transports[sessionIds[0]];
+	return connectionManager.getInspectorTransport();
 }
 function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 	/**

package/dist/index.cjs

@@ -23,7 +23,7 @@ var browser_launcher_exports = /* @__PURE__ */ require_chunk.__export({ launchBr
 */
 async function launchBrowserWithDevTools(options) {
 	const { url, serverContext } = options;
-	const sseUrl = `http://${serverContext.host === "0.0.0.0" ? "localhost" : serverContext.host || "localhost"}:${serverContext.port || 5173}/__mcp__/sse?clientId=auto-browser`;
+	const sseUrl = `http://${serverContext.host === "0.0.0.0" ? "localhost" : serverContext.host || "localhost"}:${serverContext.port || 5173}/__mcp__/sse?clientId=temp-browser-launcher`;
 	let client = null;
 	try {
 		client = new _modelcontextprotocol_sdk_client_index_js.Client({
@@ -40,13 +40,12 @@ async function launchBrowserWithDevTools(options) {
 				chrome_navigate_page: { url }
 			}
 		});
-		await new Promise((resolve) => setTimeout(resolve, 500));
 		return true;
 	} catch (error) {
 		console.error(`[dev-inspector] ⚠️  Failed to auto-open browser:`, error instanceof Error ? error.message : String(error));
 		return false;
 	} finally {
-		if (client) await client.close().catch(() => {});
+		await client?.close().catch(() => {});
 	}
 }
 var init_browser_launcher = require_chunk.__esmMin((() => {}));

package/dist/index.js

@@ -19,7 +19,7 @@ var browser_launcher_exports = /* @__PURE__ */ __export({ launchBrowserWithDevTo
 */
 async function launchBrowserWithDevTools(options) {
 	const { url, serverContext } = options;
-	const sseUrl = `http://${serverContext.host === "0.0.0.0" ? "localhost" : serverContext.host || "localhost"}:${serverContext.port || 5173}/__mcp__/sse?clientId=auto-browser`;
+	const sseUrl = `http://${serverContext.host === "0.0.0.0" ? "localhost" : serverContext.host || "localhost"}:${serverContext.port || 5173}/__mcp__/sse?clientId=temp-browser-launcher`;
 	let client = null;
 	try {
 		client = new Client({
@@ -36,13 +36,12 @@ async function launchBrowserWithDevTools(options) {
 				chrome_navigate_page: { url }
 			}
 		});
-		await new Promise((resolve) => setTimeout(resolve, 500));
 		return true;
 	} catch (error) {
 		console.error(`[dev-inspector] ⚠️  Failed to auto-open browser:`, error instanceof Error ? error.message : String(error));
 		return false;
 	} finally {
-		if (client) await client.close().catch(() => {});
+		await client?.close().catch(() => {});
 	}
 }
 var init_browser_launcher = __esmMin((() => {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpc-tech/unplugin-dev-inspector-mcp",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
   "type": "module",
   "license": "MIT",
@@ -145,7 +145,7 @@
     "@xyflow/react": "^12.9.3",
     "ai": "^5.0.95",
     "aria-hidden": "^1.2.6",
-    "chrome-devtools-mcp": "^0.10.1",
+    "chrome-devtools-mcp": "^0.12.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -186,4 +186,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}