ai-debug-local-mcp
Version:
🎯 ENHANCED AI GUIDANCE v4.1.2: Dramatically improved tool descriptions help AI users choose the right tools instead of 'close enough' options. Ultra-fast keyboard automation (10x speed), universal recording, multi-ecosystem debugging support, and compreh
52 lines • 1.96 kB
TypeScript
import { ReactStateEngine } from '../react-state-engine';
import { StateCapture } from './state-capture';
import { NetworkCoordinator } from './network-coordinator';
export interface ReactStateMismatch {
url: string;
apiData: any;
mismatches: any[];
}
/**
* ReactStateCoordinator - Coordinates React state management and debugging
*
* This coordinator orchestrates React-specific debugging capabilities by integrating:
* - ReactStateEngine: Core React state management and monitoring
* - StateCapture: DOM and component state capture functionality
* - NetworkCoordinator: API request data for state mismatch detection
*
* Follows the established coordinator pattern proven in 5 previous implementations.
*/
export declare class ReactStateCoordinator {
private reactStateEngine;
private stateCapture;
private networkCoordinator;
constructor(reactStateEngine: ReactStateEngine, stateCapture: StateCapture, networkCoordinator: NetworkCoordinator);
/**
* Find React components through StateCapture delegation
*/
findReactComponents(): Promise<any[]>;
/**
* Get React component tree through StateCapture delegation
*/
getReactComponentTree(): Promise<any>;
/**
* Get current React state through StateCapture delegation
*/
getReactState(): Promise<any>;
/**
* Get specific React component by name
*/
getReactComponentByName(name: string): Promise<any>;
/**
* Monitor React state changes for a specified duration
*/
monitorReactStateChanges(duration: number): Promise<any[]>;
/**
* Detect mismatches between API data and React state
*
* This method coordinates between NetworkCoordinator and ReactStateEngine
* to identify inconsistencies between API responses and React component state.
*/
detectReactStateMismatches(): Promise<ReactStateMismatch[]>;
}
//# sourceMappingURL=react-state-coordinator.d.ts.map