Function initBackgroundCommunication

util/communication_utils.js:67–169

(onRecordingStateChange)

 * Initialize background-to-content message listeners
 */
export function initBackgroundCommunication(onRecordingStateChange) {
    // Listen for recording state changes from background script
    chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
        if (message.type === 'RECORDING_STATE_CHANGED') {
            onRecordingStateChange(message.recording);
            sendResponse({success: true});
            return true;
        }
        
        if (message.type === 'CONTENT_SCRIPT_PING') {
            sendResponse({ready: true});
            return true;
        }
        
        if (message.type === 'GET_STORAGE_DATA') {
            try {
                const storageData = {
                    localStorage: {},
                    sessionStorage: {}
                };

                // Extract localStorage
                for (let i = 0; i < localStorage.length; i++) {
                    const key = localStorage.key(i);
                    storageData.localStorage[key] = localStorage.getItem(key);
                }

                // Extract sessionStorage
                for (let i = 0; i < sessionStorage.length; i++) {
                    const key = sessionStorage.key(i);
                    storageData.sessionStorage[key] = sessionStorage.getItem(key);
                }

                sendResponse(storageData);
            } catch (error) {
                console.error('Error getting storage data:', error);
                sendResponse({localStorage: {}, sessionStorage: {}});
            }
            return true;
        }

        if (message.type === 'GET_INITIAL_STATE') {
            try {
                // Capture comprehensive initial webpage state
                const initialState = {
                    // Current URL
                    url: window.location.href,

                    // Window dimensions (outer = includes browser chrome)
                    window: {
                        outerWidth: window.outerWidth,
                        outerHeight: window.outerHeight,
                        innerWidth: window.innerWidth,
                        innerHeight: window.innerHeight
                    },

                    // Scroll position
                    scroll: {