@mcpc-tech/unplugin-dev-inspector-mcp 0.1.9 → 0.1.10

package/dist/cli.cjs

@@ -1,206 +1,111 @@
 #!/usr/bin/env node
 const require_chunk = require('./chunk.cjs');
 const require_config_updater = require('./config-updater.cjs');
-let node_http = require("node:http");
-node_http = require_chunk.__toESM(node_http);
-let child_process = require("child_process");
 let fs = require("fs");
 let path = require("path");
+let child_process = require("child_process");
 let _babel_parser = require("@babel/parser");
 let _babel_traverse = require("@babel/traverse");
 _babel_traverse = require_chunk.__toESM(_babel_traverse);
 let magic_string = require("magic-string");
 magic_string = require_chunk.__toESM(magic_string);
+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;
+//#region src/utils/package-manager.ts
+function detectPackageManager(cwd = process.cwd()) {
+	let current = cwd;
+	const root = (0, path.dirname)(cwd) === cwd ? cwd : "/";
+	while (current !== root) {
+		if ((0, fs.existsSync)((0, path.join)(current, "pnpm-lock.yaml"))) return "pnpm";
+		if ((0, fs.existsSync)((0, path.join)(current, "yarn.lock"))) return "yarn";
+		if ((0, fs.existsSync)((0, path.join)(current, "bun.lockb"))) return "bun";
+		if ((0, fs.existsSync)((0, path.join)(current, "package-lock.json"))) return "npm";
+		const parent = (0, path.dirname)(current);
+		if (parent === current) break;
+		current = parent;
 	}
-	listen(...args) {
-		return this.server.listen(...args);
+	const userAgent = process.env.npm_config_user_agent;
+	if (userAgent) {
+		if (userAgent.startsWith("pnpm")) return "pnpm";
+		if (userAgent.startsWith("yarn")) return "yarn";
+		if (userAgent.startsWith("bun")) return "bun";
 	}
-	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$1, reject) => {
-				this.server.listen(port, this.host, () => {
-					this.port = port;
-					resolve$1();
-				});
-				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}`);
+	return "npm";
+}
+function getInstallCommand(pm, packageName, dev = true) {
+	const flags = dev ? "-D" : "";
+	switch (pm) {
+		case "npm": return `npm install ${flags} ${packageName}`;
+		case "yarn": return `yarn add ${flags} ${packageName}`;
+		case "pnpm": return `pnpm add ${flags} ${packageName}`;
+		case "bun": return `bun add ${flags} ${packageName}`;
+		default: return `npm install ${flags} ${packageName}`;
 	}
-	close() {
-		this.server.close();
+}
+function installPackage(packageName, dev = true) {
+	const pm = detectPackageManager();
+	const command = getInstallCommand(pm, packageName, dev);
+	console.log(`\n📦 Installing ${packageName} with ${pm}...`);
+	console.log(`   Running: ${command}`);
+	try {
+		(0, child_process.execSync)(command, { stdio: "inherit" });
+		console.log(`✅ Successfully installed ${packageName}`);
+		return true;
+	} catch (error) {
+		console.error(`❌ Failed to install ${packageName}`);
+		return false;
 	}
-};
-let globalServer = null;
-async function startStandaloneServer(options = {}) {
-	if (globalServer) return {
-		server: globalServer,
-		host: globalServer.host,
-		port: globalServer.port,
-		isNew: false
-	};
-	globalServer = new StandaloneServer();
-	const { host, port } = await globalServer.start(options);
-	return {
-		server: globalServer,
-		host,
-		port,
-		isNew: true
-	};
 }
 
 //#endregion
-//#region src/utils/config-detector.ts
-require_config_updater.init_helpers();
-const CONFIG_PATTERNS = {
-	vite: [
-		"vite.config.ts",
-		"vite.config.js",
-		"vite.config.mjs"
-	],
-	webpack: ["webpack.config.ts", "webpack.config.js"],
-	nextjs: [
-		"next.config.ts",
-		"next.config.js",
-		"next.config.mjs"
-	]
-};
-/**
-* Auto-detect bundler configuration files in the given directory
-* @param cwd - Current working directory (defaults to process.cwd())
-* @returns Array of detected configurations
-*/
-function detectConfigs(cwd = process.cwd()) {
-	const detected = [];
-	for (const [bundler, patterns] of Object.entries(CONFIG_PATTERNS)) for (const pattern of patterns) {
-		const configPath = (0, path.resolve)(cwd, pattern);
-		if ((0, fs.existsSync)(configPath)) {
-			detected.push({
-				path: configPath,
-				bundler,
-				exists: true
-			});
-			break;
-		}
-	}
-	return detected;
-}
+//#region src/commands/setup/utils.ts
 /**
-* Detect a specific bundler configuration
-* @param bundler - Bundler type to detect
-* @param cwd - Current working directory
-* @returns Detected config or null
+* Detects a configuration file in the given directory based on patterns.
 */
-function detectConfig(bundler, cwd = process.cwd()) {
-	const patterns = CONFIG_PATTERNS[bundler];
+function detectConfigFile(cwd, patterns) {
 	for (const pattern of patterns) {
 		const configPath = (0, path.resolve)(cwd, pattern);
-		if ((0, fs.existsSync)(configPath)) return {
-			path: configPath,
-			bundler,
-			exists: true
-		};
+		if ((0, fs.existsSync)(configPath)) return configPath;
 	}
 	return null;
 }
 /**
-* Find config file by explicit path
-* @param configPath - Explicit path to config file
-* @returns Detected config or null
+* Calculates the character position to insert an import, based on the last import line.
 */
-function detectConfigByPath(configPath) {
-	if (!(0, fs.existsSync)(configPath)) return null;
-	const fileName = configPath.split("/").pop() || "";
-	for (const [bundler, patterns] of Object.entries(CONFIG_PATTERNS)) if (patterns.some((pattern) => fileName.includes(pattern.split(".")[0]))) return {
-		path: configPath,
-		bundler,
-		exists: true
-	};
-	return null;
+function getInsertPosition(code, lastImportLine) {
+	const lines = code.split("\n");
+	let insertPos = 0;
+	for (let i = 0; i < lastImportLine; i++) insertPos += lines[i].length + 1;
+	return insertPos;
 }
-
-//#endregion
-//#region src/utils/codemod-transformer.ts
-const traverse = _babel_traverse.default.default || _babel_traverse.default;
-const PLUGIN_IMPORT = "@mcpc-tech/unplugin-dev-inspector-mcp";
-const PLUGIN_VAR_NAME = "DevInspector";
 /**
-* Check if DevInspector is already imported in the code
+* Sanitizes a path string to prevent syntax errors in generated code.
 */
-function hasDevInspectorImport(code) {
-	return code.includes(PLUGIN_IMPORT);
+function sanitizePath(path$1) {
+	return path$1.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "");
 }
 /**
-* Transform Vite configuration to add DevInspector
+* Generates formatted plugin options string.
 */
-function transformViteConfig(options) {
-	const { configPath } = options;
+function getPluginOptions(options, indent = 6) {
+	if (!options.entryPath) return "{ enabled: true }";
+	const baseIndent = " ".repeat(indent);
+	return `{
+${baseIndent}enabled: true,
+${baseIndent}entry: '${sanitizePath(options.entryPath)}',
+${baseIndent}autoInject: false,
+${baseIndent.slice(2)}}`;
+}
+
+//#endregion
+//#region src/commands/setup/frameworks/vite.ts
+const traverse$2 = _babel_traverse.default.default || _babel_traverse.default;
+const PLUGIN_IMPORT$2 = "@mcpc-tech/unplugin-dev-inspector-mcp";
+const PLUGIN_VAR_NAME$2 = "DevInspector";
+function transformViteConfig(code, options) {
 	try {
-		const code = (0, fs.readFileSync)(configPath, "utf-8");
-		if (hasDevInspectorImport(code)) return {
+		if (code.includes(PLUGIN_IMPORT$2)) return {
 			success: true,
 			modified: false,
 			message: "DevInspector is already configured in this file"
@@ -214,7 +119,7 @@ function transformViteConfig(options) {
 		let pluginsArrayStart = -1;
 		let firstPluginStart = -1;
 		let hasPluginsArray = false;
-		traverse(ast, {
+		traverse$2(ast, {
 			ImportDeclaration(path$1) {
 				if (path$1.node.loc) lastImportEnd = Math.max(lastImportEnd, path$1.node.loc.end.line);
 			},
@@ -229,18 +134,16 @@ function transformViteConfig(options) {
 				}
 			}
 		});
-		const lines = code.split("\n");
-		const importLine = `import ${PLUGIN_VAR_NAME} from '${PLUGIN_IMPORT}';\n`;
+		const importLine = `import ${PLUGIN_VAR_NAME$2} from '${PLUGIN_IMPORT$2}';\n`;
 		if (lastImportEnd > 0) {
-			let insertPos = 0;
-			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			const insertPos = getInsertPosition(code, lastImportEnd);
 			s.appendLeft(insertPos, importLine);
 		} else s.prepend(importLine);
 		if (hasPluginsArray && firstPluginStart > -1) {
-			const pluginCall = `${PLUGIN_VAR_NAME}.vite({\n      enabled: true,\n    }),\n    `;
+			const pluginCall = `${PLUGIN_VAR_NAME$2}.vite(${getPluginOptions(options, 6)}),\n    `;
 			s.appendLeft(firstPluginStart, pluginCall);
 		} else if (hasPluginsArray && pluginsArrayStart > -1) {
-			const pluginCall = `\n    ${PLUGIN_VAR_NAME}.vite({\n      enabled: true,\n    }),\n  `;
+			const pluginCall = `\n    ${PLUGIN_VAR_NAME$2}.vite(${getPluginOptions(options, 6)}),\n  `;
 			s.appendLeft(pluginsArrayStart + 1, pluginCall);
 		} else return {
 			success: false,
@@ -263,14 +166,22 @@ function transformViteConfig(options) {
 		};
 	}
 }
-/**
-* Transform Webpack configuration to add DevInspector
-*/
-function transformWebpackConfig(options) {
-	const { configPath } = options;
+function detectViteConfig(cwd) {
+	return detectConfigFile(cwd, [
+		"vite.config.ts",
+		"vite.config.js",
+		"vite.config.mjs"
+	]);
+}
+
+//#endregion
+//#region src/commands/setup/frameworks/webpack.ts
+const traverse$1 = _babel_traverse.default.default || _babel_traverse.default;
+const PLUGIN_IMPORT$1 = "@mcpc-tech/unplugin-dev-inspector-mcp";
+const PLUGIN_VAR_NAME$1 = "DevInspector";
+function transformWebpackConfig(code, options) {
 	try {
-		const code = (0, fs.readFileSync)(configPath, "utf-8");
-		if (hasDevInspectorImport(code)) return {
+		if (code.includes(PLUGIN_IMPORT$1)) return {
 			success: true,
 			modified: false,
 			message: "DevInspector is already configured in this file"
@@ -283,7 +194,7 @@ function transformWebpackConfig(options) {
 		});
 		let lastImportEnd = 0;
 		let pluginsArrayStart = -1;
-		traverse(ast, {
+		traverse$1(ast, {
 			ImportDeclaration(path$1) {
 				if (path$1.node.loc) lastImportEnd = Math.max(lastImportEnd, path$1.node.loc.end.line);
 			},
@@ -296,15 +207,13 @@ function transformWebpackConfig(options) {
 				}
 			}
 		});
-		const lines = code.split("\n");
-		const importLine = isESM ? `import ${PLUGIN_VAR_NAME} from '${PLUGIN_IMPORT}';\n` : `const ${PLUGIN_VAR_NAME} = require('${PLUGIN_IMPORT}');\n`;
+		const importLine = isESM ? `import ${PLUGIN_VAR_NAME$1} from '${PLUGIN_IMPORT$1}';\n` : `const ${PLUGIN_VAR_NAME$1} = require('${PLUGIN_IMPORT$1}');\n`;
 		if (lastImportEnd > 0) {
-			let insertPos = 0;
-			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			const insertPos = getInsertPosition(code, lastImportEnd);
 			s.appendLeft(insertPos, importLine);
 		} else s.prepend(importLine);
 		if (pluginsArrayStart > -1) {
-			const pluginCall = `\n    ${PLUGIN_VAR_NAME}.webpack({\n      enabled: true,\n    }),`;
+			const pluginCall = `\n    ${PLUGIN_VAR_NAME$1}.webpack(${getPluginOptions(options, 6)}),`;
 			s.appendLeft(pluginsArrayStart + 1, pluginCall);
 		} else return {
 			success: false,
@@ -327,14 +236,23 @@ function transformWebpackConfig(options) {
 		};
 	}
 }
-/**
-* Transform Next.js configuration to add DevInspector
-*/
-function transformNextConfig(options) {
-	const { configPath } = options;
+function detectWebpackConfig(cwd) {
+	return detectConfigFile(cwd, [
+		"webpack.config.ts",
+		"webpack.config.js",
+		"webpack.config.cjs",
+		"webpack.config.mjs"
+	]);
+}
+
+//#endregion
+//#region src/commands/setup/frameworks/nextjs.ts
+const traverse = _babel_traverse.default.default || _babel_traverse.default;
+const PLUGIN_IMPORT = "@mcpc-tech/unplugin-dev-inspector-mcp";
+const PLUGIN_VAR_NAME = "DevInspector";
+function transformNextConfig(code, _options) {
 	try {
-		const code = (0, fs.readFileSync)(configPath, "utf-8");
-		if (hasDevInspectorImport(code)) return {
+		if (code.includes(PLUGIN_IMPORT)) return {
 			success: true,
 			modified: false,
 			message: "DevInspector is already configured in this file"
@@ -347,6 +265,7 @@ function transformNextConfig(options) {
 		let lastImportEnd = 0;
 		let nextConfigStart = -1;
 		let hasWebpackProperty = false;
+		let hasTurbopackProperty = false;
 		traverse(ast, {
 			ImportDeclaration(path$1) {
 				if (path$1.node.loc) lastImportEnd = Math.max(lastImportEnd, path$1.node.loc.end.line);
@@ -355,25 +274,36 @@ function transformNextConfig(options) {
 				if (path$1.node.id.type === "Identifier" && path$1.node.id.name === "nextConfig" && path$1.node.init?.type === "ObjectExpression") {
 					if (path$1.node.init.start !== null && path$1.node.init.start !== void 0) nextConfigStart = path$1.node.init.start;
 					path$1.node.init.properties.forEach((prop) => {
-						if (prop.type === "ObjectProperty" && prop.key.type === "Identifier" && prop.key.name === "webpack") hasWebpackProperty = true;
+						if (prop.type === "ObjectProperty" && prop.key.type === "Identifier") {
+							if (prop.key.name === "webpack") hasWebpackProperty = true;
+							if (prop.key.name === "turbopack") hasTurbopackProperty = true;
+						}
 					});
 				}
 			}
 		});
-		const lines = code.split("\n");
-		const importLine = `import ${PLUGIN_VAR_NAME} from '${PLUGIN_IMPORT}';\n`;
+		const importLine = `import ${PLUGIN_VAR_NAME}, { turbopackDevInspector } from '${PLUGIN_IMPORT}';\n`;
 		if (lastImportEnd > 0) {
-			let insertPos = 0;
-			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			const insertPos = getInsertPosition(code, lastImportEnd);
 			s.appendLeft(insertPos, importLine);
 		} else s.prepend(importLine);
-		if (nextConfigStart > -1 && !hasWebpackProperty) {
-			const webpackConfig = `\n  webpack: (config) => {\n    config.plugins.push(\n      ${PLUGIN_VAR_NAME}.webpack({\n        enabled: true,\n      })\n    );\n    return config;\n  },`;
+		if (nextConfigStart > -1 && !hasWebpackProperty && !hasTurbopackProperty) {
+			const pluginOptions = "{ enabled: true }";
+			const webpackConfig = `
+  webpack: (config) => {
+    config.plugins.push(
+      ${PLUGIN_VAR_NAME}.webpack(${pluginOptions})
+    );
+    return config;
+  },
+  turbopack: {
+    rules: turbopackDevInspector(${pluginOptions}),
+  },`;
 			s.appendLeft(nextConfigStart + 1, webpackConfig);
-		} else if (hasWebpackProperty) return {
+		} else if (hasWebpackProperty || hasTurbopackProperty) return {
 			success: false,
 			modified: false,
-			message: "Webpack property already exists. Please add DevInspector manually to avoid conflicts"
+			message: `${hasWebpackProperty ? "webpack" : "turbopack"} property already exists. Please add DevInspector manually to avoid conflicts`
 		};
 		else return {
 			success: false,
@@ -396,33 +326,13 @@ function transformNextConfig(options) {
 		};
 	}
 }
-/**
-* Main transform function that routes to the appropriate transformer
-*/
-function transformConfig(options) {
-	switch (options.bundler) {
-		case "vite": return transformViteConfig(options);
-		case "webpack": return transformWebpackConfig(options);
-		case "nextjs": return transformNextConfig(options);
-		default: return {
-			success: false,
-			modified: false,
-			error: `Unknown bundler type: ${options.bundler}`,
-			message: "Unsupported bundler type"
-		};
-	}
-}
-/**
-* Transform entry file to add DevInspector import
-*/
-function transformEntryFile(options) {
-	const { entryPath } = options;
+function transformNextLayout(code) {
 	try {
-		const code = (0, fs.readFileSync)(entryPath, "utf-8");
-		if (code.includes("virtual:dev-inspector-mcp")) return {
+		const COMPONENT_IMPORT = "@mcpc-tech/unplugin-dev-inspector-mcp/next";
+		if (code.includes("DevInspector") || code.includes(COMPONENT_IMPORT)) return {
 			success: true,
 			modified: false,
-			message: "DevInspector is already imported in this file"
+			message: "DevInspector component is already in this file"
 		};
 		const s = new magic_string.default(code);
 		const ast = (0, _babel_parser.parse)(code, {
@@ -430,88 +340,55 @@ function transformEntryFile(options) {
 			plugins: ["typescript", "jsx"]
 		});
 		let lastImportEnd = 0;
-		traverse(ast, { ImportDeclaration(path$1) {
-			if (path$1.node.loc) lastImportEnd = Math.max(lastImportEnd, path$1.node.loc.end.line);
-		} });
-		const lines = code.split("\n");
-		const importLine = "import 'virtual:dev-inspector-mcp';\n";
+		let bodyStart = -1;
+		traverse(ast, {
+			ImportDeclaration(path$1) {
+				if (path$1.node.loc) lastImportEnd = Math.max(lastImportEnd, path$1.node.loc.end.line);
+			},
+			JSXElement(path$1) {
+				if (path$1.node.openingElement.name.type === "JSXIdentifier" && path$1.node.openingElement.name.name === "body" && path$1.node.start !== null) {
+					const openingEnd = path$1.node.openingElement.end;
+					if (openingEnd !== null && openingEnd !== void 0) bodyStart = openingEnd;
+				}
+			}
+		});
+		const importLine = `import { DevInspector } from "${COMPONENT_IMPORT}";\n`;
 		if (lastImportEnd > 0) {
-			let insertPos = 0;
-			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			const insertPos = getInsertPosition(code, lastImportEnd);
 			s.appendLeft(insertPos, importLine);
 		} else s.prepend(importLine);
+		if (bodyStart > -1) s.appendLeft(bodyStart, "\n        <DevInspector />");
+		else return {
+			success: false,
+			modified: false,
+			error: "Could not find <body> element",
+			message: "Please add <DevInspector /> manually to your layout"
+		};
 		return {
 			success: true,
 			modified: true,
 			code: s.toString(),
-			message: "Successfully added DevInspector import to entry file"
+			message: "Successfully added DevInspector component to layout"
 		};
 	} catch (error) {
 		return {
 			success: false,
 			modified: false,
 			error: error instanceof Error ? error.message : String(error),
-			message: "Failed to transform entry file"
+			message: "Failed to transform layout file"
 		};
 	}
 }
-
-//#endregion
-//#region src/utils/package-manager.ts
-function detectPackageManager(cwd = process.cwd()) {
-	let current = cwd;
-	const root = (0, path.dirname)(cwd) === cwd ? cwd : "/";
-	while (current !== root) {
-		if ((0, fs.existsSync)((0, path.join)(current, "pnpm-lock.yaml"))) return "pnpm";
-		if ((0, fs.existsSync)((0, path.join)(current, "yarn.lock"))) return "yarn";
-		if ((0, fs.existsSync)((0, path.join)(current, "bun.lockb"))) return "bun";
-		if ((0, fs.existsSync)((0, path.join)(current, "package-lock.json"))) return "npm";
-		const parent = (0, path.dirname)(current);
-		if (parent === current) break;
-		current = parent;
-	}
-	const userAgent = process.env.npm_config_user_agent;
-	if (userAgent) {
-		if (userAgent.startsWith("pnpm")) return "pnpm";
-		if (userAgent.startsWith("yarn")) return "yarn";
-		if (userAgent.startsWith("bun")) return "bun";
-	}
-	return "npm";
-}
-function getInstallCommand(pm, packageName, dev = true) {
-	const flags = dev ? "-D" : "";
-	switch (pm) {
-		case "npm": return `npm install ${flags} ${packageName}`;
-		case "yarn": return `yarn add ${flags} ${packageName}`;
-		case "pnpm": return `pnpm add ${flags} ${packageName}`;
-		case "bun": return `bun add ${flags} ${packageName}`;
-		default: return `npm install ${flags} ${packageName}`;
-	}
-}
-function installPackage(packageName, dev = true) {
-	const pm = detectPackageManager();
-	const command = getInstallCommand(pm, packageName, dev);
-	console.log(`\n📦 Installing ${packageName} with ${pm}...`);
-	console.log(`   Running: ${command}`);
-	try {
-		(0, child_process.execSync)(command, { stdio: "inherit" });
-		console.log(`✅ Successfully installed ${packageName}`);
-		return true;
-	} catch (error) {
-		console.error(`❌ Failed to install ${packageName}`);
-		return false;
-	}
+function detectNextConfig(cwd) {
+	return detectConfigFile(cwd, [
+		"next.config.ts",
+		"next.config.js",
+		"next.config.mjs"
+	]);
 }
 
 //#endregion
-//#region src/cli.ts
-/**
-* CLI for dev-inspector
-*
-* Commands:
-*   setup - Add DevInspector to your bundler config
-*   server - Start standalone MCP server (default)
-*/
+//#region src/commands/setup/index.ts
 async function runSetupCommand() {
 	const args = process.argv.slice(3);
 	let dryRun = false;
@@ -529,31 +406,7 @@ async function runSetupCommand() {
 		bundlerType = args[i + 1];
 		i++;
 	} else if (args[i] === "--help" || args[i] === "-h") {
-		console.log(`
-╔══════════════════════════════════════════════════════════╗
-║           🔧 DevInspector Setup Command                  ║
-╚══════════════════════════════════════════════════════════╝
-
-Usage:
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup [options]
-
-Options:
-  --config <path>         Specify config file path (auto-detect by default)
-  --entry <path>          Specify entry file path to add import (optional)
-  --bundler <type>        Specify bundler type: vite, webpack, nextjs
-  --dry-run               Preview changes without applying them
-  --help, -h              Show this help message
-
-Examples:
-  # Auto-detect and setup
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup
-
-  # Setup defining entry file (for React Router v7 / non-HTML apps)
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --entry src/main.tsx
-
-  # Preview changes without applying
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --dry-run
-`);
+		printHelp();
 		process.exit(0);
 	}
 	console.log(`
@@ -562,107 +415,287 @@ Examples:
 ╚══════════════════════════════════════════════════════════╝
 `);
 	try {
-		let targetConfig;
+		const cwd = process.cwd();
+		let selectedConfigPath = null;
+		let selectedBundler = null;
+		const frameworks = [
+			{
+				type: "vite",
+				detect: detectViteConfig,
+				transform: transformViteConfig
+			},
+			{
+				type: "webpack",
+				detect: detectWebpackConfig,
+				transform: transformWebpackConfig
+			},
+			{
+				type: "nextjs",
+				detect: detectNextConfig,
+				transform: transformNextConfig
+			}
+		];
+		const validBundlers = [
+			"vite",
+			"webpack",
+			"nextjs"
+		];
 		if (configPath) {
-			targetConfig = detectConfigByPath(configPath);
-			if (!targetConfig) {
-				console.error(`❌ Config file not found: ${configPath}`);
+			if (!(0, fs.existsSync)(configPath)) {
+				console.error(`❌ Provided config file does not exist: ${configPath}`);
+				process.exit(1);
+			}
+			selectedConfigPath = configPath;
+			const filename = configPath.toLowerCase();
+			if (/vite\.config\.(ts|js|mjs)$/i.test(filename)) selectedBundler = "vite";
+			else if (/webpack\.config\.(ts|js|cjs|mjs)$/i.test(filename)) selectedBundler = "webpack";
+			else if (/next\.config\.(ts|js|mjs)$/i.test(filename)) selectedBundler = "nextjs";
+			if (!selectedBundler) {
+				console.error(`❌ Could not determine bundler type from config path: ${configPath}`);
+				console.error(`💡 Use --bundler flag to specify: ${validBundlers.join(", ")}`);
 				process.exit(1);
 			}
 		} else if (bundlerType) {
-			targetConfig = detectConfig(bundlerType);
-			if (!targetConfig) {
-				console.error(`❌ No ${bundlerType} config file found in current directory`);
+			if (!validBundlers.includes(bundlerType)) {
+				console.error(`❌ Invalid bundler type: ${bundlerType}`);
+				console.error(`💡 Valid options: ${validBundlers.join(", ")}`);
 				process.exit(1);
 			}
+			selectedBundler = bundlerType;
+			const fw = frameworks.find((f) => f.type === bundlerType);
+			if (fw) selectedConfigPath = fw.detect(cwd);
 		} else {
-			const detected = detectConfigs();
+			const detected = frameworks.map((f) => ({
+				type: f.type,
+				path: f.detect(cwd)
+			})).filter((d) => d.path !== null);
 			if (detected.length === 0) {
 				console.error("❌ No bundler config files found in current directory");
-				console.log("\nSupported configs: vite.config.{ts,js,mjs}, webpack.config.{ts,js}, next.config.{ts,js,mjs}");
 				process.exit(1);
 			}
 			if (detected.length > 1) {
 				console.log("📦 Multiple configs detected:");
-				detected.forEach((config, i) => {
-					console.log(`  ${i + 1}. ${config.bundler}: ${config.path}`);
-				});
+				detected.forEach((d, i) => console.log(`  ${i + 1}. ${d.type}: ${d.path}`));
 				console.log("\n💡 Tip: Use --bundler or --config to specify which one to transform");
-				targetConfig = detected[0];
-				console.log(`\n🎯 Using: ${targetConfig.bundler} (${targetConfig.path})`);
-			} else {
-				targetConfig = detected[0];
-				console.log(`🎯 Detected: ${targetConfig.bundler} config at ${targetConfig.path}`);
 			}
+			selectedBundler = detected[0].type;
+			selectedConfigPath = detected[0].path;
+			console.log(`🎯 Using: ${selectedBundler} (${selectedConfigPath})`);
 		}
-		console.log(`\n${dryRun ? "🔍 Previewing" : "🔧 Transforming"} ${targetConfig.bundler} config...`);
-		const result = transformConfig({
-			configPath: targetConfig.path,
-			bundler: targetConfig.bundler,
-			dryRun
-		});
+		if (!selectedConfigPath || !selectedBundler) {
+			console.error(`❌ Could not find or detect ${bundlerType || "any"} configuration`);
+			process.exit(1);
+		}
+		console.log(`\n${dryRun ? "🔍 Previewing" : "🔧 Transforming"} ${selectedBundler} config...`);
+		const code = (0, fs.readFileSync)(selectedConfigPath, "utf-8");
+		const options = {
+			dryRun,
+			configPath: selectedConfigPath,
+			entryPath
+		};
+		const framework = frameworks.find((f) => f.type === selectedBundler);
+		if (!framework) {
+			console.error(`❌ Unsupported bundler: ${selectedBundler}`);
+			process.exit(1);
+		}
+		const result = framework.transform(code, options);
 		if (!result.success) {
 			console.error(`\n❌ ${result.message}`);
 			if (result.error) console.error(`   Error: ${result.error}`);
 			process.exit(1);
 		}
-		let entryResult;
-		if (entryPath) {
-			console.log(`\n${dryRun ? "🔍 Previewing" : "🔧 Transforming"} entry file: ${entryPath}...`);
-			const { transformEntryFile: transformEntryFile$1 } = await Promise.resolve().then(() => require("./codemod-transformer.cjs"));
-			entryResult = transformEntryFile$1({
-				entryPath,
-				dryRun
-			});
-			if (!entryResult.success) {
-				console.error(`\n❌ ${entryResult.message}`);
-				if (entryResult.error) console.error(`   Error: ${entryResult.error}`);
-			}
-		}
 		if (dryRun) {
-			if (result.modified) {
-				console.log("\n📄 Preview of config changes:");
-				console.log("─".repeat(60));
-				console.log(result.code);
-				console.log("─".repeat(60));
-			} else console.log(`\n✅ Config: ${result.message}`);
-			if (entryPath && entryResult) {
-				if (entryResult.modified) {
-					console.log("\n📄 Preview of entry file changes:");
-					console.log("─".repeat(60));
-					console.log(entryResult.code);
-					console.log("─".repeat(60));
-				} else if (entryResult.success) console.log(`\n✅ Entry file: ${entryResult.message}`);
-			}
-			console.log("\n💡 Run without --dry-run to apply these changes");
+			showPreview(result);
 			process.exit(0);
 		}
 		const installed = installPackage("@mcpc-tech/unplugin-dev-inspector-mcp", true);
+		if (!installed) console.warn("⚠️  Package installation failed, but setup will continue with config transformation.");
 		if (result.modified) {
-			(0, fs.writeFileSync)(targetConfig.path, result.code, "utf-8");
+			(0, fs.writeFileSync)(selectedConfigPath, result.code, "utf-8");
 			console.log(`\n✅ ${result.message}`);
 		} else console.log(`\n✅ ${result.message}`);
-		if (entryPath && entryResult && entryResult.success) if (entryResult.modified) {
-			(0, fs.writeFileSync)(entryPath, entryResult.code, "utf-8");
-			console.log(`✅ ${entryResult.message}`);
-		} else console.log(`✅ ${entryResult.message}`);
-		console.log(`\n📝 Next steps:`);
-		console.log(`   1. Review the changes in ${targetConfig.path}${entryPath ? ` and ${entryPath}` : ""} and package.json`);
-		if (!installed) {
-			console.log(`   2. Install the package: npm i -D @mcpc-tech/unplugin-dev-inspector-mcp`);
-			console.log(`   3. Start your dev server`);
-		} else console.log(`   2. Start your dev server`);
-		if (targetConfig.bundler === "vite") {
-			console.log(`\n⚠️  Important: DevInspector should be placed BEFORE framework plugins (react/vue/svelte)`);
-			console.log(`   Please verify the plugin order in your config.`);
+		if (selectedBundler === "nextjs" && entryPath) {
+			const layoutPath = (0, path.resolve)(cwd, entryPath);
+			if (!(0, fs.existsSync)(layoutPath)) {
+				console.warn(`\n⚠️  Layout file not found: ${layoutPath}`);
+				console.warn(`   Skipping layout transformation. Please add <DevInspector /> manually.`);
+			} else {
+				console.log(`\n🔧 Transforming layout file...`);
+				const layoutResult = transformNextLayout((0, fs.readFileSync)(layoutPath, "utf-8"));
+				if (layoutResult.success && layoutResult.modified) {
+					if (!dryRun) (0, fs.writeFileSync)(layoutPath, layoutResult.code, "utf-8");
+					console.log(`✅ ${layoutResult.message}`);
+				} else if (!layoutResult.success) {
+					console.warn(`⚠️  ${layoutResult.message}`);
+					if (layoutResult.error) console.warn(`   ${layoutResult.error}`);
+				} else console.log(`ℹ️  ${layoutResult.message}`);
+			}
 		}
+		printNextSteps(selectedConfigPath, entryPath, selectedBundler, installed);
 	} catch (error) {
 		console.error("❌ Setup failed:", error instanceof Error ? error.message : error);
 		process.exit(1);
 	}
 }
+function printHelp() {
+	console.log(`
+Usage:
+  npx @mcpc-tech/unplugin-dev-inspector-mcp setup [options]
+
+Options:
+  --config <path>         Specify config file path (auto-detect by default)
+  --entry <path>          Specify entry file path to add import (optional)
+  --bundler <type>        Specify bundler type: vite, webpack, nextjs
+  --dry-run               Preview changes without applying them
+  --help, -h              Show this help message
+`);
+}
+function showPreview(result) {
+	if (result.modified) {
+		console.log("\n📄 Preview of config changes:");
+		console.log("─".repeat(60));
+		console.log(result.code);
+		console.log("─".repeat(60));
+	} else console.log(`\n✅ Config: ${result.message}`);
+	console.log("\n💡 Run without --dry-run to apply these changes");
+}
+function printNextSteps(configPath, entryPath, bundler, installed) {
+	console.log(`\n📝 Next steps:`);
+	if (!installed) {
+		console.log(`   1. Install the package manually: npm install -D @mcpc-tech/unplugin-dev-inspector-mcp`);
+		console.log(`   2. Review the changes in ${configPath} and package.json`);
+		console.log(`   3. Start your dev server`);
+	} else {
+		console.log(`   1. Review the changes in ${configPath} and package.json`);
+		console.log(`   2. Start your dev server`);
+	}
+	if (entryPath) {
+		console.log(`\n💡 Entry file specified: ${entryPath}`);
+		console.log(`   This has been added to your config with autoInject: false`);
+		console.log(`   No modifications were made to your entry file`);
+	}
+	if (bundler === "nextjs") {
+		console.log(`\n⚠️  Next.js 16+ uses Turbopack by default`);
+		console.log(`   Turbopack mode requires running a standalone MCP server:`);
+		console.log(`   `);
+		console.log(`   Terminal 1: npm run dev`);
+		console.log(`   Terminal 2: npx dev-inspector-server`);
+		console.log(`   `);
+		console.log(`   Or use concurrently: npx concurrently "npm run dev" "npx dev-inspector-server"`);
+		console.log(`   (Webpack mode works without standalone server: npm run dev -- --webpack)`);
+	}
+	if (bundler === "vite") {
+		console.log(`\n⚠️  Important: DevInspector should be placed BEFORE framework plugins (react/vue/svelte)`);
+		console.log(`   Please verify the plugin order in your config.`);
+	}
+}
+
+//#endregion
+//#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$2, reject) => {
+				this.server.listen(port, this.host, () => {
+					this.port = port;
+					resolve$2();
+				});
+				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,
+		isNew: false
+	};
+	globalServer = new StandaloneServer();
+	const { host, port } = await globalServer.start(options);
+	return {
+		server: globalServer,
+		host,
+		port,
+		isNew: true
+	};
+}
+
+//#endregion
+//#region src/commands/server/index.ts
+require_config_updater.init_helpers();
 async function runServerCommand() {
-	const args = process.argv.slice(2);
+	const args = process.argv.slice(3);
 	let port = 8888;
 	let host = "localhost";
 	for (let i = 0; i < args.length; i++) if (args[i] === "--port" && args[i + 1]) {
@@ -725,6 +758,16 @@ Example:
 		process.exit(1);
 	}
 }
+
+//#endregion
+//#region src/cli.ts
+/**
+* CLI for dev-inspector
+*
+* Commands:
+*   setup - Add DevInspector to your bundler config
+*   server - Start standalone MCP server (default)
+*/
 async function main() {
 	const command = process.argv[2];
 	if (command === "setup") await runSetupCommand();
@@ -748,9 +791,4 @@ main();
 
 //#endregion
 exports.StandaloneServer = StandaloneServer;
-exports.startStandaloneServer = startStandaloneServer;
-exports.transformConfig = transformConfig;
-exports.transformEntryFile = transformEntryFile;
-exports.transformNextConfig = transformNextConfig;
-exports.transformViteConfig = transformViteConfig;
-exports.transformWebpackConfig = transformWebpackConfig;
+exports.startStandaloneServer = startStandaloneServer;