// src/main/index.ts import{app,BrowserWindow}from 'electron';import{join}from 'path';import{BrowserManager}from './services/browser-manager';import{setupBrowserEvents}from './ipc/browser-events';import{setupMonitoringEvents}from './ipc/monitoring';let mainWindow: BrowserWindow | null = null;let browserManager: BrowserManager | null = null;function createWindow(): void{// Add debug logging console.log('Creating window...');console.log('MAIN_WINDOW_WEBPACK_ENTRY:',MAIN_WINDOW_WEBPACK_ENTRY);console.log('MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY:',MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY);mainWindow = new BrowserWindow({width: 1400,height: 900,webPreferences:{nodeIntegration: false,contextIsolation: true,preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY}});if(MAIN_WINDOW_WEBPACK_ENTRY){console.log('Loading main window URL...');mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);}// Initialize services if(mainWindow){browserManager = new BrowserManager(mainWindow);setupBrowserEvents(browserManager);setupMonitoringEvents(mainWindow);}mainWindow.on('closed',()=>{mainWindow = null;browserManager = null;}); }// Handle app lifecycle app.whenReady().then(createWindow);app.on('window-all-closed',()=>{if(process.platform !== 'darwin'){app.quit();}});app.on('activate',()=>{if(BrowserWindow.getAllWindows().length === 0){createWindow();}});// Add global error handling process.on('uncaughtException',(error)=>{console.error('Uncaught Exception:',error);});process.on('unhandledRejection',(error)=>{console.error('Unhandled Rejection:',error);});app.setAboutPanelOptions({applicationName: 'PayPal Inspector',applicationVersion: '0.1.0',copyright: 'Copyright(c)2024',version: 'Proof of Concept',credits: 'From an idea by Mark Lummus. Electron version suggested by Paul Sprague. Claude did most of the thinking,and Mark did all of the typing and debugging.',authors:['Mark Lummus,Claude Sonnet,Claude Haiku'],}); src/main/services/monitoring-service.ts // src/main/services/monitoring-service.ts import{IntegrationConfig,IntegrationMatch}from '../../shared/types/integration';export class MonitoringService{private paypalIntegrationConfig: Record<string,IntegrationConfig> ={'PayPal JS SDK':{regex: /^https:\/\/www\.paypal\.com\/sdk\/js/,includeQueryParams:['client-id']},'PayPal Checkout.js':{regex: /^https:\/\/www\.paypal\.com\/sdk\/js/,includeQueryParams:['client-id','components=checkout']},'PayPal Buttons SDK':{regex: /^https:\/\/www\.paypal\.com\/sdk\/js/,includeQueryParams:['client-id','components=buttons']},'PayPal Messaging SDK':{regex: /^https:\/\/www\.paypal\.com\/sdk\/js/,includeQueryParams:['client-id','components=messages']},'PayPal Hosted Fields':{regex: /^https:\/\/www\.paypalobjects\.com\/web\/res\/b37\/6f84c2f6f6d12d91dd1defc7bc8d\/js\/hosted-fields\.js/},'Braintree JS SDK':{regex: /^https:\/\/js\.braintreegateway\.com\/web\/(\d+\.\d+\.\d+)\//,versionGroup: 1},'PayPal Tracking Pixel':{regex: /^https:\/\/t\.paypal\.com\/ts/},'Google Analytics':{regex: /^https:\/\/www\.google-analytics\.com\/(?:analytics\.js|r\/collect|collect)/}};identifyIntegrations(url: string): IntegrationMatch[]{const matchedIntegrations: IntegrationMatch[]=[];const parsedUrl = new URL(url);for(const[name,config]of Object.entries(this.paypalIntegrationConfig)){if(config.regex.test(url)){let version: string | undefined;const match = url.match(config.regex);if(config.versionGroup && match){version = match[config.versionGroup];}if(config.includeQueryParams){const hasAllParams = config.includeQueryParams.every(param =>{if(param.includes('=')){const[key,value]= param.split('=');return parsedUrl.searchParams.get(key)=== value;}return parsedUrl.searchParams.has(param);});if(hasAllParams){matchedIntegrations.push({name,version});}}else{matchedIntegrations.push({name,version});}}}return matchedIntegrations;} } src/main/services/browser-manager.ts // src/main/services/browser-manager.ts import{app,BrowserWindow,WebContentsView,WebContents,Menu,MenuItem}from "electron";import type{Event}from 'electron';import{join,resolve}from 'path';import{WebContentsResult}from '../../shared/types/ipc';// ../../shared/types/ipc export class BrowserManager{private mainWindow: BrowserWindow;private contentView: WebContentsView | null = null;private monitoringScript: string;constructor(mainWindow: BrowserWindow){this.mainWindow = mainWindow;this.monitoringScript = this.loadMonitoringScript();// Set up the menu this.setupMenu();// Add resize handler this.mainWindow.on('resize',()=>{this.updateContentViewBounds();});}private setupMenu(): void{// const template: Electron.MenuItemConstructorOptions[]=[//{// label: 'View',// submenu:[//{// label: 'Toggle App DevTools',// //accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Alt+Ctrl+I',// click:()=>{// if(this.mainWindow?.webContents){// this.mainWindow.webContents.toggleDevTools();//}//}//},//{// label: 'Toggle Content DevTools',// //accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Alt+Ctrl+I',// click:()=>{// if(this.contentView?.webContents){// this.contentView.webContents.toggleDevTools();//}//}//}//]//}//];const isMac = process.platform === 'darwin' const template: Electron.MenuItemConstructorOptions[]=[{role: 'appMenu'},{role: 'fileMenu'},{role: 'editMenu'},//{role: 'viewMenu'}{label: 'View',submenu:[{role: 'reload'},{role: 'forceReload'},{role: 'toggleDevTools'},{label: 'Toggle Content DevTools',id: 'content-devtools',enabled: false,click:()=>{if(this.contentView?.webContents){this.contentView.webContents.toggleDevTools();}}},{type: 'separator'},{role: 'resetZoom'},{role: 'zoomIn'},{role: 'zoomOut'},{type: 'separator'},{role: 'togglefullscreen'}]},{role: 'windowMenu'},{role: 'help',submenu:[{label: 'Learn More',click: async()=>{const{shell}= require('electron')await shell.openExternal('https://electronjs.org')}}]}]const menu = Menu.buildFromTemplate(template);Menu.setApplicationMenu(menu);}private setContentMenuState(newState: boolean){const menuItem: MenuItem | null | undefined = Menu.getApplicationMenu()?.getMenuItemById('content-devtools');if(menuItem)menuItem.enabled = newState;}private loadMonitoringScript(): string{return ` if(!window.__monitoringActive){window.__monitoringActive = true;// XHR Monitoring const originalXHR = window.XMLHttpRequest.prototype.open;const originalSend = window.XMLHttpRequest.prototype.send;window.XMLHttpRequest.prototype.open = function(method,url){this._method = method;this._url = url;this._requestHeaders ={};const originalSetRequestHeader = this.setRequestHeader;this.setRequestHeader = function(name,value){this._requestHeaders[name]= value;return originalSetRequestHeader.apply(this,arguments);};return originalXHR.apply(this,arguments);};window.XMLHttpRequest.prototype.send = function(data){const startTime = performance.now();let requestData = null;if(this._method === 'POST' && data){try{requestData = String(data).substring(0,1000);}catch(e){}}this.addEventListener('load',()=>{try{let responseData = null;try{// Only capture response for JSON or text content types const contentType = this.getResponseHeader('content-type');if(contentType &&(contentType.includes('application/json')|| contentType.includes('text/'))){responseData = String(this.responseText).substring(0,1000);}}catch(e){}const metrics ={type: 'xhr',url: String(this._url),method: String(this._method),status: Number(this.status),timestamp: new Date().toISOString(),duration: Math.round(performance.now()- startTime),requestHeaders: this._requestHeaders,requestData: requestData,responseData: responseData};if(window.monitorAPI){window.monitorAPI.sendMetrics(metrics);}}catch(error){console.error('Error in XHR monitoring:',error);}},{once: true});return originalSend.apply(this,arguments);};// Resource Monitoring try{function checkAndSendResource(entry){if(entry.initiatorType === 'script' || entry.initiatorType === 'img'){window.monitorAPI?.sendMetrics({type: 'resource',resourceType: entry.initiatorType,url: entry.name,timestamp: new Date().toISOString()});}}// Monitor existing resources performance.getEntriesByType('resource').forEach(checkAndSendResource);// Monitor new resources const observer = new PerformanceObserver((list)=>{list.getEntries().forEach(checkAndSendResource);});observer.observe({entryTypes:['resource']});}catch(error){console.error('Error setting up resource monitoring:',error);}console.log('Monitoring script installed successfully');}`;}private cleanupContentView(): void{if(this.contentView){this.setContentMenuState(false);// disable menu when contentView is not loaded this.mainWindow.contentView.removeChildView(this.contentView);this.contentView = null;}}async createWebContents(url: string): Promise<WebContentsResult>{try{console.log('createWebContents');this.cleanupContentView();const preloadPath = app.isPackaged ? resolve(__dirname,'../renderer/main_window/preload.js'): resolve(__dirname,'../../.webpack/renderer/main_window/preload.js');console.log('Using preload path:',preloadPath);this.contentView = new WebContentsView({webPreferences:{nodeIntegration: false,contextIsolation: true,preload: preloadPath}});this.mainWindow.contentView.addChildView(this.contentView);await this.updateContentViewBounds();const sanitizedUrl = !url.startsWith('http')? `https://${url}` : url;console.log('loadURL:',sanitizedUrl);this.setupWebContentsHandlers(this.contentView.webContents);await this.contentView.webContents.loadURL(sanitizedUrl);this.setContentMenuState(true);// only enable menu item when contentView is loaded return{success: true,id: this.contentView.webContents.id};}catch(error){console.error('Error creating web contents:',error);this.cleanupContentView();return{error:(error as Error).message};}}private async updateContentViewBounds(): Promise<void>{if(!this.contentView)return;const controlsHeight = await this.mainWindow.webContents.executeJavaScript('document.getElementById("browser-controls").offsetHeight' // Changed from "session-controls");const bounds = this.mainWindow.getBounds();this.contentView.setBounds({x: 0,y: controlsHeight + 20,width: bounds.width - 300,height: bounds.height -(controlsHeight + 20)});}private setupWebContentsHandlers(webContents: WebContents): void{console.log('setupWebContentsHandlers');webContents.setWindowOpenHandler(({url})=>{webContents.loadURL(url);return{action: 'deny' as const};});webContents.on('did-navigate',(_event: Event,url: string)=>{console.log('did-navigate');this.mainWindow.webContents.send('page-navigated',url);});webContents.on('did-navigate-in-page',(_event: Event,url: string)=>{console.log('did-navigate-in-page');this.mainWindow.webContents.send('page-navigated',url);});webContents.on('did-start-loading',()=>{console.log('did-start-loading');});webContents.on('did-finish-load',async()=>{console.log('did-finish-load');await webContents.executeJavaScript(this.monitoringScript).catch(err => console.error('Error injecting monitoring script:',err));console.log('Monitoring script injected');const currentURL = webContents.getURL();console.log('Sending page navigation event for:',currentURL);this.mainWindow.webContents.send('page-navigated',currentURL);});webContents.on('dom-ready',()=>{console.log('DOM is ready');});}async endSession(): Promise<{success: boolean}>{try{this.cleanupContentView();return{success: true};}catch(error){console.error('Error ending session:',error);return{success: false};}} } src/main/ipc/monitoring.ts // src/main/ipc/monitoring.ts import{ipcMain,BrowserWindow}from 'electron';import{XHRRequest,ResourceEntry}from '../../shared/types/session';export function setupMonitoringEvents(mainWindow: BrowserWindow): void{ipcMain.on('page-metrics',(_,data: XHRRequest | ResourceEntry)=>{try{if(mainWindow && !mainWindow.isDestroyed()){mainWindow.webContents.send('page-metrics',data);}}catch(error){console.error('Error handling page metrics:',error);} }); } src/main/ipc/browser-events.ts // src/main/ipc/browser-events.ts import{ipcMain,IpcMainInvokeEvent}from 'electron';import{BrowserManager}from '../services/browser-manager';import{WebContentsResult}from '../../shared/types/ipc';export function setupBrowserEvents(browserManager: BrowserManager): void{ipcMain.handle('create-web-contents',async(_: IpcMainInvokeEvent,url: string): Promise<WebContentsResult> =>{return browserManager.createWebContents(url);});ipcMain.handle('end-session',async(): Promise<{success: boolean}> =>{return browserManager.endSession();});}