From c615cc635f125023b8cc9baf4a91d0ebe22d5ee7 Mon Sep 17 00:00:00 2001 From: Ted Werbel Date: Fri, 14 Feb 2025 04:18:43 -0500 Subject: [PATCH] v1 --- .DS_Store | Bin 0 -> 6148 bytes browser-tools-mcp/README.md | 65 + .../src => browser-tools-mcp}/mcp-server.ts | 62 +- .../package-lock.json | 102 +- browser-tools-mcp/package.json | 44 + browser-tools-mcp/tsconfig.json | 15 + browser-tools-server/README.md | 68 ++ browser-tools-server/browser-connector.ts | 686 +++++++++++ browser-tools-server/package-lock.json | 1042 +++++++++++++++++ browser-tools-server/package.json | 41 + browser-tools-server/tsconfig.json | 15 + chrome-extension/devtools.html | 2 +- chrome-extension/devtools.js | 338 ++++-- chrome-extension/manifest.json | 4 +- chrome-extension/panel.html | 137 ++- chrome-extension/panel.js | 60 + mcp-server/package.json | 31 - mcp-server/src/browser-connector.ts | 364 ------ mcp-server/tsconfig.json | 111 -- 19 files changed, 2453 insertions(+), 734 deletions(-) create mode 100644 .DS_Store create mode 100644 browser-tools-mcp/README.md rename {mcp-server/src => browser-tools-mcp}/mcp-server.ts (81%) rename {mcp-server => browser-tools-mcp}/package-lock.json (96%) create mode 100644 browser-tools-mcp/package.json create mode 100644 browser-tools-mcp/tsconfig.json create mode 100644 browser-tools-server/README.md create mode 100644 browser-tools-server/browser-connector.ts create mode 100644 browser-tools-server/package-lock.json create mode 100644 browser-tools-server/package.json create mode 100644 browser-tools-server/tsconfig.json delete mode 100644 mcp-server/package.json delete mode 100644 mcp-server/src/browser-connector.ts delete mode 100644 mcp-server/tsconfig.json diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..8a0776e4c5e744e76a2056454938c1f48e97498e GIT binary patch literal 6148 zcmeHK&x_MQ6n?W?HL(a4D(poFcx`L_RTL3o?H)YnVIz7_sZA4X*fdj`bSsvHob`|K z>R;mj;z_?ZGYf61E*@4?=E0k9e!Mp``CjrSLqwv#h;9%yh{%C5)-Iy>f$%u%mh6}w z9u#VhoMM_&n+lR!*0#ekU>W$^7~pUBGKKhRB`s^fJj zUB7=YJWQvV{J?}Fp(3Lyxn%GJKB96ePe;K#OJ(*JwmeVsG+wDg@4;{-&f)=lpRUE( zr32bW^au0=*ulFIRU*Q>TYod^h};+vjZG9Mh+;u`#p`Ru3r#C$&VYHtocfusWEZdu zSO)$z1~@->P)6TisZpg46zU29tf5;8>imPiKAu6}V5t!!5TRXx+EthBRFdeApe7Pc!jDi;*yI93%tiua&OFy?Uu=o>6Gq6cDs1QZRnunhcB G2EGH3Dzftc literal 0 HcmV?d00001 diff --git a/browser-tools-mcp/README.md b/browser-tools-mcp/README.md new file mode 100644 index 0000000..0a4f258 --- /dev/null +++ b/browser-tools-mcp/README.md @@ -0,0 +1,65 @@ +# Browser Tools MCP Server + +A Model Context Protocol (MCP) server that provides AI-powered browser tools integration. This server works in conjunction with the Browser Tools Server to provide AI capabilities for browser debugging and analysis. + +## Features + +- MCP protocol implementation +- Browser console log access +- Network request analysis +- Screenshot capture capabilities +- Element selection and inspection +- Real-time browser state monitoring + +## Installation + +```bash +npx @agentdeskai/browser-tools-mcp +``` + +Or install globally: + +```bash +npm install -g @agentdeskai/browser-tools-mcp +``` + +## Usage + +1. First, make sure the Browser Tools Server is running: + +```bash +npx @agentdeskai/browser-tools-server +``` + +2. Then start the MCP server: + +```bash +npx @agentdeskai/browser-tools-mcp +``` + +3. The MCP server will connect to the Browser Tools Server and provide the following capabilities: + +- Console log retrieval +- Network request monitoring +- Screenshot capture +- Element selection +- Browser state analysis + +## MCP Functions + +The server provides the following MCP functions: + +- `mcp_getConsoleLogs` - Retrieve browser console logs +- `mcp_getConsoleErrors` - Get browser console errors +- `mcp_getNetworkErrors` - Get network error logs +- `mcp_getNetworkSuccess` - Get successful network requests +- `mcp_getNetworkLogs` - Get all network logs +- `mcp_getSelectedElement` - Get the currently selected DOM element + +## Integration + +This server is designed to work with AI tools and platforms that support the Model Context Protocol (MCP). It provides a standardized interface for AI models to interact with browser state and debugging information. + +## License + +MIT diff --git a/mcp-server/src/mcp-server.ts b/browser-tools-mcp/mcp-server.ts similarity index 81% rename from mcp-server/src/mcp-server.ts rename to browser-tools-mcp/mcp-server.ts index f3684ba..d099b10 100644 --- a/mcp-server/src/mcp-server.ts +++ b/browser-tools-mcp/mcp-server.ts @@ -1,13 +1,15 @@ +#!/usr/bin/env node + 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 { z } from "zod"; // import fs from "fs"; // Create the MCP server const server = new McpServer({ - name: "AI Browser Connector", - version: "1.0.0", + name: "Browsert Tools MCP", + version: "1.0.9", }); // Function to get the port from the .port file @@ -71,19 +73,19 @@ server.tool("getNetworkErrors", "Check our network ERROR logs", async () => { }; }); -// Return all XHR/fetch requests -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(); - return { - content: [ - { - type: "text", - text: JSON.stringify(json, null, 2), - }, - ], - }; -}); +// // Return all XHR/fetch requests +// 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(); +// return { +// content: [ +// { +// type: "text", +// text: JSON.stringify(json, null, 2), +// }, +// ], +// }; +// }); // Return all XHR/fetch requests server.tool("getNetworkLogs", "Check ALL our network logs", async () => { @@ -105,12 +107,12 @@ server.tool( "Take a screenshot of the current browser tab", async () => { try { - const response = await fetch(`http://127.0.0.1:${PORT}/screenshot`, { - method: "POST", - headers: { - "Content-Type": "application/json", - }, - }); + const response = await fetch( + `http://127.0.0.1:${PORT}/capture-screenshot`, + { + method: "POST", + } + ); const result = await response.json(); @@ -168,6 +170,22 @@ server.tool( } ); +// Add new tool for wiping logs +server.tool("wipeLogs", "Wipe all browser logs from memory", async () => { + const response = await fetch(`http://127.0.0.1:${PORT}/wipelogs`, { + method: "POST", + }); + const json = await response.json(); + return { + content: [ + { + type: "text", + text: json.message, + }, + ], + }; +}); + // Start receiving messages on stdio (async () => { const transport = new StdioServerTransport(); diff --git a/mcp-server/package-lock.json b/browser-tools-mcp/package-lock.json similarity index 96% rename from mcp-server/package-lock.json rename to browser-tools-mcp/package-lock.json index 1f527cb..2abe1b4 100644 --- a/mcp-server/package-lock.json +++ b/browser-tools-mcp/package-lock.json @@ -1,34 +1,37 @@ { - "name": "mcp-server", - "version": "1.0.0", + "name": "@agentdeskai/browser-tools-mcp", + "version": "1.0.9", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "mcp-server", - "version": "1.0.0", - "license": "ISC", + "name": "@agentdeskai/browser-tools-mcp", + "version": "1.0.9", + "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.4.1", - "@types/ws": "^8.5.14", "body-parser": "^1.20.3", "cors": "^2.8.5", "express": "^4.21.2", "llm-cost": "^1.0.5", "ws": "^8.18.0" }, + "bin": { + "browser-tools-mcp": "dist/mcp-server.js" + }, "devDependencies": { "@types/body-parser": "^1.19.5", "@types/cors": "^2.8.17", "@types/express": "^5.0.0", "@types/node": "^22.13.1", + "@types/ws": "^8.5.14", "typescript": "^5.7.3" } }, "node_modules/@modelcontextprotocol/sdk": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.4.1.tgz", - "integrity": "sha512-wS6YC4lkUZ9QpP+/7NBTlVNiEvsnyl0xF7rRusLF+RsG0xDPc/zWR7fEEyhKnnNutGsDAZh59l/AeoWGwIb1+g==", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.5.0.tgz", + "integrity": "sha512-IJ+5iVVs8FCumIHxWqpwgkwOzyhtHVKy45s6Ug7Dv0MfRpaYisH8QQ87rIWeWdOzlk8sfhitZ7HCyQZk7d6b8w==", "dependencies": { "content-type": "^1.0.5", "eventsource": "^3.0.2", @@ -40,31 +43,6 @@ "node": ">=18" } }, - "node_modules/@modelcontextprotocol/sdk/node_modules/iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dependencies": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/@modelcontextprotocol/sdk/node_modules/raw-body": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz", - "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==", - "dependencies": { - "bytes": "3.1.2", - "http-errors": "2.0.0", - "iconv-lite": "0.6.3", - "unpipe": "1.0.0" - }, - "engines": { - "node": ">= 0.8" - } - }, "node_modules/@types/body-parser": { "version": "1.19.5", "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", @@ -130,9 +108,10 @@ "dev": true }, "node_modules/@types/node": { - "version": "22.13.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.1.tgz", - "integrity": "sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==", + "version": "22.13.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.4.tgz", + "integrity": "sha512-ywP2X0DYtX3y08eFVx5fNIw7/uIv8hYUKgXoK8oayJlLnKcRfEYCxWMVE1XagUdVtCJlZT1AU4LXEABW+L1Peg==", + "dev": true, "dependencies": { "undici-types": "~6.20.0" } @@ -174,6 +153,7 @@ "version": "8.5.14", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.14.tgz", "integrity": "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw==", + "dev": true, "dependencies": { "@types/node": "*" } @@ -218,6 +198,20 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/body-parser/node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/bytes": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", @@ -227,9 +221,9 @@ } }, "node_modules/call-bind-apply-helpers": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", - "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" @@ -761,19 +755,30 @@ } }, "node_modules/raw-body": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", - "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz", + "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==", "dependencies": { "bytes": "3.1.2", "http-errors": "2.0.0", - "iconv-lite": "0.4.24", + "iconv-lite": "0.6.3", "unpipe": "1.0.0" }, "engines": { "node": ">= 0.8" } }, + "node_modules/raw-body/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/safe-buffer": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", @@ -970,7 +975,8 @@ "node_modules/undici-types": { "version": "6.20.0", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", - "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==" + "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", + "dev": true }, "node_modules/unpipe": { "version": "1.0.0", @@ -1017,9 +1023,9 @@ } }, "node_modules/zod": { - "version": "3.24.1", - "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.1.tgz", - "integrity": "sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==", + "version": "3.24.2", + "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz", + "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==", "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/browser-tools-mcp/package.json b/browser-tools-mcp/package.json new file mode 100644 index 0000000..d08fee0 --- /dev/null +++ b/browser-tools-mcp/package.json @@ -0,0 +1,44 @@ +{ + "name": "@agentdeskai/browser-tools-mcp", + "version": "1.0.9", + "description": "MCP (Model Context Protocol) server for browser tools integration", + "main": "dist/mcp-server.js", + "bin": { + "browser-tools-mcp": "dist/mcp-server.js" + }, + "scripts": { + "inspect": "tsc && npx @modelcontextprotocol/inspector node -- dist/mcp-server.js", + "inspect-live": "npx @modelcontextprotocol/inspector npx -- @agentdeskai/browser-tools-mcp", + "build": "tsc", + "start": "tsc && node dist/mcp-server.js", + "prepublishOnly": "npm run build" + }, + "keywords": [ + "mcp", + "model-context-protocol", + "browser", + "tools", + "debugging", + "ai", + "chrome", + "extension" + ], + "author": "AgentDesk AI", + "license": "MIT", + "dependencies": { + "@modelcontextprotocol/sdk": "^1.4.1", + "body-parser": "^1.20.3", + "cors": "^2.8.5", + "express": "^4.21.2", + "llm-cost": "^1.0.5", + "ws": "^8.18.0" + }, + "devDependencies": { + "@types/ws": "^8.5.14", + "@types/body-parser": "^1.19.5", + "@types/cors": "^2.8.17", + "@types/express": "^5.0.0", + "@types/node": "^22.13.1", + "typescript": "^5.7.3" + } +} diff --git a/browser-tools-mcp/tsconfig.json b/browser-tools-mcp/tsconfig.json new file mode 100644 index 0000000..6ba6251 --- /dev/null +++ b/browser-tools-mcp/tsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "target": "ES2020", + "module": "NodeNext", + "moduleResolution": "NodeNext", + "esModuleInterop": true, + "outDir": "./dist", + "rootDir": ".", + "strict": true, + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true + }, + "include": ["*.ts"], + "exclude": ["node_modules", "dist"] +} \ No newline at end of file diff --git a/browser-tools-server/README.md b/browser-tools-server/README.md new file mode 100644 index 0000000..a55aeec --- /dev/null +++ b/browser-tools-server/README.md @@ -0,0 +1,68 @@ +# Browser Tools Server + +A powerful browser tools server for capturing and managing browser events, logs, and screenshots. This server works in conjunction with the Browser Tools Chrome Extension to provide comprehensive browser debugging capabilities. + +## Features + +- Console log capture +- Network request monitoring +- Screenshot capture +- Element selection tracking +- WebSocket real-time communication +- Configurable log limits and settings + +## Installation + +```bash +npx @agentdeskai/browser-tools-server +``` + +Or install globally: + +```bash +npm install -g @agentdeskai/browser-tools-server +``` + +## Usage + +1. Start the server: + +```bash +npx @agentdeskai/browser-tools-server +``` + +2. The server will start on port 3025 by default + +3. Install and enable the Browser Tools Chrome Extension + +4. The server exposes the following endpoints: + +- `/console-logs` - Get console logs +- `/console-errors` - Get console errors +- `/network-errors` - Get network error logs +- `/network-success` - Get successful network requests +- `/all-xhr` - Get all network requests +- `/screenshot` - Capture screenshots +- `/selected-element` - Get currently selected DOM element + +## API Documentation + +### GET Endpoints + +- `GET /console-logs` - Returns recent console logs +- `GET /console-errors` - Returns recent console errors +- `GET /network-errors` - Returns recent network errors +- `GET /network-success` - Returns recent successful network requests +- `GET /all-xhr` - Returns all recent network requests +- `GET /selected-element` - Returns the currently selected DOM element + +### POST Endpoints + +- `POST /extension-log` - Receive logs from the extension +- `POST /screenshot` - Capture and save screenshots +- `POST /selected-element` - Update the selected element +- `POST /wipelogs` - Clear all stored logs + +## License + +MIT diff --git a/browser-tools-server/browser-connector.ts b/browser-tools-server/browser-connector.ts new file mode 100644 index 0000000..e8f04cc --- /dev/null +++ b/browser-tools-server/browser-connector.ts @@ -0,0 +1,686 @@ +#!/usr/bin/env node + +import express from "express"; +import cors from "cors"; +import bodyParser from "body-parser"; +import { tokenizeAndEstimateCost } from "llm-cost"; +import WebSocket from "ws"; +import fs from "fs"; +import path from "path"; +import { IncomingMessage } from "http"; +import { Socket } from "net"; +import os from "os"; + +// Function to get default downloads folder +function getDefaultDownloadsFolder(): string { + const homeDir = os.homedir(); + // Downloads folder is typically the same path on Windows, macOS, and Linux + const downloadsPath = path.join(homeDir, "Downloads", "mcp-screenshots"); + return downloadsPath; +} + +// We store logs in memory +const consoleLogs: any[] = []; +const consoleErrors: any[] = []; +const networkErrors: any[] = []; +const networkSuccess: any[] = []; +const allXhr: any[] = []; + +// Add settings state +let currentSettings = { + logLimit: 50, + queryLimit: 30000, + showRequestHeaders: false, + showResponseHeaders: false, + model: "claude-3-sonnet", + stringSizeLimit: 500, + maxLogSize: 20000, + screenshotPath: getDefaultDownloadsFolder(), +}; + +// Add new storage for selected element +let selectedElement: any = null; + +// Add new state for tracking screenshot requests +interface ScreenshotCallback { + resolve: (value: { data: string; path?: string }) => void; + reject: (reason: Error) => void; +} + +const screenshotCallbacks = new Map(); + +const app = express(); +const PORT = 3025; + +app.use(cors()); +// Increase JSON body parser limit to 50MB to handle large screenshots +app.use(bodyParser.json({ limit: "50mb" })); +app.use(bodyParser.urlencoded({ limit: "50mb", extended: true })); + +// Helper to recursively truncate strings in any data structure +function truncateStringsInData(data: any, maxLength: number): any { + if (typeof data === "string") { + return data.length > maxLength + ? data.substring(0, maxLength) + "... (truncated)" + : data; + } + + if (Array.isArray(data)) { + return data.map((item) => truncateStringsInData(item, maxLength)); + } + + if (typeof data === "object" && data !== null) { + const result: any = {}; + for (const [key, value] of Object.entries(data)) { + result[key] = truncateStringsInData(value, maxLength); + } + return result; + } + + return data; +} + +// Helper to safely parse and process JSON strings +function processJsonString(jsonString: string, maxLength: number): string { + try { + // Try to parse the string as JSON + const parsed = JSON.parse(jsonString); + // Process any strings within the parsed JSON + const processed = truncateStringsInData(parsed, maxLength); + // Stringify the processed data + return JSON.stringify(processed); + } catch (e) { + // If it's not valid JSON, treat it as a regular string + return truncateStringsInData(jsonString, maxLength); + } +} + +// Helper to process logs based on settings +function processLogsWithSettings(logs: any[]) { + return logs.map((log) => { + const processedLog = { ...log }; + + if (log.type === "network-request") { + // Handle headers visibility + if (!currentSettings.showRequestHeaders) { + delete processedLog.requestHeaders; + } + if (!currentSettings.showResponseHeaders) { + delete processedLog.responseHeaders; + } + } + + return processedLog; + }); +} + +// Helper to calculate size of a log entry +function calculateLogSize(log: any): number { + return JSON.stringify(log).length; +} + +// Helper to truncate logs based on character limit +function truncateLogsToQueryLimit(logs: any[]): any[] { + if (logs.length === 0) return logs; + + // First process logs according to current settings + const processedLogs = processLogsWithSettings(logs); + + let currentSize = 0; + const result = []; + + for (const log of processedLogs) { + const logSize = calculateLogSize(log); + + // Check if adding this log would exceed the limit + if (currentSize + logSize > currentSettings.queryLimit) { + console.log( + `Reached query limit (${currentSize}/${currentSettings.queryLimit}), truncating logs` + ); + break; + } + + // Add log and update size + result.push(log); + currentSize += logSize; + console.log(`Added log of size ${logSize}, total size now: ${currentSize}`); + } + + return result; +} + +// Endpoint for the extension to POST data +app.post("/extension-log", (req, res) => { + console.log("\n=== Received Extension Log ==="); + console.log("Request body:", { + dataType: req.body.data?.type, + timestamp: req.body.data?.timestamp, + hasSettings: !!req.body.settings, + }); + + const { data, settings } = req.body; + + // Update settings if provided + if (settings) { + console.log("Updating settings:", settings); + currentSettings = { + ...currentSettings, + ...settings, + }; + } + + if (!data) { + console.log("Warning: No data received in log request"); + res.status(400).json({ status: "error", message: "No data provided" }); + return; + } + + console.log(`Processing ${data.type} log entry`); + + switch (data.type) { + case "console-log": + console.log("Adding console log:", { + level: data.level, + message: + data.message?.substring(0, 100) + + (data.message?.length > 100 ? "..." : ""), + timestamp: data.timestamp, + }); + consoleLogs.push(data); + if (consoleLogs.length > currentSettings.logLimit) { + console.log( + `Console logs exceeded limit (${currentSettings.logLimit}), removing oldest entry` + ); + consoleLogs.shift(); + } + break; + case "console-error": + console.log("Adding console error:", { + level: data.level, + message: + data.message?.substring(0, 100) + + (data.message?.length > 100 ? "..." : ""), + timestamp: data.timestamp, + }); + consoleErrors.push(data); + if (consoleErrors.length > currentSettings.logLimit) { + console.log( + `Console errors exceeded limit (${currentSettings.logLimit}), removing oldest entry` + ); + consoleErrors.shift(); + } + break; + case "network-request": + const logEntry = { + url: data.url, + method: data.method, + status: data.status, + timestamp: data.timestamp, + }; + console.log("Adding network request:", logEntry); + + // Route network requests based on status code + if (data.status >= 400) { + networkErrors.push(data); + if (networkErrors.length > currentSettings.logLimit) { + console.log( + `Network errors exceeded limit (${currentSettings.logLimit}), removing oldest entry` + ); + networkErrors.shift(); + } + } else { + networkSuccess.push(data); + if (networkSuccess.length > currentSettings.logLimit) { + console.log( + `Network success logs exceeded limit (${currentSettings.logLimit}), removing oldest entry` + ); + networkSuccess.shift(); + } + } + break; + case "selected-element": + console.log("Updating selected element:", { + tagName: data.element?.tagName, + id: data.element?.id, + className: data.element?.className, + }); + selectedElement = data.element; + break; + default: + console.log("Unknown log type:", data.type); + } + + console.log("Current log counts:", { + consoleLogs: consoleLogs.length, + consoleErrors: consoleErrors.length, + networkErrors: networkErrors.length, + networkSuccess: networkSuccess.length, + }); + console.log("=== End Extension Log ===\n"); + + res.json({ status: "ok" }); +}); + +// Update GET endpoints to use the new function +app.get("/console-logs", (req, res) => { + const truncatedLogs = truncateLogsToQueryLimit(consoleLogs); + res.json(truncatedLogs); +}); + +app.get("/console-errors", (req, res) => { + const truncatedLogs = truncateLogsToQueryLimit(consoleErrors); + res.json(truncatedLogs); +}); + +app.get("/network-errors", (req, res) => { + const truncatedLogs = truncateLogsToQueryLimit(networkErrors); + res.json(truncatedLogs); +}); + +app.get("/network-success", (req, res) => { + const truncatedLogs = truncateLogsToQueryLimit(networkSuccess); + res.json(truncatedLogs); +}); + +app.get("/all-xhr", (req, res) => { + // Merge and sort network success and error logs by timestamp + const mergedLogs = [...networkSuccess, ...networkErrors].sort( + (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime() + ); + const truncatedLogs = truncateLogsToQueryLimit(mergedLogs); + res.json(truncatedLogs); +}); + +// Add new endpoint for selected element +app.post("/selected-element", (req, res) => { + const { data } = req.body; + selectedElement = data; + res.json({ status: "ok" }); +}); + +app.get("/selected-element", (req, res) => { + res.json(selectedElement || { message: "No element selected" }); +}); + +app.get("/.port", (req, res) => { + res.send(PORT.toString()); +}); + +// Add function to clear all logs +function clearAllLogs() { + console.log("Wiping all logs..."); + consoleLogs.length = 0; + consoleErrors.length = 0; + networkErrors.length = 0; + networkSuccess.length = 0; + allXhr.length = 0; + selectedElement = null; + console.log("All logs have been wiped"); +} + +// Add endpoint to wipe logs +app.post("/wipelogs", (req, res) => { + clearAllLogs(); + res.json({ status: "ok", message: "All logs cleared successfully" }); +}); + +interface ScreenshotMessage { + type: "screenshot-data" | "screenshot-error"; + data?: string; + path?: string; + error?: string; +} + +export class BrowserConnector { + private wss: WebSocket.Server; + private activeConnection: WebSocket | null = null; + private app: express.Application; + private server: any; + + constructor(app: express.Application, server: any) { + this.app = app; + this.server = server; + + // Initialize WebSocket server using the existing HTTP server + this.wss = new WebSocket.Server({ + noServer: true, + path: "/extension-ws", + }); + + // Register the capture-screenshot endpoint + this.app.post( + "/capture-screenshot", + async (req: express.Request, res: express.Response) => { + console.log( + "Browser Connector: Received request to /capture-screenshot endpoint" + ); + console.log("Browser Connector: Request body:", req.body); + console.log( + "Browser Connector: Active WebSocket connection:", + !!this.activeConnection + ); + await this.captureScreenshot(req, res); + } + ); + + // Handle upgrade requests for WebSocket + this.server.on( + "upgrade", + (request: IncomingMessage, socket: Socket, head: Buffer) => { + if (request.url === "/extension-ws") { + this.wss.handleUpgrade(request, socket, head, (ws) => { + this.wss.emit("connection", ws, request); + }); + } + } + ); + + this.wss.on("connection", (ws) => { + console.log("Chrome extension connected via WebSocket"); + this.activeConnection = ws; + + ws.on("message", (message) => { + try { + const data = JSON.parse(message.toString()); + // Log message without the base64 data + console.log("Received WebSocket message:", { + ...data, + data: data.data ? "[base64 data]" : undefined, + }); + + // Handle screenshot response + if (data.type === "screenshot-data" && data.data) { + console.log("Received screenshot data"); + console.log("Screenshot path from extension:", data.path); + // Get the most recent callback since we're not using requestId anymore + const callbacks = Array.from(screenshotCallbacks.values()); + if (callbacks.length > 0) { + const callback = callbacks[0]; + console.log("Found callback, resolving promise"); + // Pass both the data and path to the resolver + callback.resolve({ data: data.data, path: data.path }); + screenshotCallbacks.clear(); // Clear all callbacks + } else { + console.log("No callbacks found for screenshot"); + } + } + // Handle screenshot error + else if (data.type === "screenshot-error") { + console.log("Received screenshot error:", data.error); + const callbacks = Array.from(screenshotCallbacks.values()); + if (callbacks.length > 0) { + const callback = callbacks[0]; + callback.reject( + new Error(data.error || "Screenshot capture failed") + ); + screenshotCallbacks.clear(); // Clear all callbacks + } + } else { + console.log("Unhandled message type:", data.type); + } + } catch (error) { + console.error("Error processing WebSocket message:", error); + } + }); + + ws.on("close", () => { + console.log("Chrome extension disconnected"); + if (this.activeConnection === ws) { + this.activeConnection = null; + } + }); + }); + + // Add screenshot endpoint + this.app.post( + "/screenshot", + (req: express.Request, res: express.Response): void => { + console.log( + "Browser Connector: Received request to /screenshot endpoint" + ); + console.log("Browser Connector: Request body:", req.body); + try { + console.log("Received screenshot capture request"); + const { data, path: outputPath } = req.body; + + if (!data) { + console.log("Screenshot request missing data"); + res.status(400).json({ error: "Missing screenshot data" }); + return; + } + + // Use provided path or default to downloads folder + const targetPath = outputPath || getDefaultDownloadsFolder(); + console.log(`Using screenshot path: ${targetPath}`); + + // Remove the data:image/png;base64, prefix + const base64Data = data.replace(/^data:image\/png;base64,/, ""); + + // Create the full directory path if it doesn't exist + fs.mkdirSync(targetPath, { recursive: true }); + console.log(`Created/verified directory: ${targetPath}`); + + // Generate a unique filename using timestamp + const timestamp = new Date().toISOString().replace(/[:.]/g, "-"); + const filename = `screenshot-${timestamp}.png`; + const fullPath = path.join(targetPath, filename); + console.log(`Saving screenshot to: ${fullPath}`); + + // Write the file + fs.writeFileSync(fullPath, base64Data, "base64"); + console.log("Screenshot saved successfully"); + + res.json({ + path: fullPath, + filename: filename, + }); + } catch (error: unknown) { + console.error("Error saving screenshot:", error); + if (error instanceof Error) { + res.status(500).json({ error: error.message }); + } else { + res.status(500).json({ error: "An unknown error occurred" }); + } + } + } + ); + } + + private async handleScreenshot(req: express.Request, res: express.Response) { + if (!this.activeConnection) { + return res.status(503).json({ error: "Chrome extension not connected" }); + } + + try { + const result = await new Promise((resolve, reject) => { + // Set up one-time message handler for this screenshot request + const messageHandler = (message: WebSocket.Data) => { + try { + const response: ScreenshotMessage = JSON.parse(message.toString()); + + if (response.type === "screenshot-error") { + reject(new Error(response.error)); + return; + } + + if ( + response.type === "screenshot-data" && + response.data && + response.path + ) { + // Remove the data:image/png;base64, prefix + const base64Data = response.data.replace( + /^data:image\/png;base64,/, + "" + ); + + // Ensure the directory exists + const dir = path.dirname(response.path); + fs.mkdirSync(dir, { recursive: true }); + + // Generate a unique filename using timestamp + const timestamp = new Date().toISOString().replace(/[:.]/g, "-"); + const filename = `screenshot-${timestamp}.png`; + const fullPath = path.join(response.path, filename); + + // Write the file + fs.writeFileSync(fullPath, base64Data, "base64"); + resolve({ + path: fullPath, + filename: filename, + }); + } + } catch (error) { + reject(error); + } finally { + this.activeConnection?.removeListener("message", messageHandler); + } + }; + + // Add temporary message handler + this.activeConnection?.on("message", messageHandler); + + // Request screenshot + this.activeConnection?.send( + JSON.stringify({ type: "take-screenshot" }) + ); + + // Set timeout + setTimeout(() => { + this.activeConnection?.removeListener("message", messageHandler); + reject(new Error("Screenshot timeout")); + }, 30000); // 30 second timeout + }); + + res.json(result); + } catch (error: unknown) { + if (error instanceof Error) { + res.status(500).json({ error: error.message }); + } else { + res.status(500).json({ error: "An unknown error occurred" }); + } + } + } + + // Add new endpoint for programmatic screenshot capture + async captureScreenshot(req: express.Request, res: express.Response) { + console.log("Browser Connector: Starting captureScreenshot method"); + console.log("Browser Connector: Request headers:", req.headers); + console.log("Browser Connector: Request method:", req.method); + + if (!this.activeConnection) { + console.log( + "Browser Connector: No active WebSocket connection to Chrome extension" + ); + return res.status(503).json({ error: "Chrome extension not connected" }); + } + + try { + console.log("Browser Connector: Starting screenshot capture..."); + const requestId = Date.now().toString(); + console.log("Browser Connector: Generated requestId:", requestId); + + // Create promise that will resolve when we get the screenshot data + const screenshotPromise = new Promise<{ data: string; path?: string }>( + (resolve, reject) => { + console.log( + `Browser Connector: Setting up screenshot callback for requestId: ${requestId}` + ); + // Store callback in map + screenshotCallbacks.set(requestId, { resolve, reject }); + console.log( + "Browser Connector: Current callbacks:", + Array.from(screenshotCallbacks.keys()) + ); + + // Set timeout to clean up if we don't get a response + setTimeout(() => { + if (screenshotCallbacks.has(requestId)) { + console.log( + `Browser Connector: Screenshot capture timed out for requestId: ${requestId}` + ); + screenshotCallbacks.delete(requestId); + reject( + new Error( + "Screenshot capture timed out - no response from Chrome extension" + ) + ); + } + }, 10000); + } + ); + + // Send screenshot request to extension + const message = JSON.stringify({ + type: "take-screenshot", + requestId: requestId, + }); + console.log( + `Browser Connector: Sending WebSocket message to extension:`, + message + ); + this.activeConnection.send(message); + + // Wait for screenshot data + console.log("Browser Connector: Waiting for screenshot data..."); + const { data: base64Data, path: customPath } = await screenshotPromise; + console.log("Browser Connector: Received screenshot data, saving..."); + console.log("Browser Connector: Custom path from extension:", customPath); + + // Determine target path + const targetPath = + customPath || + currentSettings.screenshotPath || + getDefaultDownloadsFolder(); + console.log(`Browser Connector: Using path: ${targetPath}`); + + if (!base64Data) { + throw new Error("No screenshot data received from Chrome extension"); + } + + fs.mkdirSync(targetPath, { recursive: true }); + + const timestamp = new Date().toISOString().replace(/[:.]/g, "-"); + const filename = `screenshot-${timestamp}.png`; + const fullPath = path.join(targetPath, filename); + + // Remove the data:image/png;base64, prefix if present + const cleanBase64 = base64Data.replace(/^data:image\/png;base64,/, ""); + + // Save the file + fs.writeFileSync(fullPath, cleanBase64, "base64"); + console.log(`Browser Connector: Screenshot saved to: ${fullPath}`); + + res.json({ + path: fullPath, + filename: filename, + }); + } catch (error) { + const errorMessage = + error instanceof Error ? error.message : String(error); + console.error( + "Browser Connector: Error capturing screenshot:", + errorMessage + ); + res.status(500).json({ + error: errorMessage, + }); + } + } +} + +// Move the server creation before BrowserConnector instantiation +const server = app.listen(PORT, () => { + console.log(`Aggregator listening on http://127.0.0.1:${PORT}`); +}); + +// Initialize the browser connector with the existing app AND server +const browserConnector = new BrowserConnector(app, server); + +// Handle shutdown gracefully +process.on("SIGINT", () => { + server.close(() => { + console.log("Server shut down"); + process.exit(0); + }); +}); diff --git a/browser-tools-server/package-lock.json b/browser-tools-server/package-lock.json new file mode 100644 index 0000000..455a7d4 --- /dev/null +++ b/browser-tools-server/package-lock.json @@ -0,0 +1,1042 @@ +{ + "name": "@agentdeskai/browser-tools-server", + "version": "1.0.5", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "@agentdeskai/browser-tools-server", + "version": "1.0.5", + "license": "MIT", + "dependencies": { + "@modelcontextprotocol/sdk": "^1.4.1", + "body-parser": "^1.20.3", + "cors": "^2.8.5", + "express": "^4.21.2", + "llm-cost": "^1.0.5", + "ws": "^8.18.0" + }, + "bin": { + "browser-tools-server": "dist/browser-connector.js" + }, + "devDependencies": { + "@types/body-parser": "^1.19.5", + "@types/cors": "^2.8.17", + "@types/express": "^5.0.0", + "@types/node": "^22.13.1", + "@types/ws": "^8.5.14", + "typescript": "^5.7.3" + } + }, + "node_modules/@modelcontextprotocol/sdk": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.5.0.tgz", + "integrity": "sha512-IJ+5iVVs8FCumIHxWqpwgkwOzyhtHVKy45s6Ug7Dv0MfRpaYisH8QQ87rIWeWdOzlk8sfhitZ7HCyQZk7d6b8w==", + "dependencies": { + "content-type": "^1.0.5", + "eventsource": "^3.0.2", + "raw-body": "^3.0.0", + "zod": "^3.23.8", + "zod-to-json-schema": "^3.24.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@types/body-parser": { + "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", + "dev": true, + "dependencies": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "node_modules/@types/connect": { + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/cors": { + "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/express": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.0.tgz", + "integrity": "sha512-DvZriSMehGHL1ZNLzi6MidnsDhUZM/x2pRdDIKdwbUNqqwHxMlRdkxtn6/EPKyqKpHqTl/4nRZsRNLpZxZRpPQ==", + "dev": true, + "dependencies": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^5.0.0", + "@types/qs": "*", + "@types/serve-static": "*" + } + }, + "node_modules/@types/express-serve-static-core": { + "version": "5.0.6", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz", + "integrity": "sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==", + "dev": true, + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/http-errors": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", + "dev": true + }, + "node_modules/@types/mime": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true + }, + "node_modules/@types/node": { + "version": "22.13.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.4.tgz", + "integrity": "sha512-ywP2X0DYtX3y08eFVx5fNIw7/uIv8hYUKgXoK8oayJlLnKcRfEYCxWMVE1XagUdVtCJlZT1AU4LXEABW+L1Peg==", + "dev": true, + "dependencies": { + "undici-types": "~6.20.0" + } + }, + "node_modules/@types/qs": { + "version": "6.9.18", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.18.tgz", + "integrity": "sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==", + "dev": true + }, + "node_modules/@types/range-parser": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true + }, + "node_modules/@types/send": { + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", + "dev": true, + "dependencies": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "node_modules/@types/serve-static": { + "version": "1.15.7", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz", + "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==", + "dev": true, + "dependencies": { + "@types/http-errors": "*", + "@types/node": "*", + "@types/send": "*" + } + }, + "node_modules/@types/ws": { + "version": "8.5.14", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.14.tgz", + "integrity": "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==" + }, + "node_modules/body-parser": { + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.13.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/body-parser/node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==" + }, + "node_modules/cors": { + "version": "2.8.5", + "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", + "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", + "dependencies": { + "object-assign": "^4", + "vary": "^1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==" + }, + "node_modules/encodeurl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==" + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/eventsource": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.5.tgz", + "integrity": "sha512-LT/5J605bx5SNyE+ITBDiM3FxffBiq9un7Vx0EwMDM3vg8sWKx/tO2zC+LMqZ+smAM0F2hblaDZUVZF0te2pSw==", + "dependencies": { + "eventsource-parser": "^3.0.0" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/eventsource-parser": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.0.tgz", + "integrity": "sha512-T1C0XCUimhxVQzW4zFipdx0SficT651NnkR0ZSH3yQwh+mFMdLfgjABVi4YtMTtaL4s168593DaoaRLMqryavA==", + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/express": { + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.3", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.7.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.3.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.3", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.12", + "proxy-addr": "~2.0.7", + "qs": "6.13.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.19.0", + "serve-static": "1.16.2", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/finalhandler": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz", + "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-intrinsic": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz", + "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", + "function-bind": "^1.1.2", + "get-proto": "^1.0.0", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/llm-cost": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/llm-cost/-/llm-cost-1.0.5.tgz", + "integrity": "sha512-1JBZBwmcgX1yIEY9ky9mYuU7VnaE82siEOZJgG9Gq6qNs+VLUlU1X24yHjBRjGdwoBhfn5APJIdifdMrcpvH1w==", + "dependencies": { + "tiktoken": "^1.0.11" + } + }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==" + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/object-inspect": { + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-to-regexp": { + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==" + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/qs": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", + "dependencies": { + "side-channel": "^1.0.6" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz", + "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.6.3", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/raw-body/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "node_modules/send": { + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==" + }, + "node_modules/serve-static": { + "version": "1.16.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz", + "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==", + "dependencies": { + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.19.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" + }, + "node_modules/side-channel": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/tiktoken": { + "version": "1.0.20", + "resolved": "https://registry.npmjs.org/tiktoken/-/tiktoken-1.0.20.tgz", + "integrity": "sha512-zVIpXp84kth/Ni2me1uYlJgl2RZ2EjxwDaWLeDY/s6fZiyO9n1QoTOM5P7ZSYfToPvAvwYNMbg5LETVYVKyzfQ==" + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "engines": { + "node": ">=0.6" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/typescript": { + "version": "5.7.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz", + "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/undici-types": { + "version": "6.20.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", + "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", + "dev": true + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/ws": { + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", + "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/zod": { + "version": "3.24.2", + "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz", + "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==", + "funding": { + "url": "https://github.com/sponsors/colinhacks" + } + }, + "node_modules/zod-to-json-schema": { + "version": "3.24.1", + "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.24.1.tgz", + "integrity": "sha512-3h08nf3Vw3Wl3PK+q3ow/lIil81IT2Oa7YpQyUUDsEWbXveMesdfK1xBd2RhCkynwZndAxixji/7SYJJowr62w==", + "peerDependencies": { + "zod": "^3.24.1" + } + } + } +} diff --git a/browser-tools-server/package.json b/browser-tools-server/package.json new file mode 100644 index 0000000..5439710 --- /dev/null +++ b/browser-tools-server/package.json @@ -0,0 +1,41 @@ +{ + "name": "@agentdeskai/browser-tools-server", + "version": "1.0.5", + "description": "A browser tools server for capturing and managing browser events, logs, and screenshots", + "main": "dist/browser-connector.js", + "bin": { + "browser-tools-server": "./dist/browser-connector.js" + }, + "scripts": { + "build": "tsc", + "start": "tsc && node dist/browser-connector.js", + "prepublishOnly": "npm run build" + }, + "keywords": [ + "browser", + "tools", + "debugging", + "logging", + "screenshots", + "chrome", + "extension" + ], + "author": "AgentDesk AI", + "license": "MIT", + "dependencies": { + "@modelcontextprotocol/sdk": "^1.4.1", + "body-parser": "^1.20.3", + "cors": "^2.8.5", + "express": "^4.21.2", + "llm-cost": "^1.0.5", + "ws": "^8.18.0" + }, + "devDependencies": { + "@types/ws": "^8.5.14", + "@types/body-parser": "^1.19.5", + "@types/cors": "^2.8.17", + "@types/express": "^5.0.0", + "@types/node": "^22.13.1", + "typescript": "^5.7.3" + } +} diff --git a/browser-tools-server/tsconfig.json b/browser-tools-server/tsconfig.json new file mode 100644 index 0000000..6ba6251 --- /dev/null +++ b/browser-tools-server/tsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "target": "ES2020", + "module": "NodeNext", + "moduleResolution": "NodeNext", + "esModuleInterop": true, + "outDir": "./dist", + "rootDir": ".", + "strict": true, + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true + }, + "include": ["*.ts"], + "exclude": ["node_modules", "dist"] +} \ No newline at end of file diff --git a/chrome-extension/devtools.html b/chrome-extension/devtools.html index ccc8357..b215e42 100644 --- a/chrome-extension/devtools.html +++ b/chrome-extension/devtools.html @@ -2,7 +2,7 @@ - DevTools Logs + BrowserTools MCP diff --git a/chrome-extension/devtools.js b/chrome-extension/devtools.js index 153e533..8c48d7d 100644 --- a/chrome-extension/devtools.js +++ b/chrome-extension/devtools.js @@ -13,7 +13,10 @@ let settings = { // Keep track of debugger state let isDebuggerAttached = false; +let attachDebuggerRetries = 0; const currentTabId = chrome.devtools.inspectedWindow.tabId; +const MAX_ATTACH_RETRIES = 3; +const ATTACH_RETRY_DELAY = 1000; // 1 second // Load saved settings on startup chrome.storage.local.get(["browserConnectorSettings"], (result) => { @@ -22,10 +25,50 @@ chrome.storage.local.get(["browserConnectorSettings"], (result) => { } }); -// Listen for settings updates -chrome.runtime.onMessage.addListener((message) => { +// Listen for settings updates and screenshot capture requests +chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { if (message.type === "SETTINGS_UPDATED") { settings = message.settings; + } else if (message.type === "CAPTURE_SCREENSHOT") { + // Capture screenshot of the current tab + chrome.tabs.captureVisibleTab(null, { format: "png" }, (dataUrl) => { + if (chrome.runtime.lastError) { + console.error("Screenshot capture failed:", chrome.runtime.lastError); + sendResponse({ + success: false, + error: chrome.runtime.lastError.message, + }); + return; + } + + // Send screenshot data to browser connector via HTTP POST + fetch("http://127.0.0.1:3025/screenshot", { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify({ + data: dataUrl, + path: settings.screenshotPath, + }), + }) + .then((response) => response.json()) + .then((result) => { + if (result.error) { + sendResponse({ success: false, error: result.error }); + } else { + sendResponse({ success: true, path: result.path }); + } + }) + .catch((error) => { + console.error("Failed to save screenshot:", error); + sendResponse({ + success: false, + error: error.message || "Failed to save screenshot", + }); + }); + }); + return true; // Required to use sendResponse asynchronously } }); @@ -157,9 +200,17 @@ function processJsonString(jsonString, maxLength) { } } -// Utility to send logs to browser-connector +// Helper to send logs to browser-connector function sendToBrowserConnector(logData) { - console.log("Original log data size:", JSON.stringify(logData).length); + if (!logData) { + console.error("No log data provided to sendToBrowserConnector"); + return; + } + + console.log("Sending log data to browser connector:", { + type: logData.type, + timestamp: logData.timestamp, + }); // Process any string fields that might contain JSON const processedData = { ...logData }; @@ -224,7 +275,6 @@ function sendToBrowserConnector(logData) { console.log("Final payload size:", finalPayloadSize); if (finalPayloadSize > 1000000) { - // 1MB warning threshold console.warn("Warning: Large payload detected:", finalPayloadSize); console.warn( "Payload preview:", @@ -236,11 +286,38 @@ function sendToBrowserConnector(logData) { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload), + }) + .then((response) => { + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + console.log("Successfully sent log to browser-connector"); + return response.json(); + }) + .then((data) => { + console.log("Browser connector response:", data); + }) + .catch((error) => { + console.error("Failed to send log to browser-connector:", error); + }); +} + +// Add function to wipe logs +function wipeLogs() { + fetch("http://127.0.0.1:3025/wipelogs", { + method: "POST", + headers: { "Content-Type": "application/json" }, }).catch((error) => { - console.error("Failed to send log to browser-connector:", error); + console.error("Failed to wipe logs:", error); }); } +// Listen for page refreshes +chrome.devtools.network.onNavigated.addListener(() => { + console.log("Page navigated/refreshed - wiping logs"); + wipeLogs(); +}); + // 1) Listen for network requests chrome.devtools.network.onRequestFinished.addListener((request) => { if (request._resourceType === "xhr" || request._resourceType === "fetch") { @@ -260,84 +337,65 @@ chrome.devtools.network.onRequestFinished.addListener((request) => { } }); -// Move the console message listener outside the panel creation -const consoleMessageListener = (source, method, params) => { - console.log("Debugger event:", method, source.tabId, currentTabId); - - // Only process events for our tab - if (source.tabId !== currentTabId) { - console.log("Ignoring event from different tab"); - return; - } - - if (method === "Console.messageAdded") { - console.log("Console message received:", params.message); - const entry = { - type: params.message.level === "error" ? "console-error" : "console-log", - level: params.message.level, - message: params.message.text, - timestamp: Date.now(), - }; - console.log("Sending console entry:", entry); - sendToBrowserConnector(entry); - } else { - console.log("Unhandled debugger method:", method); - } -}; - // Helper function to attach debugger -function attachDebugger() { - if (isDebuggerAttached) { - console.log("Debugger already attached"); - return; - } +async function attachDebugger() { + // First check if we're already attached to this tab + chrome.debugger.getTargets((targets) => { + const isAlreadyAttached = targets.some( + (target) => target.tabId === currentTabId && target.attached + ); - // Check if the tab still exists - chrome.tabs.get(currentTabId, (tab) => { + if (isAlreadyAttached) { + console.log("Found existing debugger attachment, detaching first..."); + // Force detach first to ensure clean state + chrome.debugger.detach({ tabId: currentTabId }, () => { + // Ignore any errors during detach + if (chrome.runtime.lastError) { + console.log("Error during forced detach:", chrome.runtime.lastError); + } + // Now proceed with fresh attachment + performAttach(); + }); + } else { + // No existing attachment, proceed directly + performAttach(); + } + }); +} + +function performAttach() { + console.log("Performing debugger attachment to tab:", currentTabId); + chrome.debugger.attach({ tabId: currentTabId }, "1.3", () => { if (chrome.runtime.lastError) { - console.log("Tab no longer exists:", chrome.runtime.lastError); + console.error("Failed to attach debugger:", chrome.runtime.lastError); isDebuggerAttached = false; return; } - console.log("Attaching debugger to tab:", currentTabId); - chrome.debugger.attach({ tabId: currentTabId }, "1.3", () => { - if (chrome.runtime.lastError) { - console.error("Failed to attach debugger:", chrome.runtime.lastError); - isDebuggerAttached = false; - return; - } + isDebuggerAttached = true; + console.log("Debugger successfully attached"); - isDebuggerAttached = true; - console.log("Debugger successfully attached"); + // Add the event listener when attaching + chrome.debugger.onEvent.addListener(consoleMessageListener); - // Add the event listener when attaching - chrome.debugger.onEvent.addListener(consoleMessageListener); - - chrome.debugger.sendCommand( - { tabId: currentTabId }, - "Console.enable", - {}, - () => { - if (chrome.runtime.lastError) { - console.error( - "Failed to enable console:", - chrome.runtime.lastError - ); - return; - } - console.log("Console API successfully enabled"); + chrome.debugger.sendCommand( + { tabId: currentTabId }, + "Console.enable", + {}, + () => { + if (chrome.runtime.lastError) { + console.error("Failed to enable console:", chrome.runtime.lastError); + return; } - ); - }); + console.log("Console API successfully enabled"); + } + ); }); } // Helper function to detach debugger function detachDebugger() { - if (!isDebuggerAttached) return; - - // Remove the event listener when detaching + // Remove the event listener first chrome.debugger.onEvent.removeListener(consoleMessageListener); // Check if debugger is actually attached before trying to detach @@ -354,9 +412,10 @@ function detachDebugger() { chrome.debugger.detach({ tabId: currentTabId }, () => { if (chrome.runtime.lastError) { - console.error("Failed to detach debugger:", chrome.runtime.lastError); - isDebuggerAttached = false; - return; + console.warn( + "Warning during debugger detach:", + chrome.runtime.lastError + ); } isDebuggerAttached = false; console.log("Debugger detached"); @@ -364,20 +423,48 @@ function detachDebugger() { }); } +// Move the console message listener outside the panel creation +const consoleMessageListener = (source, method, params) => { + // Only process events for our tab + if (source.tabId !== currentTabId) { + return; + } + + if (method === "Console.messageAdded") { + console.log("Console message received:", params.message); + const entry = { + type: params.message.level === "error" ? "console-error" : "console-log", + level: params.message.level, + message: params.message.text, + timestamp: Date.now(), + }; + console.log("Sending console entry:", entry); + sendToBrowserConnector(entry); + } +}; + // 2) Use DevTools Protocol to capture console logs -chrome.devtools.panels.create("Browser Logs", "", "panel.html", (panel) => { +chrome.devtools.panels.create("BrowserToolsMCP", "", "panel.html", (panel) => { // Initial attach - we'll keep the debugger attached as long as DevTools is open attachDebugger(); - // Add message passing to panel.js + // Handle panel showing panel.onShown.addListener((panelWindow) => { - panelWindow.postMessage({ type: "initializeSelectionButton" }, "*"); + if (!isDebuggerAttached) { + attachDebugger(); + } }); }); -// Clean up only when the entire DevTools window is closed +// Clean up when DevTools window is closed window.addEventListener("unload", () => { detachDebugger(); + if (ws) { + ws.close(); + } + if (wsReconnectTimeout) { + clearTimeout(wsReconnectTimeout); + } }); // Function to capture and send element data @@ -439,62 +526,73 @@ function setupWebSocket() { ws = new WebSocket("ws://localhost:3025/extension-ws"); + ws.onmessage = async (event) => { + try { + const message = JSON.parse(event.data); + console.log("Chrome Extension: Received WebSocket message:", message); + + if (message.type === "take-screenshot") { + console.log("Chrome Extension: Taking screenshot..."); + // Capture screenshot of the current tab + chrome.tabs.captureVisibleTab(null, { format: "png" }, (dataUrl) => { + if (chrome.runtime.lastError) { + console.error( + "Chrome Extension: Screenshot capture failed:", + chrome.runtime.lastError + ); + ws.send( + JSON.stringify({ + type: "screenshot-error", + error: chrome.runtime.lastError.message, + requestId: message.requestId, + }) + ); + return; + } + + console.log("Chrome Extension: Screenshot captured successfully"); + // Just send the screenshot data, let the server handle paths + const response = { + type: "screenshot-data", + data: dataUrl, + requestId: message.requestId, + // Only include path if it's configured in settings + ...(settings.screenshotPath && { path: settings.screenshotPath }), + }; + + console.log("Chrome Extension: Sending screenshot data response", { + ...response, + data: "[base64 data]", + }); + + ws.send(JSON.stringify(response)); + }); + } + } catch (error) { + console.error( + "Chrome Extension: Error processing WebSocket message:", + error + ); + } + }; + ws.onopen = () => { - console.log("WebSocket connected"); + console.log("Chrome Extension: WebSocket connected"); if (wsReconnectTimeout) { clearTimeout(wsReconnectTimeout); wsReconnectTimeout = null; } }; - ws.onmessage = async (event) => { - try { - const message = JSON.parse(event.data); - - if (message.type === "take-screenshot") { - if (!settings.screenshotPath) { - ws.send( - JSON.stringify({ - type: "screenshot-error", - error: "Screenshot path not configured", - }) - ); - return; - } - - // Capture screenshot of the current tab - chrome.tabs.captureVisibleTab(null, { format: "png" }, (dataUrl) => { - if (chrome.runtime.lastError) { - ws.send( - JSON.stringify({ - type: "screenshot-error", - error: chrome.runtime.lastError.message, - }) - ); - return; - } - - ws.send( - JSON.stringify({ - type: "screenshot-data", - data: dataUrl, - path: settings.screenshotPath, - }) - ); - }); - } - } catch (error) { - console.error("Error processing WebSocket message:", error); - } - }; - ws.onclose = () => { - console.log("WebSocket disconnected, attempting to reconnect..."); + console.log( + "Chrome Extension: WebSocket disconnected, attempting to reconnect..." + ); wsReconnectTimeout = setTimeout(setupWebSocket, WS_RECONNECT_DELAY); }; ws.onerror = (error) => { - console.error("WebSocket error:", error); + console.error("Chrome Extension: WebSocket error:", error); }; } diff --git a/chrome-extension/manifest.json b/chrome-extension/manifest.json index 1b23788..17ffece 100644 --- a/chrome-extension/manifest.json +++ b/chrome-extension/manifest.json @@ -1,7 +1,7 @@ { - "name": "AI Browser Connector", + "name": "BrowserTools MCP", "version": "1.0.0", - "description": "Captures console and network logs then sends them to a local aggregator for MCP usage", + "description": "MCP tool for AI code editors to capture data from a browser such as console logs, network requests, screenshots and more", "manifest_version": 3, "devtools_page": "devtools.html", "permissions": [ diff --git a/chrome-extension/panel.html b/chrome-extension/panel.html index 6b22616..f4dbb4a 100644 --- a/chrome-extension/panel.html +++ b/chrome-extension/panel.html @@ -62,55 +62,122 @@ margin-bottom: 16px; border-radius: 4px; } + .settings-header { + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; + user-select: none; + } + .settings-header h3 { + margin: 0; + } + .settings-content { + display: none; + margin-top: 16px; + } + .settings-content.visible { + display: block; + } + .chevron { + width: 20px; + height: 20px; + transition: transform 0.3s ease; + } + .chevron.open { + transform: rotate(180deg); + } + .quick-actions { + display: flex; + gap: 8px; + margin-bottom: 16px; + } + .action-button { + background-color: #4a4a4a; + color: white; + border: none; + padding: 8px 16px; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.2s; + } + .action-button:hover { + background-color: #5a5a5a; + } + .action-button.danger { + background-color: #f44336; + } + .action-button.danger:hover { + background-color: #d32f2f; + }
-

Log Settings

- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- -
- +

Quick Actions

+
+ +

Screenshot Settings

- +
+
+
+

Advanced Settings

+ + + +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+ +
+
+
+ \ No newline at end of file diff --git a/chrome-extension/panel.js b/chrome-extension/panel.js index af65c3a..d535fde 100644 --- a/chrome-extension/panel.js +++ b/chrome-extension/panel.js @@ -29,6 +29,21 @@ const showResponseHeadersCheckbox = document.getElementById( ); const maxLogSizeInput = document.getElementById("max-log-size"); const screenshotPathInput = document.getElementById("screenshot-path"); +const captureScreenshotButton = document.getElementById("capture-screenshot"); + +// Initialize collapsible advanced settings +const advancedSettingsHeader = document.getElementById( + "advanced-settings-header" +); +const advancedSettingsContent = document.getElementById( + "advanced-settings-content" +); +const chevronIcon = advancedSettingsHeader.querySelector(".chevron"); + +advancedSettingsHeader.addEventListener("click", () => { + advancedSettingsContent.classList.toggle("visible"); + chevronIcon.classList.toggle("open"); +}); // Update UI from settings function updateUIFromSettings() { @@ -86,3 +101,48 @@ screenshotPathInput.addEventListener("change", (e) => { settings.screenshotPath = e.target.value; saveSettings(); }); + +// Add screenshot capture functionality +captureScreenshotButton.addEventListener("click", () => { + captureScreenshotButton.textContent = "Capturing..."; + + // Send message to devtools.js to capture screenshot + chrome.runtime.sendMessage({ type: "CAPTURE_SCREENSHOT" }, (response) => { + if (!response) { + captureScreenshotButton.textContent = "Failed to capture!"; + console.error("Screenshot capture failed: No response received"); + } else if (!response.success) { + captureScreenshotButton.textContent = "Failed to capture!"; + console.error("Screenshot capture failed:", response.error); + } else { + captureScreenshotButton.textContent = "Screenshot captured!"; + } + setTimeout(() => { + captureScreenshotButton.textContent = "Capture Screenshot"; + }, 2000); + }); +}); + +// Add wipe logs functionality +const wipeLogsButton = document.getElementById("wipe-logs"); +wipeLogsButton.addEventListener("click", () => { + fetch("http://127.0.0.1:3025/wipelogs", { + method: "POST", + headers: { "Content-Type": "application/json" }, + }) + .then((response) => response.json()) + .then((result) => { + console.log("Logs wiped successfully:", result.message); + wipeLogsButton.textContent = "Logs Wiped!"; + setTimeout(() => { + wipeLogsButton.textContent = "Wipe All Logs"; + }, 2000); + }) + .catch((error) => { + console.error("Failed to wipe logs:", error); + wipeLogsButton.textContent = "Failed to Wipe Logs"; + setTimeout(() => { + wipeLogsButton.textContent = "Wipe All Logs"; + }, 2000); + }); +}); diff --git a/mcp-server/package.json b/mcp-server/package.json deleted file mode 100644 index 39fbaed..0000000 --- a/mcp-server/package.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "mcp-server", - "version": "1.0.0", - "main": "index.js", - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1", - "start": "tsc && node dist/browser-connector.js", - "mcp": "tsc && node dist/mcp-server.js", - "inspect": "tsc && npx @modelcontextprotocol/inspector node -- dist/mcp-server.js" - }, - "keywords": [], - "author": "", - "license": "ISC", - "description": "", - "dependencies": { - "@modelcontextprotocol/sdk": "^1.4.1", - "body-parser": "^1.20.3", - "cors": "^2.8.5", - "express": "^4.21.2", - "llm-cost": "^1.0.5", - "ws": "^8.18.0" - }, - "devDependencies": { - "@types/ws": "^8.5.14", - "@types/body-parser": "^1.19.5", - "@types/cors": "^2.8.17", - "@types/express": "^5.0.0", - "@types/node": "^22.13.1", - "typescript": "^5.7.3" - } -} diff --git a/mcp-server/src/browser-connector.ts b/mcp-server/src/browser-connector.ts deleted file mode 100644 index c521600..0000000 --- a/mcp-server/src/browser-connector.ts +++ /dev/null @@ -1,364 +0,0 @@ -import express from "express"; -import cors from "cors"; -import bodyParser from "body-parser"; -import { tokenizeAndEstimateCost } from "llm-cost"; -import WebSocket from "ws"; -import fs from "fs"; -import path from "path"; -import { IncomingMessage } from "http"; -import { Socket } from "net"; - -// We store logs in memory -const consoleLogs: any[] = []; -const consoleErrors: any[] = []; -const networkErrors: any[] = []; -const networkSuccess: any[] = []; -const allXhr: any[] = []; - -// Add settings state -let currentSettings = { - logLimit: 50, - queryLimit: 30000, - showRequestHeaders: false, - showResponseHeaders: false, - model: "claude-3-sonnet", - stringSizeLimit: 500, - maxLogSize: 20000, -}; - -// Add new storage for selected element -let selectedElement: any = null; - -const app = express(); -const PORT = 3025; - -app.use(cors()); -app.use(bodyParser.json()); - -// Helper to recursively truncate strings in any data structure -function truncateStringsInData(data: any, maxLength: number): any { - if (typeof data === "string") { - return data.length > maxLength - ? data.substring(0, maxLength) + "... (truncated)" - : data; - } - - if (Array.isArray(data)) { - return data.map((item) => truncateStringsInData(item, maxLength)); - } - - if (typeof data === "object" && data !== null) { - const result: any = {}; - for (const [key, value] of Object.entries(data)) { - result[key] = truncateStringsInData(value, maxLength); - } - return result; - } - - return data; -} - -// Helper to safely parse and process JSON strings -function processJsonString(jsonString: string, maxLength: number): string { - try { - // Try to parse the string as JSON - const parsed = JSON.parse(jsonString); - // Process any strings within the parsed JSON - const processed = truncateStringsInData(parsed, maxLength); - // Stringify the processed data - return JSON.stringify(processed); - } catch (e) { - // If it's not valid JSON, treat it as a regular string - return truncateStringsInData(jsonString, maxLength); - } -} - -// Helper to process logs based on settings -function processLogsWithSettings(logs: any[]) { - return logs.map((log) => { - const processedLog = { ...log }; - - if (log.type === "network-request") { - // Handle headers visibility - if (!currentSettings.showRequestHeaders) { - delete processedLog.requestHeaders; - } - if (!currentSettings.showResponseHeaders) { - delete processedLog.responseHeaders; - } - } - - return processedLog; - }); -} - -// Helper to calculate size of a log entry -function calculateLogSize(log: any): number { - return JSON.stringify(log).length; -} - -// Helper to truncate logs based on character limit -function truncateLogsToQueryLimit(logs: any[]): any[] { - if (logs.length === 0) return logs; - - // First process logs according to current settings - const processedLogs = processLogsWithSettings(logs); - - let currentSize = 0; - const result = []; - - for (const log of processedLogs) { - const logSize = calculateLogSize(log); - - // Check if adding this log would exceed the limit - if (currentSize + logSize > currentSettings.queryLimit) { - console.log( - `Reached query limit (${currentSize}/${currentSettings.queryLimit}), truncating logs` - ); - break; - } - - // Add log and update size - result.push(log); - currentSize += logSize; - console.log(`Added log of size ${logSize}, total size now: ${currentSize}`); - } - - return result; -} - -// Endpoint for the extension to POST data -app.post("/extension-log", (req, res) => { - const { data, settings } = req.body; - - // Update settings if provided - if (settings) { - currentSettings = { - ...currentSettings, - ...settings, - }; - } - - console.log("Received log:", data); - switch (data.type) { - case "console-log": - consoleLogs.push(data); - if (consoleLogs.length > currentSettings.logLimit) consoleLogs.shift(); - break; - case "console-error": - consoleErrors.push(data); - if (consoleErrors.length > currentSettings.logLimit) - consoleErrors.shift(); - break; - case "network-request": - // Route network requests based on status code - if (data.status >= 400) { - networkErrors.push(data); - if (networkErrors.length > currentSettings.logLimit) - networkErrors.shift(); - } else { - networkSuccess.push(data); - if (networkSuccess.length > currentSettings.logLimit) - networkSuccess.shift(); - } - break; - case "selected-element": - selectedElement = data.element; - break; - } - res.json({ status: "ok" }); -}); - -// Update GET endpoints to use the new function -app.get("/console-logs", (req, res) => { - const truncatedLogs = truncateLogsToQueryLimit(consoleLogs); - res.json(truncatedLogs); -}); - -app.get("/console-errors", (req, res) => { - const truncatedLogs = truncateLogsToQueryLimit(consoleErrors); - res.json(truncatedLogs); -}); - -app.get("/network-errors", (req, res) => { - const truncatedLogs = truncateLogsToQueryLimit(networkErrors); - res.json(truncatedLogs); -}); - -app.get("/network-success", (req, res) => { - const truncatedLogs = truncateLogsToQueryLimit(networkSuccess); - res.json(truncatedLogs); -}); - -app.get("/all-xhr", (req, res) => { - // Merge and sort network success and error logs by timestamp - const mergedLogs = [...networkSuccess, ...networkErrors].sort( - (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime() - ); - const truncatedLogs = truncateLogsToQueryLimit(mergedLogs); - res.json(truncatedLogs); -}); - -// Add new endpoint for selected element -app.post("/selected-element", (req, res) => { - const { data } = req.body; - selectedElement = data; - res.json({ status: "ok" }); -}); - -app.get("/selected-element", (req, res) => { - res.json(selectedElement || { message: "No element selected" }); -}); - -app.get("/.port", (req, res) => { - res.send(PORT.toString()); -}); - -interface ScreenshotMessage { - type: "screenshot-data" | "screenshot-error"; - data?: string; - path?: string; - error?: string; -} - -export class BrowserConnector { - private wss: WebSocket.Server; - private activeConnection: WebSocket | null = null; - private app: express.Application; - private server: any; - - constructor(app: express.Application, server: any) { - this.app = app; - this.server = server; - - // Initialize WebSocket server using the existing HTTP server - this.wss = new WebSocket.Server({ - noServer: true, - path: "/extension-ws", - }); - - // Handle upgrade requests for WebSocket - this.server.on( - "upgrade", - (request: IncomingMessage, socket: Socket, head: Buffer) => { - if (request.url === "/extension-ws") { - this.wss.handleUpgrade(request, socket, head, (ws) => { - this.wss.emit("connection", ws, request); - }); - } - } - ); - - this.wss.on("connection", (ws) => { - console.log("Chrome extension connected via WebSocket"); - this.activeConnection = ws; - - ws.on("close", () => { - console.log("Chrome extension disconnected"); - if (this.activeConnection === ws) { - this.activeConnection = null; - } - }); - }); - - // Add screenshot endpoint - this.app.post("/screenshot", async (req, res) => { - await this.handleScreenshot(req, res); - }); - } - - private async handleScreenshot(req: express.Request, res: express.Response) { - if (!this.activeConnection) { - return res.status(503).json({ error: "Chrome extension not connected" }); - } - - try { - const result = await new Promise((resolve, reject) => { - // Set up one-time message handler for this screenshot request - const messageHandler = (message: WebSocket.Data) => { - try { - const response: ScreenshotMessage = JSON.parse(message.toString()); - - if (response.type === "screenshot-error") { - reject(new Error(response.error)); - return; - } - - if ( - response.type === "screenshot-data" && - response.data && - response.path - ) { - // Remove the data:image/png;base64, prefix - const base64Data = response.data.replace( - /^data:image\/png;base64,/, - "" - ); - - // Ensure the directory exists - const dir = path.dirname(response.path); - fs.mkdirSync(dir, { recursive: true }); - - // Generate a unique filename using timestamp - const timestamp = new Date().toISOString().replace(/[:.]/g, "-"); - const filename = `screenshot-${timestamp}.png`; - const fullPath = path.join(response.path, filename); - - // Write the file - fs.writeFileSync(fullPath, base64Data, "base64"); - resolve({ - path: fullPath, - filename: filename, - }); - } - } catch (error) { - reject(error); - } finally { - this.activeConnection?.removeListener("message", messageHandler); - } - }; - - // Add temporary message handler - this.activeConnection?.on("message", messageHandler); - - // Request screenshot - this.activeConnection?.send( - JSON.stringify({ type: "take-screenshot" }) - ); - - // Set timeout - setTimeout(() => { - this.activeConnection?.removeListener("message", messageHandler); - reject(new Error("Screenshot timeout")); - }, 30000); // 30 second timeout - }); - - res.json(result); - } catch (error: unknown) { - if (error instanceof Error) { - res.status(500).json({ error: error.message }); - } else { - res.status(500).json({ error: "An unknown error occurred" }); - } - } - } -} - -// Move the server creation before BrowserConnector instantiation -const server = app.listen(PORT, () => { - console.log(`Aggregator listening on http://127.0.0.1:${PORT}`); - - // Write the port to a file so mcp-server can read it - fs.writeFileSync(".port", PORT.toString()); -}); - -// Initialize the browser connector with the existing app AND server -const browserConnector = new BrowserConnector(app, server); - -// Handle shutdown gracefully -process.on("SIGINT", () => { - server.close(() => { - console.log("Server shut down"); - process.exit(0); - }); -}); diff --git a/mcp-server/tsconfig.json b/mcp-server/tsconfig.json deleted file mode 100644 index 1fa3ed0..0000000 --- a/mcp-server/tsconfig.json +++ /dev/null @@ -1,111 +0,0 @@ -{ - "compilerOptions": { - /* Visit https://aka.ms/tsconfig to read more about this file */ - - /* Projects */ - // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */ - // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */ - // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */ - // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */ - // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */ - // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */ - - /* Language and Environment */ - "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ - // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */ - // "jsx": "preserve", /* Specify what JSX code is generated. */ - // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */ - // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */ - // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */ - // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */ - // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */ - // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */ - // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */ - // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */ - // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */ - - /* Modules */ - "module": "commonjs", /* Specify what module code is generated. */ - // "rootDir": "./", /* Specify the root folder within your source files. */ - // "moduleResolution": "node10", /* Specify how TypeScript looks up a file from a given module specifier. */ - // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */ - // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */ - // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */ - // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */ - // "types": [], /* Specify type package names to be included without being referenced in a source file. */ - // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ - // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */ - // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */ - // "rewriteRelativeImportExtensions": true, /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */ - // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */ - // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */ - // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */ - // "noUncheckedSideEffectImports": true, /* Check side effect imports. */ - // "resolveJsonModule": true, /* Enable importing .json files. */ - // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */ - // "noResolve": true, /* Disallow 'import's, 'require's or ''s from expanding the number of files TypeScript should add to a project. */ - - /* JavaScript Support */ - // "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */ - // "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */ - // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */ - - /* Emit */ - // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */ - // "declarationMap": true, /* Create sourcemaps for d.ts files. */ - // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */ - // "sourceMap": true, /* Create source map files for emitted JavaScript files. */ - // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */ - // "noEmit": true, /* Disable emitting files from a compilation. */ - // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */ - "outDir": "./dist", /* Specify an output folder for all emitted files. */ - // "removeComments": true, /* Disable emitting comments. */ - // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */ - // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */ - // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */ - // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ - // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */ - // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */ - // "newLine": "crlf", /* Set the newline character for emitting files. */ - // "stripInternal": true, /* Disable emitting declarations that have '@internal' in their JSDoc comments. */ - // "noEmitHelpers": true, /* Disable generating custom helper functions like '__extends' in compiled output. */ - // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */ - // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */ - // "declarationDir": "./", /* Specify the output directory for generated declaration files. */ - - /* Interop Constraints */ - // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */ - // "verbatimModuleSyntax": true, /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */ - // "isolatedDeclarations": true, /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */ - // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */ - "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */ - // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */ - "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */ - - /* Type Checking */ - "strict": true, /* Enable all strict type-checking options. */ - // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied 'any' type. */ - // "strictNullChecks": true, /* When type checking, take into account 'null' and 'undefined'. */ - // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ - // "strictBindCallApply": true, /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */ - // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */ - // "strictBuiltinIteratorReturn": true, /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */ - // "noImplicitThis": true, /* Enable error reporting when 'this' is given the type 'any'. */ - // "useUnknownInCatchVariables": true, /* Default catch clause variables as 'unknown' instead of 'any'. */ - // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */ - // "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */ - // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read. */ - // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */ - // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */ - // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */ - // "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */ - // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */ - // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type. */ - // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */ - // "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */ - - /* Completeness */ - // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */ - "skipLibCheck": true /* Skip type checking all .d.ts files. */ - } -}