dom-analyzer-mcp

Il progetto dom-analyzer-mcp è un DOM Analyzer/E2E server MCP basato su Puppeteer per controllare un'app frontend in un URL configurabile.

• Percorso: server.ts
• Stack: Model Context Protocol (MCP) + Puppeteer
• Obiettivo: fornire comandi remoti di debug, test e ispezione DOM/CSS rete.

---

File: config.json

Esempio:

{
  "targetUrl": "http://localhost:4200",
  "headless": true
}

• targetUrl: URL dell'app da esplorare (es. server dev locale)
• headless: booleano per avvio Puppeteer headless

---

Variabili di stato globali:

• browser: Browser (Puppeteer)
• page: Page (Puppeteer)
• networkRequests: {url, method, status?, response?}[]
• consoleErrors: string[]

Core:

• initBrowser(url = 'http://localhost:4200'): inizializza Puppeteer con retry, intercetta request/response.
• main(): avvia il server MCP, registra console errors e connette StdioServerTransport.

---

Scatta uno screenshot della pagina o elemento selezionato.

Input:

• selector (opzionale): CSS selector dell'elemento.
• navigateTo (opzionale): URL da visitare prima di catturare.

Output:

• content con text e image (base64 PNG).

---

Restituisce l'HTML (outerHTML) del body o elemento specificato.

Input:

• selector (opzionale): CSS selector.

Output:

• content[0].text = HTML.

---

Recupera gli stili computati di un elemento.

Input:

• selector (required)
• properties (array di string, opzionale)

Output:

• JSON con proprietà CSS richieste o tutte.

---

Lista chiamate HTTP intercettate.

Input:

• filterUrl (opzionale)
• filterMethod (opzionale, GET/POST/PUT/DELETE/PATCH)
• limit (opzionale, default 50)

Output:

• JSON array richieste.

---

Esegue JS nella pagina e ritorna il risultato.

Input:

• `scri