Function startRecording

modules/recording.js:394–441

(getXpaths, safeSendMessage)

 * Start recording user actions by adding event listeners
 */
export function startRecording(getXpaths, safeSendMessage) {
    if (isRecordingActive) return;
    
    console.log('InverseUI: Starting action recording');
    isRecordingActive = true;
    
    // Store listeners so we can remove them later
    const clickListener = function(event) {
        var target = event.target || event.srcElement;
        var xpaths = getXpaths(target);
        console.log("click on xpath: " + xpaths);
        
        safeSendMessage({
            message: "onClick",
            xPath: xpaths,
            coordinates: { x: event.clientX, y: event.clientY },
            button: event.button,
            modifiers: {
                ctrl: event.ctrlKey,
                shift: event.shiftKey,
                alt: event.altKey,
                meta: event.metaKey
            }
        });
    };
    
    const inputListener = function(event) {
        var target = event.target || event.srcElement;
        var xpaths = getXpaths(target);
        console.log("input on xpath: " + xpaths + " | content: " + target.value);
        safeSendMessage({
            message: "onInput",
            xPath: xpaths,
            content: target.value,
            type: target.type
        });
    };
    
    // Add event listeners
    document.addEventListener("click", clickListener, true);
    document.addEventListener("input", inputListener, true);
    
    // Store listeners for cleanup
    eventListeners.push(
        { element: document, event: "click", listener: clickListener, capture: true },
        { element: document, event: "input", listener: inputListener, capture: true }
    );
}

/**
 * Stop recording user actions by removing event listeners