import { DOMNode } from "./dom-node";

export interface InspectorCommands {
    // DevTools -> Application communication. Methods that devtools calls when needed.
    getDocument(): string | DOMNode;
    removeNode(nodeId: number): void;
    getComputedStylesForNode(nodeId: number): string | Array<{ name: string, value: string }>;
    setAttributeAsText(nodeId: number, text: string, name: string): void;

    highlightNode(nodeId: number, selector?: string);
    hideHighlight();
    setInspectMode(mode: "none" | "searchForNode");
}

export interface InspectorEvents {
    // Application -> DevTools communication. Methods that the app should call when needed.
    childNodeInserted(parentId: number, lastId: number, node: DOMNode): void;
    childNodeRemoved(parentId: number, nodeId: number): void;
    attributeModified(nodeId: number, attrName: string, attrValue: string): void;
    attributeRemoved(nodeId: number, attrName: string): void;

    nodeHighlightRequested(nodeId: number): void;
    inspectModeCanceled(): void;
}

export function attachDOMInspectorEventCallbacks(inspector: InspectorEvents);

export function attachDOMInspectorCommandCallbacks(inspector: InspectorCommands);

export function attachCSSInspectorCommandCallbacks(inspector: InspectorCommands);