metro-mcp 0.6.2 → 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.2",
+  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) {

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.2",
+  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) {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "metro-mcp",
-  "version": "0.6.2",
+  "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": {