supapup/dist/tools/devtools-elements.d.ts

⚡ 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.

import { Page, CDPSession } from 'puppeteer';
export declare class DevToolsElements {
    private page;
    private client;
    constructor();
    initialize(page: Page, client: CDPSession): Promise<void>;
    isInitialized(): boolean;
    inspectElement(args: {
        selector: string;
    }): Promise<{
        content: {
            type: string;
            text: string;
        }[];
    }>;
    modifyCSS(args: {
        selector: string;
        property: string;
        value: string;
    }): Promise<{
        content: {
            type: string;
            text: string;
        }[];
    }>;
    highlightElement(args: {
        selector: string;
        duration?: number;
    }): Promise<{
        content: {
            type: string;
            text: string;
        }[];
    }>;
    modifyHTML(args: {
        selector: string;
        value: string;
        type: 'innerHTML' | 'outerHTML' | 'attribute';
        attribute?: string;
    }): Promise<{
        content: {
            type: string;
            text: string;
        }[];
    }>;
    createVisualElementMap(args: {
        includeAll?: boolean;
    }): Promise<{
        content: ({
            type: string;
            data: string;
            mimeType: string;
            text?: undefined;
        } | {
            type: string;
            text: string;
            data?: undefined;
            mimeType?: undefined;
        })[];
    }>;
    getComputedStyles(args: {
        selector: string;
    }): Promise<{
        content: {
            type: string;
            text: string;
        }[];
    }>;
    cleanup(): Promise<void>;
}
//# sourceMappingURL=devtools-elements.d.ts.map