metro-mcp 0.6.1 → 0.6.3

package/dist/bin/metro-mcp.js

@@ -3740,7 +3740,7 @@ function extractCDPExceptionMessage(details, fallback = "Evaluation failed") {
 // package.json
 var package_default = {
   name: "metro-mcp",
-  version: "0.6.1",
+  version: "0.6.3",
   description: "Plugin-based MCP server for React Native/Expo runtime debugging, inspection, and automation via Metro/CDP",
   homepage: "https://metromcp.dev",
   repository: {
@@ -3941,45 +3941,103 @@ class DeviceBufferManager {
 }
 
 // src/plugins/console.ts
+function formatPreview(preview) {
+  if (!preview.properties)
+    return null;
+  const props = preview.properties.map((p) => {
+    if (p.type === "object" && p.valuePreview) {
+      const nested = formatPreview(p.valuePreview);
+      return `${p.name}: ${nested || p.value || "[object]"}`;
+    }
+    return `${p.name}: ${p.value}`;
+  });
+  const overflow = preview.overflow ? ", ..." : "";
+  if (preview.subtype === "array")
+    return `[${props.join(", ")}${overflow}]`;
+  return `{${props.join(", ")}${overflow}}`;
+}
+function formatRemoteObject(obj) {
+  if (obj.type === "string")
+    return obj.value;
+  if (obj.type === "number")
+    return String(obj.value);
+  if (obj.type === "boolean")
+    return String(obj.value);
+  if (obj.type === "undefined")
+    return "undefined";
+  if (obj.subtype === "null")
+    return "null";
+  if (obj.preview) {
+    const formatted = formatPreview(obj.preview);
+    if (formatted)
+      return formatted;
+  }
+  if (obj.description)
+    return obj.description;
+  if (obj.value !== undefined)
+    return JSON.stringify(obj.value);
+  return obj.className || obj.type || "[object]";
+}
 function formatCDPArgs(args) {
   return args.map((arg) => {
     if (typeof arg === "object" && arg !== null) {
-      const remoteObj = arg;
-      if (remoteObj.type === "string")
-        return remoteObj.value;
-      if (remoteObj.type === "number")
-        return String(remoteObj.value);
-      if (remoteObj.type === "boolean")
-        return String(remoteObj.value);
-      if (remoteObj.type === "undefined")
-        return "undefined";
-      if (remoteObj.subtype === "null")
-        return "null";
-      if (remoteObj.description)
-        return remoteObj.description;
-      if (remoteObj.value !== undefined)
-        return JSON.stringify(remoteObj.value);
-      return remoteObj.className || remoteObj.type || "[object]";
+      return formatRemoteObject(arg);
     }
     return String(arg);
   }).join(" ");
 }
+async function resolveRemoteObject(cdpSend, objectId) {
+  try {
+    const result = await cdpSend("Runtime.callFunctionOn", {
+      objectId,
+      functionDeclaration: 'function() { try { return JSON.stringify(this, null, 2); } catch(e) { return "[unserializable]"; } }',
+      returnByValue: true
+    });
+    const inner = result.result;
+    return inner?.value ? inner.value : null;
+  } catch {
+    return null;
+  }
+}
+async function formatCDPArgsDeep(cdpSend, args) {
+  const parts = await Promise.all(args.map(async (arg) => {
+    if (typeof arg !== "object" || arg === null)
+      return String(arg);
+    const remoteObj = arg;
+    if (remoteObj.objectId && remoteObj.type === "object") {
+      const deep = await resolveRemoteObject(cdpSend, remoteObj.objectId);
+      if (deep)
+        return deep;
+    }
+    return formatRemoteObject(remoteObj);
+  }));
+  return parts.join(" ");
+}
 var consolePlugin = definePlugin({
   name: "console",
   description: "Console log collection and filtering",
   async setup(ctx) {
     const buffers = new DeviceBufferManager(500);
+    const cdpSend = ctx.cdp.send.bind(ctx.cdp);
     ctx.cdp.on("Runtime.consoleAPICalled", (params) => {
       const key = ctx.getActiveDeviceKey();
       if (!key)
         return;
       const args = params.args || [];
-      buffers.getOrCreate(key).push({
+      const entry = {
         timestamp: Date.now(),
         level: params.type,
         message: formatCDPArgs(args),
         stackTrace: params.stackTrace ? JSON.stringify(params.stackTrace.callFrames) : undefined
-      });
+      };
+      buffers.getOrCreate(key).push(entry);
+      const hasResolvable = args.some((arg) => typeof arg === "object" && arg !== null && arg.objectId);
+      if (hasResolvable) {
+        formatCDPArgsDeep(cdpSend, args).then((deep) => {
+          if (deep !== entry.message)
+            entry.message = deep;
+        }).catch(() => {});
+      }
     });
     ctx.events.on("bundle_transform_progressed", (event) => {
       if (event.transformedFileCount === 1) {
@@ -6174,33 +6232,25 @@ var navigationPlugin = definePlugin({
         return state;
       }
     });
+    function getFocusedRoute(s) {
+      const routes = s.routes;
+      if (!routes)
+        return null;
+      const idx = s.index !== undefined ? s.index : routes.length - 1;
+      const route = routes[idx];
+      if (route.state && typeof route.state === "object") {
+        return getFocusedRoute(route.state);
+      }
+      return { name: route.name, params: route.params || {}, key: route.key };
+    }
     ctx.registerTool("get_current_route", {
       description: "Get the currently focused route name and params.",
       parameters: z13.object({}),
       handler: async () => {
-        const expr = `
-          (function() {
-            var state = ${GET_NAV_STATE_EXPR.replace("(function()", "function getState()").replace(/\n\s*\}\)\(\)/, `
-      }
-      return getState()`)};
-
-            if (!state) return null;
-
-            // Walk to the deepest focused route
-            function getFocusedRoute(s) {
-              if (!s || !s.routes) return null;
-              var idx = s.index !== undefined ? s.index : s.routes.length - 1;
-              var route = s.routes[idx];
-              if (route.state && route.state.routes) {
-                return getFocusedRoute(route.state);
-              }
-              return { name: route.name, params: route.params || {}, key: route.key };
-            }
-
-            return getFocusedRoute(state);
-          })()
-        `;
-        const result = await ctx.evalInApp(expr, { awaitPromise: true });
+        const state = await ctx.evalInApp(GET_NAV_STATE_EXPR, { awaitPromise: true });
+        if (!state || typeof state !== "object")
+          return "No focused route found.";
+        const result = getFocusedRoute(state);
         if (!result)
           return "No focused route found.";
         return result;

package/dist/index.js

@@ -3748,7 +3748,7 @@ function extractCDPExceptionMessage(details, fallback = "Evaluation failed") {
 // package.json
 var package_default = {
   name: "metro-mcp",
-  version: "0.6.1",
+  version: "0.6.3",
   description: "Plugin-based MCP server for React Native/Expo runtime debugging, inspection, and automation via Metro/CDP",
   homepage: "https://metromcp.dev",
   repository: {
@@ -3944,45 +3944,103 @@ class DeviceBufferManager {
 }
 
 // src/plugins/console.ts
+function formatPreview(preview) {
+  if (!preview.properties)
+    return null;
+  const props = preview.properties.map((p) => {
+    if (p.type === "object" && p.valuePreview) {
+      const nested = formatPreview(p.valuePreview);
+      return `${p.name}: ${nested || p.value || "[object]"}`;
+    }
+    return `${p.name}: ${p.value}`;
+  });
+  const overflow = preview.overflow ? ", ..." : "";
+  if (preview.subtype === "array")
+    return `[${props.join(", ")}${overflow}]`;
+  return `{${props.join(", ")}${overflow}}`;
+}
+function formatRemoteObject(obj) {
+  if (obj.type === "string")
+    return obj.value;
+  if (obj.type === "number")
+    return String(obj.value);
+  if (obj.type === "boolean")
+    return String(obj.value);
+  if (obj.type === "undefined")
+    return "undefined";
+  if (obj.subtype === "null")
+    return "null";
+  if (obj.preview) {
+    const formatted = formatPreview(obj.preview);
+    if (formatted)
+      return formatted;
+  }
+  if (obj.description)
+    return obj.description;
+  if (obj.value !== undefined)
+    return JSON.stringify(obj.value);
+  return obj.className || obj.type || "[object]";
+}
 function formatCDPArgs(args) {
   return args.map((arg) => {
     if (typeof arg === "object" && arg !== null) {
-      const remoteObj = arg;
-      if (remoteObj.type === "string")
-        return remoteObj.value;
-      if (remoteObj.type === "number")
-        return String(remoteObj.value);
-      if (remoteObj.type === "boolean")
-        return String(remoteObj.value);
-      if (remoteObj.type === "undefined")
-        return "undefined";
-      if (remoteObj.subtype === "null")
-        return "null";
-      if (remoteObj.description)
-        return remoteObj.description;
-      if (remoteObj.value !== undefined)
-        return JSON.stringify(remoteObj.value);
-      return remoteObj.className || remoteObj.type || "[object]";
+      return formatRemoteObject(arg);
     }
     return String(arg);
   }).join(" ");
 }
+async function resolveRemoteObject(cdpSend, objectId) {
+  try {
+    const result = await cdpSend("Runtime.callFunctionOn", {
+      objectId,
+      functionDeclaration: 'function() { try { return JSON.stringify(this, null, 2); } catch(e) { return "[unserializable]"; } }',
+      returnByValue: true
+    });
+    const inner = result.result;
+    return inner?.value ? inner.value : null;
+  } catch {
+    return null;
+  }
+}
+async function formatCDPArgsDeep(cdpSend, args) {
+  const parts = await Promise.all(args.map(async (arg) => {
+    if (typeof arg !== "object" || arg === null)
+      return String(arg);
+    const remoteObj = arg;
+    if (remoteObj.objectId && remoteObj.type === "object") {
+      const deep = await resolveRemoteObject(cdpSend, remoteObj.objectId);
+      if (deep)
+        return deep;
+    }
+    return formatRemoteObject(remoteObj);
+  }));
+  return parts.join(" ");
+}
 var consolePlugin = definePlugin({
   name: "console",
   description: "Console log collection and filtering",
   async setup(ctx) {
     const buffers = new DeviceBufferManager(500);
+    const cdpSend = ctx.cdp.send.bind(ctx.cdp);
     ctx.cdp.on("Runtime.consoleAPICalled", (params) => {
       const key = ctx.getActiveDeviceKey();
       if (!key)
         return;
       const args = params.args || [];
-      buffers.getOrCreate(key).push({
+      const entry = {
         timestamp: Date.now(),
         level: params.type,
         message: formatCDPArgs(args),
         stackTrace: params.stackTrace ? JSON.stringify(params.stackTrace.callFrames) : undefined
-      });
+      };
+      buffers.getOrCreate(key).push(entry);
+      const hasResolvable = args.some((arg) => typeof arg === "object" && arg !== null && arg.objectId);
+      if (hasResolvable) {
+        formatCDPArgsDeep(cdpSend, args).then((deep) => {
+          if (deep !== entry.message)
+            entry.message = deep;
+        }).catch(() => {});
+      }
     });
     ctx.events.on("bundle_transform_progressed", (event) => {
       if (event.transformedFileCount === 1) {
@@ -6177,33 +6235,25 @@ var navigationPlugin = definePlugin({
         return state;
       }
     });
+    function getFocusedRoute(s) {
+      const routes = s.routes;
+      if (!routes)
+        return null;
+      const idx = s.index !== undefined ? s.index : routes.length - 1;
+      const route = routes[idx];
+      if (route.state && typeof route.state === "object") {
+        return getFocusedRoute(route.state);
+      }
+      return { name: route.name, params: route.params || {}, key: route.key };
+    }
     ctx.registerTool("get_current_route", {
       description: "Get the currently focused route name and params.",
       parameters: z13.object({}),
       handler: async () => {
-        const expr = `
-          (function() {
-            var state = ${GET_NAV_STATE_EXPR.replace("(function()", "function getState()").replace(/\n\s*\}\)\(\)/, `
-      }
-      return getState()`)};
-
-            if (!state) return null;
-
-            // Walk to the deepest focused route
-            function getFocusedRoute(s) {
-              if (!s || !s.routes) return null;
-              var idx = s.index !== undefined ? s.index : s.routes.length - 1;
-              var route = s.routes[idx];
-              if (route.state && route.state.routes) {
-                return getFocusedRoute(route.state);
-              }
-              return { name: route.name, params: route.params || {}, key: route.key };
-            }
-
-            return getFocusedRoute(state);
-          })()
-        `;
-        const result = await ctx.evalInApp(expr, { awaitPromise: true });
+        const state = await ctx.evalInApp(GET_NAV_STATE_EXPR, { awaitPromise: true });
+        if (!state || typeof state !== "object")
+          return "No focused route found.";
+        const result = getFocusedRoute(state);
         if (!result)
           return "No focused route found.";
         return result;

package/dist/plugins/console.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../src/plugins/console.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,aAAa,yCAkHxB,CAAC"}
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../src/plugins/console.ts"],"names":[],"mappings":"AAuHA,eAAO,MAAM,aAAa,yCAiIxB,CAAC"}

package/dist/plugins/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/plugins/navigation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yCAuK3B,CAAC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/plugins/navigation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yCA+J3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "metro-mcp",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Plugin-based MCP server for React Native/Expo runtime debugging, inspection, and automation via Metro/CDP",
   "homepage": "https://metromcp.dev",
   "repository": {