supapup
Version:
⚡ Lightning-fast MCP browser dev tool. Navigate → Get instant structured data. No screenshots needed! Puppeteer: 📸 → CSS selectors → JS eval. Supapup: semantic IDs ready to use. 10x faster, 90% fewer tokens.
50 lines • 1.29 kB
TypeScript
import { Page } from 'puppeteer';
export interface AgentElement {
id: string;
type: string;
action: string;
text: string;
label: string;
tagName: string;
placeholder?: string;
options?: string[];
required?: boolean;
checked?: boolean;
value?: string;
}
export interface AgentPageResult {
content: string;
elements: AgentElement[];
actions: string[];
title: string;
url: string;
}
/**
* DevTools Agent Page Generator
*
* This class generates agent-friendly page representations using Chrome DevTools Protocol.
* It creates a unified text representation that matches what humans see, with proper
* form detection and bulk form fill capabilities.
*/
export declare class DevToolsAgentPageGenerator {
private page;
private cdpSession;
constructor(page: Page);
/**
* Generate agent page with form detection
*/
generateAgentPage(): Promise<AgentPageResult>;
/**
* Setup Chrome DevTools Protocol session
*/
private setupCDP;
/**
* Load the external script file for better maintainability
*/
private getGeneratorScript;
/**
* Cleanup CDP session
*/
cleanup(): Promise<void>;
}
//# sourceMappingURL=devtools-agent-page-generator-clean.d.ts.map