@mcpc-tech/unplugin-dev-inspector-mcp 0.0.2 → 0.0.4

package/dist/index.cjs

@@ -86862,28 +86862,52 @@ You MUST ask the user for confirmation before navigating to any URL.`,
 
 //#endregion
 //#region src/middleware/connection-manager.ts
+/**
+* Manages MCP transport connections between Watcher (VS Code) and Inspector (Browser).
+* Ensures only one chrome puppet binding is active at a time.
+*/
 var ConnectionManager = class {
 	transports = {};
 	latestInspectorSessionId = null;
 	chromeWatcherSessionIds = /* @__PURE__ */ new Set();
 	boundPuppets = /* @__PURE__ */ new Map();
-	constructor() {}
 	getTransport(sessionId) {
 		return this.transports[sessionId];
 	}
 	registerTransport(sessionId, transport) {
 		this.transports[sessionId] = transport;
-		transport.onclose = () => {
-			this.removeTransport(sessionId);
-		};
+		transport.onclose = () => this.removeTransport(sessionId);
 	}
 	removeTransport(sessionId) {
-		if (this.transports[sessionId]) delete this.transports[sessionId];
+		delete this.transports[sessionId];
 		if (this.chromeWatcherSessionIds.has(sessionId)) {
 			this.chromeWatcherSessionIds.delete(sessionId);
+			const boundPuppet = this.boundPuppets.get(sessionId);
+			if (boundPuppet) boundPuppet.unbindPuppet();
 			this.boundPuppets.delete(sessionId);
 		}
 	}
+	/**
+	* Clean up previous chrome watcher connections when a new one connects.
+	*/
+	cleanupPreviousChromeWatchers(newSessionId) {
+		const sessionsToRemove = [];
+		for (const existingSessionId of this.chromeWatcherSessionIds) {
+			if (existingSessionId === newSessionId) continue;
+			const boundPuppet = this.boundPuppets.get(existingSessionId);
+			if (boundPuppet) boundPuppet.unbindPuppet();
+			this.boundPuppets.delete(existingSessionId);
+			const transport = this.transports[existingSessionId];
+			if (transport) {
+				try {
+					transport.close?.();
+				} catch {}
+				delete this.transports[existingSessionId];
+			}
+			sessionsToRemove.push(existingSessionId);
+		}
+		for (const sessionId of sessionsToRemove) this.chromeWatcherSessionIds.delete(sessionId);
+	}
 	handleInspectorConnection(sessionId) {
 		this.latestInspectorSessionId = sessionId;
 		this.rebindWatchersToInspector(sessionId);
@@ -86893,16 +86917,16 @@ var ConnectionManager = class {
 		if (!inspectorTransport) return;
 		for (const watcherSessionId of this.chromeWatcherSessionIds) {
 			const watcherTransport = this.transports[watcherSessionId];
-			if (watcherTransport) {
-				const previousBound = this.boundPuppets.get(watcherSessionId);
-				if (previousBound && typeof previousBound.unbindPuppet === "function") previousBound.unbindPuppet();
-				const newBound = bindPuppet(watcherTransport, inspectorTransport);
-				this.boundPuppets.set(watcherSessionId, newBound);
-			}
+			if (!watcherTransport) continue;
+			const previousBound = this.boundPuppets.get(watcherSessionId);
+			if (previousBound) previousBound.unbindPuppet();
+			const newBound = bindPuppet(watcherTransport, inspectorTransport);
+			this.boundPuppets.set(watcherSessionId, newBound);
 		}
 	}
 	handleWatcherConnection(sessionId, puppetId, transport) {
 		if (puppetId === "chrome") {
+			this.cleanupPreviousChromeWatchers(sessionId);
 			this.chromeWatcherSessionIds.add(sessionId);
 			if (this.latestInspectorSessionId) {
 				const inspectorTransport = this.transports[this.latestInspectorSessionId];
@@ -86920,6 +86944,24 @@ var ConnectionManager = class {
 	}
 };
 
+//#endregion
+//#region src/utils/cors.ts
+/**
+* Set CORS headers and handle preflight requests
+* Returns true if request was handled (preflight), false otherwise
+*/
+function handleCors(res, method) {
+	res.setHeader("Access-Control-Allow-Origin", "*");
+	res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, OPTIONS");
+	res.setHeader("Access-Control-Allow-Headers", "Content-Type, mcp-session-id, mcp-protocol-version");
+	if (method === "OPTIONS") {
+		res.statusCode = 204;
+		res.end();
+		return true;
+	}
+	return false;
+}
+
 //#endregion
 //#region src/middleware/mcproute-middleware.ts
 /**
@@ -86929,6 +86971,9 @@ async function setupMcpMiddleware(middlewares, serverContext) {
 	const connectionManager = new ConnectionManager();
 	middlewares.use(async (req, res, next$1) => {
 		const url$1 = req.url || "";
+		if (url$1.startsWith("/__mcp__")) {
+			if (handleCors(res, req.method)) return;
+		}
 		if (url$1.startsWith("/__mcp__") && !url$1.startsWith("/__mcp__/sse") && !url$1.startsWith("/__mcp__/messages")) {
 			if (req.method === "POST") await handleStreamableHttpPost(req, res, serverContext, connectionManager);
 			else if (req.method === "GET") await handleStreamableHttpGet(req, res, connectionManager);
@@ -86941,7 +86986,7 @@ async function setupMcpMiddleware(middlewares, serverContext) {
 			return;
 		}
 		if (url$1.startsWith("/__mcp__/messages") && req.method === "POST") {
-			await handleSseMessage(req, res, connectionManager);
+			await handleSseMessage(req, res, serverContext, connectionManager);
 			return;
 		}
 		next$1();
@@ -87052,7 +87097,9 @@ async function handleStreamableHttpDelete(req, res, connectionManager) {
 async function handleSseConnection(req, res, serverContext, connectionManager) {
 	try {
 		const mcpServer = await createInspectorMcpServer(serverContext);
-		const url$1 = new URL(req.url ?? "", `http://${req.headers.host}`);
+		const host = serverContext?.host || "localhost";
+		const port = serverContext?.port || 5173;
+		const url$1 = new URL(req.url ?? "", `http://${host}:${port}`);
 		const transport = new __modelcontextprotocol_sdk_server_sse_js.SSEServerTransport("/__mcp__/messages", res);
 		const sessionId = transport.sessionId;
 		const aliasSessionId = url$1.searchParams.get("sessionId") || sessionId;
@@ -87074,9 +87121,11 @@ async function handleSseConnection(req, res, serverContext, connectionManager) {
 /**
 * Handle SSE message (deprecated)
 */
-async function handleSseMessage(req, res, connectionManager) {
+async function handleSseMessage(req, res, serverContext, connectionManager) {
 	try {
-		const sessionId = new URL(req.url || "", `http://${req.headers.host}`).searchParams.get("sessionId");
+		const host = serverContext?.host || "localhost";
+		const port = serverContext?.port || 5173;
+		const sessionId = new URL(req.url || "", `http://${host}:${port}`).searchParams.get("sessionId");
 		if (!sessionId) {
 			res.writeHead(400).end("Missing sessionId parameter");
 			return;
@@ -87158,6 +87207,9 @@ function setupInspectorMiddleware(middlewares, config) {
 	let cachedCSS = null;
 	let filesChecked = false;
 	middlewares.use((req, res, next$1) => {
+		if (req.url?.startsWith("/__inspector__")) {
+			if (handleCors(res, req.method)) return;
+		}
 		if (!filesChecked) {
 			cachedScript = getInspectorScript();
 			cachedCSS = getInspectorCSS();
@@ -87839,6 +87891,7 @@ function resolveMcpRemote(cwd$1 = process.cwd()) {
 //#region src/middleware/acp-middleware.ts
 function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 	middlewares.use("/api/acp/chat", async (req, res) => {
+		if (handleCors(res, req.method)) return;
 		if (req.method !== "POST") {
 			res.statusCode = 405;
 			res.end("Method Not Allowed");
@@ -87881,7 +87934,10 @@ function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 			const delay = agent.acpDelay ?? acpOptions?.acpDelay;
 			if (mode !== void 0) await provider.setMode(mode);
 			if (model !== void 0) await provider.setModel(model);
-			if (delay !== void 0 && delay > 0) await new Promise((resolve$4) => setTimeout(resolve$4, delay));
+			if (delay !== void 0 && delay > 0) {
+				console.log(`[dev-inspector] [acp] Delaying response by ${delay}ms, agent: ${agent.name}`);
+				await new Promise((resolve$4) => setTimeout(resolve$4, delay));
+			}
 			const response = (0, ai.streamText)({
 				model: provider.languageModel(),
 				includeRawChunks: true,
@@ -88205,6 +88261,8 @@ const unplugin$1 = (0, 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";
+	let resolvedHost = options.host || "localhost";
+	let resolvedPort = options.port || 5173;
 	if (!enabled) return { name: "unplugin-dev-inspector" };
 	return {
 		name: "unplugin-dev-inspector",
@@ -88220,10 +88278,22 @@ if (import.meta.env.DEV) {
     // 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');
-    script.src = '/__inspector__/inspector.iife.js';
+    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);
   }
@@ -88254,9 +88324,45 @@ if (import.meta.env.DEV) {
 		},
 		vite: {
 			apply: "serve",
-			transformIndexHtml(html$2) {
-				if (!(options.autoInject ?? true)) return html$2;
-				return html$2.replace("</body>", `<dev-inspector-mcp></dev-inspector-mcp><script src="/__inspector__/inspector.iife.js"><\/script></body>`);
+			configResolved(config) {
+				const viteHost = config.server.host;
+				resolvedHost = options.host ?? (typeof viteHost === "string" ? viteHost : viteHost === true ? "0.0.0.0" : "localhost");
+				resolvedPort = options.port ?? config.server.port ?? 5173;
+				if (resolvedHost === "0.0.0.0") resolvedHost = "localhost";
+			},
+			transformIndexHtml: {
+				order: "pre",
+				handler(html$2, ctx) {
+					if (!(options.autoInject ?? true)) return html$2;
+					const server = ctx.server;
+					const viteHost = server?.config.server.host;
+					const host = options.host ?? (typeof viteHost === "string" ? viteHost : viteHost === true ? "0.0.0.0" : "localhost");
+					const port = options.port ?? server?.config.server.port ?? 5173;
+					const base = server?.config.base ?? "/";
+					const displayHost = host === "0.0.0.0" ? "localhost" : host;
+					return html$2.replace("</body>", `<dev-inspector-mcp></dev-inspector-mcp><script>
+(function() {
+  if (!window.__DEV_INSPECTOR_LOADED__) {
+    window.__DEV_INSPECTOR_LOADED__ = true;
+    // Store dev server config for client-side use (e.g., config-loader.ts)
+    window.__DEV_INSPECTOR_CONFIG__ = {
+      host: '${displayHost}',
+      port: '${port}',
+      base: '${base}'
+    };
+    var script = document.createElement('script');
+    var config = window.__DEV_INSPECTOR_CONFIG__;
+    var 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);
+  }
+})();
+<\/script></body>`);
+				}
 			},
 			async configureServer(server) {
 				if (enableMcp) {

package/dist/index.js

@@ -86854,28 +86854,52 @@ You MUST ask the user for confirmation before navigating to any URL.`,
 
 //#endregion
 //#region src/middleware/connection-manager.ts
+/**
+* Manages MCP transport connections between Watcher (VS Code) and Inspector (Browser).
+* Ensures only one chrome puppet binding is active at a time.
+*/
 var ConnectionManager = class {
 	transports = {};
 	latestInspectorSessionId = null;
 	chromeWatcherSessionIds = /* @__PURE__ */ new Set();
 	boundPuppets = /* @__PURE__ */ new Map();
-	constructor() {}
 	getTransport(sessionId) {
 		return this.transports[sessionId];
 	}
 	registerTransport(sessionId, transport) {
 		this.transports[sessionId] = transport;
-		transport.onclose = () => {
-			this.removeTransport(sessionId);
-		};
+		transport.onclose = () => this.removeTransport(sessionId);
 	}
 	removeTransport(sessionId) {
-		if (this.transports[sessionId]) delete this.transports[sessionId];
+		delete this.transports[sessionId];
 		if (this.chromeWatcherSessionIds.has(sessionId)) {
 			this.chromeWatcherSessionIds.delete(sessionId);
+			const boundPuppet = this.boundPuppets.get(sessionId);
+			if (boundPuppet) boundPuppet.unbindPuppet();
 			this.boundPuppets.delete(sessionId);
 		}
 	}
+	/**
+	* Clean up previous chrome watcher connections when a new one connects.
+	*/
+	cleanupPreviousChromeWatchers(newSessionId) {
+		const sessionsToRemove = [];
+		for (const existingSessionId of this.chromeWatcherSessionIds) {
+			if (existingSessionId === newSessionId) continue;
+			const boundPuppet = this.boundPuppets.get(existingSessionId);
+			if (boundPuppet) boundPuppet.unbindPuppet();
+			this.boundPuppets.delete(existingSessionId);
+			const transport = this.transports[existingSessionId];
+			if (transport) {
+				try {
+					transport.close?.();
+				} catch {}
+				delete this.transports[existingSessionId];
+			}
+			sessionsToRemove.push(existingSessionId);
+		}
+		for (const sessionId of sessionsToRemove) this.chromeWatcherSessionIds.delete(sessionId);
+	}
 	handleInspectorConnection(sessionId) {
 		this.latestInspectorSessionId = sessionId;
 		this.rebindWatchersToInspector(sessionId);
@@ -86885,16 +86909,16 @@ var ConnectionManager = class {
 		if (!inspectorTransport) return;
 		for (const watcherSessionId of this.chromeWatcherSessionIds) {
 			const watcherTransport = this.transports[watcherSessionId];
-			if (watcherTransport) {
-				const previousBound = this.boundPuppets.get(watcherSessionId);
-				if (previousBound && typeof previousBound.unbindPuppet === "function") previousBound.unbindPuppet();
-				const newBound = bindPuppet(watcherTransport, inspectorTransport);
-				this.boundPuppets.set(watcherSessionId, newBound);
-			}
+			if (!watcherTransport) continue;
+			const previousBound = this.boundPuppets.get(watcherSessionId);
+			if (previousBound) previousBound.unbindPuppet();
+			const newBound = bindPuppet(watcherTransport, inspectorTransport);
+			this.boundPuppets.set(watcherSessionId, newBound);
 		}
 	}
 	handleWatcherConnection(sessionId, puppetId, transport) {
 		if (puppetId === "chrome") {
+			this.cleanupPreviousChromeWatchers(sessionId);
 			this.chromeWatcherSessionIds.add(sessionId);
 			if (this.latestInspectorSessionId) {
 				const inspectorTransport = this.transports[this.latestInspectorSessionId];
@@ -86912,6 +86936,24 @@ var ConnectionManager = class {
 	}
 };
 
+//#endregion
+//#region src/utils/cors.ts
+/**
+* Set CORS headers and handle preflight requests
+* Returns true if request was handled (preflight), false otherwise
+*/
+function handleCors(res, method) {
+	res.setHeader("Access-Control-Allow-Origin", "*");
+	res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, OPTIONS");
+	res.setHeader("Access-Control-Allow-Headers", "Content-Type, mcp-session-id, mcp-protocol-version");
+	if (method === "OPTIONS") {
+		res.statusCode = 204;
+		res.end();
+		return true;
+	}
+	return false;
+}
+
 //#endregion
 //#region src/middleware/mcproute-middleware.ts
 /**
@@ -86921,6 +86963,9 @@ async function setupMcpMiddleware(middlewares, serverContext) {
 	const connectionManager = new ConnectionManager();
 	middlewares.use(async (req, res, next$1) => {
 		const url = req.url || "";
+		if (url.startsWith("/__mcp__")) {
+			if (handleCors(res, req.method)) return;
+		}
 		if (url.startsWith("/__mcp__") && !url.startsWith("/__mcp__/sse") && !url.startsWith("/__mcp__/messages")) {
 			if (req.method === "POST") await handleStreamableHttpPost(req, res, serverContext, connectionManager);
 			else if (req.method === "GET") await handleStreamableHttpGet(req, res, connectionManager);
@@ -86933,7 +86978,7 @@ async function setupMcpMiddleware(middlewares, serverContext) {
 			return;
 		}
 		if (url.startsWith("/__mcp__/messages") && req.method === "POST") {
-			await handleSseMessage(req, res, connectionManager);
+			await handleSseMessage(req, res, serverContext, connectionManager);
 			return;
 		}
 		next$1();
@@ -87044,7 +87089,9 @@ async function handleStreamableHttpDelete(req, res, connectionManager) {
 async function handleSseConnection(req, res, serverContext, connectionManager) {
 	try {
 		const mcpServer = await createInspectorMcpServer(serverContext);
-		const url = new URL(req.url ?? "", `http://${req.headers.host}`);
+		const host = serverContext?.host || "localhost";
+		const port = serverContext?.port || 5173;
+		const url = new URL(req.url ?? "", `http://${host}:${port}`);
 		const transport = new SSEServerTransport("/__mcp__/messages", res);
 		const sessionId = transport.sessionId;
 		const aliasSessionId = url.searchParams.get("sessionId") || sessionId;
@@ -87066,9 +87113,11 @@ async function handleSseConnection(req, res, serverContext, connectionManager) {
 /**
 * Handle SSE message (deprecated)
 */
-async function handleSseMessage(req, res, connectionManager) {
+async function handleSseMessage(req, res, serverContext, connectionManager) {
 	try {
-		const sessionId = new URL(req.url || "", `http://${req.headers.host}`).searchParams.get("sessionId");
+		const host = serverContext?.host || "localhost";
+		const port = serverContext?.port || 5173;
+		const sessionId = new URL(req.url || "", `http://${host}:${port}`).searchParams.get("sessionId");
 		if (!sessionId) {
 			res.writeHead(400).end("Missing sessionId parameter");
 			return;
@@ -87150,6 +87199,9 @@ function setupInspectorMiddleware(middlewares, config) {
 	let cachedCSS = null;
 	let filesChecked = false;
 	middlewares.use((req, res, next$1) => {
+		if (req.url?.startsWith("/__inspector__")) {
+			if (handleCors(res, req.method)) return;
+		}
 		if (!filesChecked) {
 			cachedScript = getInspectorScript();
 			cachedCSS = getInspectorCSS();
@@ -87831,6 +87883,7 @@ function resolveMcpRemote(cwd$1 = process.cwd()) {
 //#region src/middleware/acp-middleware.ts
 function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 	middlewares.use("/api/acp/chat", async (req, res) => {
+		if (handleCors(res, req.method)) return;
 		if (req.method !== "POST") {
 			res.statusCode = 405;
 			res.end("Method Not Allowed");
@@ -87873,7 +87926,10 @@ function setupAcpMiddleware(middlewares, serverContext, acpOptions) {
 			const delay = agent.acpDelay ?? acpOptions?.acpDelay;
 			if (mode !== void 0) await provider.setMode(mode);
 			if (model !== void 0) await provider.setModel(model);
-			if (delay !== void 0 && delay > 0) await new Promise((resolve$4) => setTimeout(resolve$4, delay));
+			if (delay !== void 0 && delay > 0) {
+				console.log(`[dev-inspector] [acp] Delaying response by ${delay}ms, agent: ${agent.name}`);
+				await new Promise((resolve$4) => setTimeout(resolve$4, delay));
+			}
 			const response = streamText({
 				model: provider.languageModel(),
 				includeRawChunks: true,
@@ -88197,6 +88253,8 @@ 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";
+	let resolvedHost = options.host || "localhost";
+	let resolvedPort = options.port || 5173;
 	if (!enabled) return { name: "unplugin-dev-inspector" };
 	return {
 		name: "unplugin-dev-inspector",
@@ -88212,10 +88270,22 @@ if (import.meta.env.DEV) {
     // 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');
-    script.src = '/__inspector__/inspector.iife.js';
+    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);
   }
@@ -88246,9 +88316,45 @@ if (import.meta.env.DEV) {
 		},
 		vite: {
 			apply: "serve",
-			transformIndexHtml(html$2) {
-				if (!(options.autoInject ?? true)) return html$2;
-				return html$2.replace("</body>", `<dev-inspector-mcp></dev-inspector-mcp><script src="/__inspector__/inspector.iife.js"><\/script></body>`);
+			configResolved(config) {
+				const viteHost = config.server.host;
+				resolvedHost = options.host ?? (typeof viteHost === "string" ? viteHost : viteHost === true ? "0.0.0.0" : "localhost");
+				resolvedPort = options.port ?? config.server.port ?? 5173;
+				if (resolvedHost === "0.0.0.0") resolvedHost = "localhost";
+			},
+			transformIndexHtml: {
+				order: "pre",
+				handler(html$2, ctx) {
+					if (!(options.autoInject ?? true)) return html$2;
+					const server = ctx.server;
+					const viteHost = server?.config.server.host;
+					const host = options.host ?? (typeof viteHost === "string" ? viteHost : viteHost === true ? "0.0.0.0" : "localhost");
+					const port = options.port ?? server?.config.server.port ?? 5173;
+					const base = server?.config.base ?? "/";
+					const displayHost = host === "0.0.0.0" ? "localhost" : host;
+					return html$2.replace("</body>", `<dev-inspector-mcp></dev-inspector-mcp><script>
+(function() {
+  if (!window.__DEV_INSPECTOR_LOADED__) {
+    window.__DEV_INSPECTOR_LOADED__ = true;
+    // Store dev server config for client-side use (e.g., config-loader.ts)
+    window.__DEV_INSPECTOR_CONFIG__ = {
+      host: '${displayHost}',
+      port: '${port}',
+      base: '${base}'
+    };
+    var script = document.createElement('script');
+    var config = window.__DEV_INSPECTOR_CONFIG__;
+    var 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);
+  }
+})();
+<\/script></body>`);
+				}
 			},
 			async configureServer(server) {
 				if (enableMcp) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpc-tech/unplugin-dev-inspector-mcp",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
   "type": "module",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "build:client": "tsdown --config tsdown.client.config.ts",
     "dev:plugin": "tsdown --watch",
     "dev:client": "tsdown --config tsdown.client.config.ts --watch",
-    "prepublishOnly": "pnpm build"
+    "prepublishOnly": "cp ../../README.md . && pnpm build"
   },
   "peerDependencies": {
     "esbuild": ">=0.17.0",