fixed network and console log parsing; consolidated mcp endpoints

Author: tedjames

browser-tools-mcp/mcp-server.ts

@@ -2,9 +2,6 @@
 
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
-import path from "path";
-// import { z } from "zod";
-// import fs from "fs";
 
 // Create the MCP server
 const server = new McpServer({
@@ -60,7 +57,7 @@ server.tool(
 );
 
 // Return all HTTP errors (4xx/5xx)
-server.tool("getNetworkErrors", "Check our network ERROR logs", async () => {
+server.tool("getNetworkErrorLogs", "Check our network ERROR logs", async () => {
   const response = await fetch(`http://127.0.0.1:${PORT}/network-errors`);
   const json = await response.json();
   return {
@@ -74,6 +71,7 @@ server.tool("getNetworkErrors", "Check our network ERROR logs", async () => {
 });
 
 // // Return all XHR/fetch requests
+// // DEPRECATED: Use getNetworkSuccessLogs and getNetworkErrorLogs instead
 // server.tool("getNetworkSuccess", "Check our network SUCCESS logs", async () => {
 //   const response = await fetch(`http://127.0.0.1:${PORT}/all-xhr`);
 //   const json = await response.json();
@@ -88,8 +86,8 @@ server.tool("getNetworkErrors", "Check our network ERROR logs", async () => {
 // });
 
 // Return all XHR/fetch requests
-server.tool("getNetworkLogs", "Check ALL our network logs", async () => {
-  const response = await fetch(`http://127.0.0.1:${PORT}/all-xhr`);
+server.tool("getNetworkSuccessLogs", "Check ALL our network logs", async () => {
+  const response = await fetch(`http://127.0.0.1:${PORT}/network-success`);
   const json = await response.json();
   return {
     content: [
@@ -117,6 +115,7 @@ server.tool(
       const result = await response.json();
 
       if (response.ok) {
+        // Removed path due to bug... will change later anyways
         // const message = `Screenshot saved to: ${
         //   result.path
         // }\nFilename: ${path.basename(result.path)}`;

chrome-extension/devtools.js

@@ -433,7 +433,9 @@ const consoleMessageListener = (source, method, params) => {
   if (method === "Runtime.exceptionThrown") {
     const entry = {
       type: "console-error",
-      message: params.exceptionDetails.exception?.description || JSON.stringify(params.exceptionDetails),
+      message:
+        params.exceptionDetails.exception?.description ||
+        JSON.stringify(params.exceptionDetails),
       level: "error",
       timestamp: Date.now(),
     };
@@ -442,10 +444,43 @@ const consoleMessageListener = (source, method, params) => {
   }
 
   if (method === "Runtime.consoleAPICalled") {
+    // Process all arguments from the console call
+    let formattedMessage = "";
+    const args = params.args || [];
+
+    // Extract all arguments and combine them
+    if (args.length > 0) {
+      // Try to build a meaningful representation of all arguments
+      try {
+        formattedMessage = args
+          .map((arg) => {
+            // Handle different types of arguments
+            if (arg.type === "string") {
+              return arg.value;
+            } else if (arg.type === "object" && arg.preview) {
+              // For objects, include their preview or description
+              return JSON.stringify(arg.preview);
+            } else if (arg.description) {
+              // Some objects have descriptions
+              return arg.description;
+            } else {
+              // Fallback for other types
+              return arg.value || arg.description || JSON.stringify(arg);
+            }
+          })
+          .join(" ");
+      } catch (e) {
+        // Fallback if processing fails
+        console.error("Failed to process console arguments:", e);
+        formattedMessage =
+          args[0]?.value || "Unable to process console arguments";
+      }
+    }
+
     const entry = {
       type: params.type === "error" ? "console-error" : "console-log",
       level: params.type,
-      message: params.args[0].value,
+      message: formattedMessage,
       timestamp: Date.now(),
     };
     console.log("Sending console entry:", entry);