@mcpc-tech/unplugin-dev-inspector-mcp 0.1.6 → 0.1.8

package/dist/cli.cjs

@@ -412,6 +412,49 @@ function transformConfig(options) {
 		};
 	}
 }
+/**
+* Transform entry file to add DevInspector import
+*/
+function transformEntryFile(options) {
+	const { entryPath } = options;
+	try {
+		const code = (0, fs.readFileSync)(entryPath, "utf-8");
+		if (code.includes("virtual:dev-inspector-mcp")) return {
+			success: true,
+			modified: false,
+			message: "DevInspector is already imported in this file"
+		};
+		const s = new magic_string.default(code);
+		const ast = (0, _babel_parser.parse)(code, {
+			sourceType: "module",
+			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";
+		if (lastImportEnd > 0) {
+			let insertPos = 0;
+			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			s.appendLeft(insertPos, importLine);
+		} else s.prepend(importLine);
+		return {
+			success: true,
+			modified: true,
+			code: s.toString(),
+			message: "Successfully added DevInspector import to entry file"
+		};
+	} catch (error) {
+		return {
+			success: false,
+			modified: false,
+			error: error instanceof Error ? error.message : String(error),
+			message: "Failed to transform entry file"
+		};
+	}
+}
 
 //#endregion
 //#region src/utils/package-manager.ts
@@ -474,10 +517,14 @@ async function runSetupCommand() {
 	let dryRun = false;
 	let configPath;
 	let bundlerType;
+	let entryPath;
 	for (let i = 0; i < args.length; i++) if (args[i] === "--dry-run") dryRun = true;
 	else if (args[i] === "--config" && args[i + 1]) {
 		configPath = args[i + 1];
 		i++;
+	} else if (args[i] === "--entry" && args[i + 1]) {
+		entryPath = args[i + 1];
+		i++;
 	} else if (args[i] === "--bundler" && args[i + 1]) {
 		bundlerType = args[i + 1];
 		i++;
@@ -485,10 +532,6 @@ async function runSetupCommand() {
 		console.log(`
 ╔══════════════════════════════════════════════════════════╗
 ║           🔧 DevInspector Setup Command                  ║
-╠══════════════════════════════════════════════════════════╣
-║                                                          ║
-║  Automatically add DevInspector to your bundler config   ║
-║                                                          ║
 ╚══════════════════════════════════════════════════════════╝
 
 Usage:
@@ -496,6 +539,7 @@ Usage:
 
 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
@@ -504,14 +548,11 @@ 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
-
-  # Setup specific config
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --config vite.config.ts
-
-  # Setup for specific bundler
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --bundler vite
 `);
 		process.exit(0);
 	}
@@ -565,23 +606,48 @@ Examples:
 			if (result.error) console.error(`   Error: ${result.error}`);
 			process.exit(1);
 		}
-		if (!result.modified) {
-			console.log(`\n✅ ${result.message}`);
-			process.exit(0);
+		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) {
-			console.log("\n📄 Preview of changes:");
-			console.log("─".repeat(60));
-			console.log(result.code);
-			console.log("─".repeat(60));
+			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");
 			process.exit(0);
 		}
-		(0, fs.writeFileSync)(targetConfig.path, result.code, "utf-8");
-		console.log(`\n✅ ${result.message}`);
 		const installed = installPackage("@mcpc-tech/unplugin-dev-inspector-mcp", true);
+		if (result.modified) {
+			(0, fs.writeFileSync)(targetConfig.path, 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} and package.json`);
+		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`);
@@ -682,4 +748,9 @@ main();
 
 //#endregion
 exports.StandaloneServer = StandaloneServer;
-exports.startStandaloneServer = startStandaloneServer;
+exports.startStandaloneServer = startStandaloneServer;
+exports.transformConfig = transformConfig;
+exports.transformEntryFile = transformEntryFile;
+exports.transformNextConfig = transformNextConfig;
+exports.transformViteConfig = transformViteConfig;
+exports.transformWebpackConfig = transformWebpackConfig;

package/dist/cli.js

@@ -408,6 +408,49 @@ function transformConfig(options) {
 		};
 	}
 }
+/**
+* Transform entry file to add DevInspector import
+*/
+function transformEntryFile(options) {
+	const { entryPath } = options;
+	try {
+		const code = readFileSync(entryPath, "utf-8");
+		if (code.includes("virtual:dev-inspector-mcp")) return {
+			success: true,
+			modified: false,
+			message: "DevInspector is already imported in this file"
+		};
+		const s = new MagicString(code);
+		const ast = parse(code, {
+			sourceType: "module",
+			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";
+		if (lastImportEnd > 0) {
+			let insertPos = 0;
+			for (let i = 0; i < lastImportEnd; i++) insertPos += lines[i].length + 1;
+			s.appendLeft(insertPos, importLine);
+		} else s.prepend(importLine);
+		return {
+			success: true,
+			modified: true,
+			code: s.toString(),
+			message: "Successfully added DevInspector import to entry file"
+		};
+	} catch (error) {
+		return {
+			success: false,
+			modified: false,
+			error: error instanceof Error ? error.message : String(error),
+			message: "Failed to transform entry file"
+		};
+	}
+}
 
 //#endregion
 //#region src/utils/package-manager.ts
@@ -470,10 +513,14 @@ async function runSetupCommand() {
 	let dryRun = false;
 	let configPath;
 	let bundlerType;
+	let entryPath;
 	for (let i = 0; i < args.length; i++) if (args[i] === "--dry-run") dryRun = true;
 	else if (args[i] === "--config" && args[i + 1]) {
 		configPath = args[i + 1];
 		i++;
+	} else if (args[i] === "--entry" && args[i + 1]) {
+		entryPath = args[i + 1];
+		i++;
 	} else if (args[i] === "--bundler" && args[i + 1]) {
 		bundlerType = args[i + 1];
 		i++;
@@ -481,10 +528,6 @@ async function runSetupCommand() {
 		console.log(`
 ╔══════════════════════════════════════════════════════════╗
 ║           🔧 DevInspector Setup Command                  ║
-╠══════════════════════════════════════════════════════════╣
-║                                                          ║
-║  Automatically add DevInspector to your bundler config   ║
-║                                                          ║
 ╚══════════════════════════════════════════════════════════╝
 
 Usage:
@@ -492,6 +535,7 @@ Usage:
 
 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
@@ -500,14 +544,11 @@ 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
-
-  # Setup specific config
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --config vite.config.ts
-
-  # Setup for specific bundler
-  npx @mcpc-tech/unplugin-dev-inspector-mcp setup --bundler vite
 `);
 		process.exit(0);
 	}
@@ -561,23 +602,48 @@ Examples:
 			if (result.error) console.error(`   Error: ${result.error}`);
 			process.exit(1);
 		}
-		if (!result.modified) {
-			console.log(`\n✅ ${result.message}`);
-			process.exit(0);
+		let entryResult;
+		if (entryPath) {
+			console.log(`\n${dryRun ? "🔍 Previewing" : "🔧 Transforming"} entry file: ${entryPath}...`);
+			const { transformEntryFile: transformEntryFile$1 } = await import("./codemod-transformer.js");
+			entryResult = transformEntryFile$1({
+				entryPath,
+				dryRun
+			});
+			if (!entryResult.success) {
+				console.error(`\n❌ ${entryResult.message}`);
+				if (entryResult.error) console.error(`   Error: ${entryResult.error}`);
+			}
 		}
 		if (dryRun) {
-			console.log("\n📄 Preview of changes:");
-			console.log("─".repeat(60));
-			console.log(result.code);
-			console.log("─".repeat(60));
+			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");
 			process.exit(0);
 		}
-		writeFileSync(targetConfig.path, result.code, "utf-8");
-		console.log(`\n✅ ${result.message}`);
 		const installed = installPackage("@mcpc-tech/unplugin-dev-inspector-mcp", true);
+		if (result.modified) {
+			writeFileSync(targetConfig.path, result.code, "utf-8");
+			console.log(`\n✅ ${result.message}`);
+		} else console.log(`\n✅ ${result.message}`);
+		if (entryPath && entryResult && entryResult.success) if (entryResult.modified) {
+			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} and package.json`);
+		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`);
@@ -677,4 +743,4 @@ Run with --help for more information:
 main();
 
 //#endregion
-export { startStandaloneServer as n, StandaloneServer as t };
+export { transformWebpackConfig as a, transformViteConfig as i, transformEntryFile as n, StandaloneServer as o, transformNextConfig as r, startStandaloneServer as s, transformConfig as t };

package/dist/codemod-transformer.cjs

@@ -0,0 +1,4 @@
+const require_chunk = require('./chunk.cjs');
+const require_cli = require('./cli.cjs');
+
+exports.transformEntryFile = require_cli.transformEntryFile;

package/dist/codemod-transformer.js

@@ -0,0 +1,3 @@
+import { a as transformWebpackConfig, i as transformViteConfig, n as transformEntryFile, r as transformNextConfig, t as transformConfig } from "./cli.js";
+
+export { transformEntryFile };

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as unplugin0 from "unplugin";
+import * as unplugin1 from "unplugin";
 
 //#region src/utils/config-updater.d.ts
 type EditorId = "cursor" | "vscode" | "windsurf" | "claude-code" | "antigravity";
@@ -183,10 +183,10 @@ interface DevInspectorOptions extends McpConfigOptions, AcpOptions {
 }
 //#endregion
 //#region src/core.d.ts
-declare const unplugin: unplugin0.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
+declare const unplugin: unplugin1.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
 //#endregion
 //#region src/core-external.d.ts
-declare const unpluginExternal: unplugin0.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
+declare const unpluginExternal: unplugin1.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
 //#endregion
 //#region src/turbopack.d.ts
 interface TurbopackDevInspectorOptions extends DevInspectorOptions {
@@ -211,7 +211,7 @@ interface TurbopackDevInspectorOptions extends DevInspectorOptions {
 declare function turbopackDevInspector(options?: TurbopackDevInspectorOptions): any;
 //#endregion
 //#region src/index.d.ts
-declare const external: unplugin0.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
+declare const external: unplugin1.UnpluginInstance<DevInspectorOptions | undefined, boolean>;
 declare module "virtual:dev-inspector-mcp" {}
 //#endregion
 export { type CustomEditorConfig, type DevInspectorOptions, type EditorId, type McpConfigOptions, type TurbopackDevInspectorOptions, unplugin as default, unplugin, external, turbopackDevInspector, unpluginExternal };

package/dist/standalone-server.js

@@ -1,3 +1,3 @@
-import { n as startStandaloneServer, t as StandaloneServer } from "./cli.js";
+import { o as StandaloneServer, s as startStandaloneServer } from "./cli.js";
 
 export { startStandaloneServer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpc-tech/unplugin-dev-inspector-mcp",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler",
   "type": "module",
   "license": "MIT",