@mcpc-tech/unplugin-dev-inspector-mcp 0.1.29 → 0.1.31

package/dist/cli.cjs

@@ -232,9 +232,8 @@ function transformViteConfig(code, options) {
 			error: "Could not find plugins array in config",
 			message: "Please add DevInspector manually to your plugins array"
 		};
-		if (options.host || options.allowedHosts?.length) traverse$2(ast, { ExportDefaultDeclaration(path$1) {
-			if (path$1.node.declaration.type === "CallExpression" && path$1.node.declaration.arguments[0]?.type === "ObjectExpression") {
-				const configObj = path$1.node.declaration.arguments[0];
+		if (options.host || options.allowedHosts?.length) {
+			const injectServerConfig = (configObj) => {
 				const serverProp = configObj.properties.find((p) => p.type === "ObjectProperty" && p.key.type === "Identifier" && p.key.name === "server");
 				const serverIndent = indent.repeat(2);
 				if (serverProp?.value.start != null) {
@@ -251,8 +250,28 @@ function transformViteConfig(code, options) {
 					injection += `${indent}},`;
 					s.appendLeft(configObj.start + 1, injection);
 				}
-			}
-		} });
+			};
+			const extractConfigFromFunction = (fn) => {
+				if (fn.type === "ArrowFunctionExpression" && fn.body.type === "ObjectExpression") return fn.body;
+				if (fn.body.type === "BlockStatement") {
+					for (const stmt of fn.body.body) if (stmt.type === "ReturnStatement" && stmt.argument?.type === "ObjectExpression") return stmt.argument;
+				}
+				return null;
+			};
+			traverse$2(ast, { ExportDefaultDeclaration(path$1) {
+				const decl = path$1.node.declaration;
+				if (decl.type === "CallExpression" && decl.arguments[0]?.type === "ObjectExpression") {
+					injectServerConfig(decl.arguments[0]);
+					return;
+				}
+				if (decl.type === "CallExpression" && (decl.arguments[0]?.type === "ArrowFunctionExpression" || decl.arguments[0]?.type === "FunctionExpression")) {
+					const configObj = extractConfigFromFunction(decl.arguments[0]);
+					if (configObj) injectServerConfig(configObj);
+					return;
+				}
+				if (decl.type === "ObjectExpression") injectServerConfig(decl);
+			} });
+		}
 		if (s.toString() === code) return {
 			success: true,
 			modified: false,

package/dist/cli.js

@@ -230,9 +230,8 @@ function transformViteConfig(code, options) {
 			error: "Could not find plugins array in config",
 			message: "Please add DevInspector manually to your plugins array"
 		};
-		if (options.host || options.allowedHosts?.length) traverse$2(ast, { ExportDefaultDeclaration(path$1) {
-			if (path$1.node.declaration.type === "CallExpression" && path$1.node.declaration.arguments[0]?.type === "ObjectExpression") {
-				const configObj = path$1.node.declaration.arguments[0];
+		if (options.host || options.allowedHosts?.length) {
+			const injectServerConfig = (configObj) => {
 				const serverProp = configObj.properties.find((p) => p.type === "ObjectProperty" && p.key.type === "Identifier" && p.key.name === "server");
 				const serverIndent = indent.repeat(2);
 				if (serverProp?.value.start != null) {
@@ -249,8 +248,28 @@ function transformViteConfig(code, options) {
 					injection += `${indent}},`;
 					s.appendLeft(configObj.start + 1, injection);
 				}
-			}
-		} });
+			};
+			const extractConfigFromFunction = (fn) => {
+				if (fn.type === "ArrowFunctionExpression" && fn.body.type === "ObjectExpression") return fn.body;
+				if (fn.body.type === "BlockStatement") {
+					for (const stmt of fn.body.body) if (stmt.type === "ReturnStatement" && stmt.argument?.type === "ObjectExpression") return stmt.argument;
+				}
+				return null;
+			};
+			traverse$2(ast, { ExportDefaultDeclaration(path$1) {
+				const decl = path$1.node.declaration;
+				if (decl.type === "CallExpression" && decl.arguments[0]?.type === "ObjectExpression") {
+					injectServerConfig(decl.arguments[0]);
+					return;
+				}
+				if (decl.type === "CallExpression" && (decl.arguments[0]?.type === "ArrowFunctionExpression" || decl.arguments[0]?.type === "FunctionExpression")) {
+					const configObj = extractConfigFromFunction(decl.arguments[0]);
+					if (configObj) injectServerConfig(configObj);
+					return;
+				}
+				if (decl.type === "ObjectExpression") injectServerConfig(decl);
+			} });
+		}
 		if (s.toString() === code) return {
 			success: true,
 			modified: false,

package/dist/config-updater.cjs

@@ -177,9 +177,13 @@ var StandaloneServer = class {
 	listen(...args) {
 		return this.server.listen(...args);
 	}
+	/**
+	* Start the standalone server.
+	* Host resolution: string value used as-is, `true` = '0.0.0.0', default = 'localhost'
+	*/
 	async start(options = {}) {
 		const startPort = options.port || getDefaultPort();
-		this.host = options.host ? "localhost" : "0.0.0.0";
+		this.host = typeof options.host === "string" ? options.host : options.host === true ? "0.0.0.0" : "localhost";
 		this.allowedHosts = options.allowedHosts || [];
 		for (let port = startPort; port < startPort + 100; port++) try {
 			await new Promise((resolve$1, reject) => {

package/dist/config-updater.js

@@ -169,9 +169,13 @@ var StandaloneServer = class {
 	listen(...args) {
 		return this.server.listen(...args);
 	}
+	/**
+	* Start the standalone server.
+	* Host resolution: string value used as-is, `true` = '0.0.0.0', default = 'localhost'
+	*/
 	async start(options = {}) {
 		const startPort = options.port || getDefaultPort();
-		this.host = options.host ? "localhost" : "0.0.0.0";
+		this.host = typeof options.host === "string" ? options.host : options.host === true ? "0.0.0.0" : "localhost";
 		this.allowedHosts = options.allowedHosts || [];
 		for (let port = startPort; port < startPort + 100; port++) try {
 			await new Promise((resolve$2, reject) => {

package/dist/index.cjs

@@ -61,7 +61,10 @@ const createDevInspectorPlugin = (name, transformFactory) => {
 		const ensureStandaloneServer$1 = async (root) => {
 			if (standaloneServerStarted) return;
 			standaloneServerStarted = true;
-			const { server, host, port } = await require_config_updater.startStandaloneServer({ port: options.port });
+			const { server, host, port } = await require_config_updater.startStandaloneServer({
+				port: options.port,
+				host: options.host
+			});
 			resolvedHost = host;
 			resolvedPort = port;
 			const serverContext = {

package/dist/index.d.cts

@@ -131,12 +131,14 @@ interface DevInspectorOptions extends McpConfigOptions, AcpOptions {
    */
   enabled?: boolean;
   /**
-   * Custom host for MCP server URL
-   * Useful when behind a proxy or in Docker containers
+   * Host address for the standalone server to bind to.
+   * - `"localhost"` (default): Only accessible locally, avoids Mixed Content errors (HTTPS→HTTP allowed)
+   * - `"0.0.0.0"` or `true`: Accessible from all network interfaces (useful for Docker, remote access)
+   * - Custom hostname: Bind to specific interface
    * @default "localhost"
-   * @example "localhost" or "my-dev-server.local"
+   * @example true
    */
-  host?: string;
+  host?: string | boolean;
   /**
    * Custom port for MCP server URL
    * Useful when behind a proxy or port forwarding (e.g., Docker, SSH tunnels)
@@ -148,12 +150,17 @@ interface DevInspectorOptions extends McpConfigOptions, AcpOptions {
   /**
    * Public base URL (including protocol) that editors/browsers should use to reach the dev server.
    *
-   * Use this when the dev server runs in a container or behind a reverse proxy where the externally
-   * reachable URL is different from the internal host/port (e.g. https://your-domain.com).
+   * Use this when the dev server runs in a cloud IDE or behind a reverse proxy where the externally
+   * reachable URL differs from the internal host/port.
+   *
+   * Common use cases:
+   * - Cloud IDEs: Fly.io (`https://app-5137.fly.dev`), Gitpod, GitHub Codespaces
+   * - Docker with port mapping
+   * - Reverse proxy / tunnel (ngrok, cloudflared)
    *
    * If provided, it will be used for MCP config auto-update and console output.
    *
-   * @example "https://your-domain.com"
+   * @example "https://my-app-5137.fly.dev"
    */
   publicBaseUrl?: string;
   /**

package/dist/index.d.ts

@@ -131,12 +131,14 @@ interface DevInspectorOptions extends McpConfigOptions, AcpOptions {
    */
   enabled?: boolean;
   /**
-   * Custom host for MCP server URL
-   * Useful when behind a proxy or in Docker containers
+   * Host address for the standalone server to bind to.
+   * - `"localhost"` (default): Only accessible locally, avoids Mixed Content errors (HTTPS→HTTP allowed)
+   * - `"0.0.0.0"` or `true`: Accessible from all network interfaces (useful for Docker, remote access)
+   * - Custom hostname: Bind to specific interface
    * @default "localhost"
-   * @example "localhost" or "my-dev-server.local"
+   * @example true
    */
-  host?: string;
+  host?: string | boolean;
   /**
    * Custom port for MCP server URL
    * Useful when behind a proxy or port forwarding (e.g., Docker, SSH tunnels)
@@ -148,12 +150,17 @@ interface DevInspectorOptions extends McpConfigOptions, AcpOptions {
   /**
    * Public base URL (including protocol) that editors/browsers should use to reach the dev server.
    *
-   * Use this when the dev server runs in a container or behind a reverse proxy where the externally
-   * reachable URL is different from the internal host/port (e.g. https://your-domain.com).
+   * Use this when the dev server runs in a cloud IDE or behind a reverse proxy where the externally
+   * reachable URL differs from the internal host/port.
+   *
+   * Common use cases:
+   * - Cloud IDEs: Fly.io (`https://app-5137.fly.dev`), Gitpod, GitHub Codespaces
+   * - Docker with port mapping
+   * - Reverse proxy / tunnel (ngrok, cloudflared)
    *
    * If provided, it will be used for MCP config auto-update and console output.
    *
-   * @example "https://your-domain.com"
+   * @example "https://my-app-5137.fly.dev"
    */
   publicBaseUrl?: string;
   /**

package/dist/index.js

@@ -57,7 +57,10 @@ const createDevInspectorPlugin = (name, transformFactory) => {
 		const ensureStandaloneServer$1 = async (root) => {
 			if (standaloneServerStarted) return;
 			standaloneServerStarted = true;
-			const { server, host, port } = await startStandaloneServer({ port: options.port });
+			const { server, host, port } = await startStandaloneServer({
+				port: options.port,
+				host: options.host
+			});
 			resolvedHost = host;
 			resolvedPort = port;
 			const serverContext = {

package/package.json

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