node-mac-recorder 2.17.20 → 2.17.21

package/test-cursor-fix.js

@@ -1,105 +0,0 @@
-const MacRecorder = require('./index.js');
-
-async function testCursorCoordinates() {
-    console.log('🧪 Testing cursor coordinate fixes for window recording...');
-
-    const recorder = new MacRecorder();
-
-    try {
-        // Get available windows and displays
-        const windows = await recorder.getWindows();
-        const displays = await recorder.getDisplays();
-
-        console.log('\n📱 Available displays:');
-        displays.forEach((display, i) => {
-            console.log(`  ${i + 1}. Display ${display.id}: ${display.resolution} at (${display.x}, ${display.y}) ${display.isPrimary ? '(Primary)' : ''}`);
-        });
-
-        console.log('\n🪟 Available windows:');
-        windows.slice(0, 5).forEach((window, i) => {
-            console.log(`  ${i + 1}. ${window.title} (${window.app}) - ${window.width}x${window.height} at (${window.x}, ${window.y})`);
-        });
-
-        if (windows.length === 0) {
-            console.log('❌ No windows available for testing');
-            return;
-        }
-
-        // Pick the first available window for testing
-        const testWindow = windows[0];
-        console.log(`\n🎯 Testing with window: ${testWindow.title}`);
-        console.log(`   Window position: (${testWindow.x}, ${testWindow.y})`);
-        console.log(`   Window size: ${testWindow.width}x${testWindow.height}`);
-
-        // Check current cursor position before recording
-        const cursorPos = recorder.getCursorPosition();
-        console.log(`\n🖱️ Current cursor position (global): (${cursorPos.x}, ${cursorPos.y})`);
-
-        // Setup recording options for window recording
-        recorder.options.windowId = testWindow.id;
-        recorder.options.captureCursor = true;
-
-        console.log('\n🔧 Starting cursor capture test for window recording...');
-
-        // Start cursor capture with window-relative coordinates
-        const outputFile = `./test-output/cursor-test-window-${Date.now()}.json`;
-
-        // Start cursor tracking first to see if coordinate transformation works
-        await recorder.startCursorCapture(outputFile, {
-            windowRelative: true,
-            windowInfo: {
-                x: testWindow.x,
-                y: testWindow.y,
-                width: testWindow.width,
-                height: testWindow.height,
-                displayId: null // Let it auto-detect
-            }
-        });
-
-        console.log('✅ Cursor capture started successfully!');
-        console.log('🖱️ Move your mouse around the window for 5 seconds...');
-        console.log(`   Window bounds: (0, 0) to (${testWindow.width}, ${testWindow.height})`);
-
-        // Wait for 5 seconds to capture cursor movements
-        await new Promise(resolve => setTimeout(resolve, 5000));
-
-        console.log('\n🛑 Stopping cursor capture...');
-        await recorder.stopCursorCapture();
-
-        console.log(`✅ Test completed! Check cursor data in: ${outputFile}`);
-
-        // Read and analyze some cursor data
-        const fs = require('fs');
-        if (fs.existsSync(outputFile)) {
-            const cursorData = JSON.parse(fs.readFileSync(outputFile, 'utf8'));
-            console.log(`\n📊 Captured ${cursorData.length} cursor events`);
-
-            if (cursorData.length > 0) {
-                const first = cursorData[0];
-                const last = cursorData[cursorData.length - 1];
-
-                console.log(`   First event: (${first.x}, ${first.y}) - ${first.coordinateSystem}`);
-                console.log(`   Last event: (${last.x}, ${last.y}) - ${last.coordinateSystem}`);
-
-                // Check if coordinates are within window bounds
-                const inBounds = cursorData.filter(event =>
-                    event.x >= 0 && event.x < testWindow.width &&
-                    event.y >= 0 && event.y < testWindow.height
-                );
-
-                console.log(`   Events within window bounds: ${inBounds.length}/${cursorData.length} (${Math.round(inBounds.length/cursorData.length*100)}%)`);
-
-                if (inBounds.length > 0) {
-                    console.log('✅ Cursor coordinates appear to be correctly transformed to window-relative!');
-                } else {
-                    console.log('❌ No cursor coordinates are within window bounds - transformation may be incorrect');
-                }
-            }
-        }
-
-    } catch (error) {
-        console.error('❌ Test failed:', error.message);
-    }
-}
-
-testCursorCoordinates().catch(console.error);

package/test-cursor-types.js

@@ -1,117 +0,0 @@
-const MacRecorder = require('./index.js');
-
-async function testCursorTypes() {
-    console.log('🧪 Testing improved cursor type detection...');
-
-    const recorder = new MacRecorder();
-
-    try {
-        // Test basic cursor position and type detection
-        console.log('\n📍 Current cursor state:');
-        const cursorPos = recorder.getCursorPosition();
-        console.log(`   Position: (${cursorPos.x}, ${cursorPos.y})`);
-        console.log(`   Type: ${cursorPos.cursorType}`);
-        console.log(`   Event: ${cursorPos.eventType}`);
-
-        console.log('\n🖱️ Starting continuous cursor type monitoring...');
-        console.log('📋 Instructions:');
-        console.log('   1. Move mouse over different UI elements');
-        console.log('   2. Hover over buttons, text fields, links, window borders');
-        console.log('   3. Try resize handles on windows');
-        console.log('   4. Move over different applications');
-        console.log('   5. Test will run for 15 seconds');
-
-        const cursorData = [];
-        let lastReportedType = null;
-        let typeChangeCount = 0;
-
-        const startTime = Date.now();
-        const testDuration = 15000; // 15 seconds
-
-        // Continuous monitoring
-        const monitor = setInterval(() => {
-            const pos = recorder.getCursorPosition();
-            const currentType = pos.cursorType;
-
-            // Record all data for analysis
-            cursorData.push({
-                timestamp: Date.now() - startTime,
-                x: pos.x,
-                y: pos.y,
-                type: currentType,
-                event: pos.eventType
-            });
-
-            // Report type changes immediately
-            if (currentType !== lastReportedType) {
-                const elapsed = ((Date.now() - startTime) / 1000).toFixed(1);
-                console.log(`   [${elapsed}s] Cursor changed: ${lastReportedType || 'unknown'} → ${currentType} at (${pos.x}, ${pos.y})`);
-                lastReportedType = currentType;
-                typeChangeCount++;
-            }
-        }, 50); // Check every 50ms for high responsiveness
-
-        // Stop after test duration
-        setTimeout(() => {
-            clearInterval(monitor);
-
-            console.log('\n📊 Test Results:');
-            console.log(`   Total cursor events: ${cursorData.length}`);
-            console.log(`   Cursor type changes: ${typeChangeCount}`);
-            console.log(`   Test duration: ${testDuration/1000} seconds`);
-
-            // Analyze cursor types detected
-            const typeDistribution = {};
-            cursorData.forEach(data => {
-                typeDistribution[data.type] = (typeDistribution[data.type] || 0) + 1;
-            });
-
-            console.log('\n🎯 Cursor types detected:');
-            Object.entries(typeDistribution)
-                .sort(([,a], [,b]) => b - a)
-                .forEach(([type, count]) => {
-                    const percentage = ((count / cursorData.length) * 100).toFixed(1);
-                    console.log(`   ${type}: ${count} times (${percentage}%)`);
-                });
-
-            // Responsiveness analysis
-            const typeChanges = cursorData.filter((data, i) =>
-                i === 0 || data.type !== cursorData[i-1].type
-            );
-
-            if (typeChanges.length > 1) {
-                console.log('\n⚡ Responsiveness Analysis:');
-                console.log(`   First type change at: ${typeChanges[1].timestamp}ms`);
-                console.log(`   Last type change at: ${typeChanges[typeChanges.length-1].timestamp}ms`);
-                console.log(`   Average detection frequency: ${(cursorData.length / (testDuration/1000)).toFixed(1)} checks/sec`);
-
-                if (typeChangeCount > 0) {
-                    console.log('✅ Cursor type detection is working and responsive!');
-                } else {
-                    console.log('⚠️  No cursor type changes detected - try moving over different UI elements');
-                }
-            }
-
-            // Save detailed log for analysis
-            const fs = require('fs');
-            const logFile = `./test-output/cursor-types-test-${Date.now()}.json`;
-            fs.writeFileSync(logFile, JSON.stringify({
-                summary: {
-                    totalEvents: cursorData.length,
-                    typeChanges: typeChangeCount,
-                    duration: testDuration,
-                    typeDistribution
-                },
-                events: cursorData
-            }, null, 2));
-
-            console.log(`\n💾 Detailed log saved to: ${logFile}`);
-
-        }, testDuration);
-
-    } catch (error) {
-        console.error('❌ Test failed:', error.message);
-    }
-}
-
-testCursorTypes().catch(console.error);

package/test-display-coordinates.js

@@ -1,72 +0,0 @@
-const MacRecorder = require('./index.js');
-
-async function testDisplayCoordinates() {
-    console.log('🧪 Testing cursor coordinate behavior across displays...');
-
-    const recorder = new MacRecorder();
-
-    try {
-        const displays = await recorder.getDisplays();
-
-        console.log('\n📱 Display information:');
-        displays.forEach((display, i) => {
-            const type = display.isPrimary ? 'PRIMARY' : 'SECONDARY';
-            console.log(`  ${type} Display ${display.id}: ${display.resolution} at (${display.x}, ${display.y})`);
-        });
-
-        console.log('\n🖱️ Real-time cursor position test:');
-        console.log('Move your mouse to different displays and observe coordinates...');
-        console.log('Press Ctrl+C to stop\n');
-
-        let lastDisplay = null;
-        const interval = setInterval(() => {
-            const pos = recorder.getCursorPosition();
-
-            // Determine which display cursor is on
-            let currentDisplay = null;
-            for (const display of displays) {
-                if (pos.x >= display.x &&
-                    pos.x < display.x + display.width &&
-                    pos.y >= display.y &&
-                    pos.y < display.y + display.height) {
-                    currentDisplay = display;
-                    break;
-                }
-            }
-
-            if (currentDisplay && currentDisplay.id !== lastDisplay?.id) {
-                const type = currentDisplay.isPrimary ? 'PRIMARY' : 'SECONDARY';
-                console.log(`\n📍 Moved to ${type} Display ${currentDisplay.id}:`);
-                console.log(`   Display bounds: (${currentDisplay.x}, ${currentDisplay.y}) to (${currentDisplay.x + currentDisplay.width}, ${currentDisplay.y + currentDisplay.height})`);
-                lastDisplay = currentDisplay;
-            }
-
-            if (currentDisplay) {
-                // Calculate display-relative coordinates
-                const displayRelativeX = pos.x - currentDisplay.x;
-                const displayRelativeY = pos.y - currentDisplay.y;
-
-                const type = currentDisplay.isPrimary ? 'PRI' : 'SEC';
-                console.log(`${type} | Global: (${pos.x}, ${pos.y}) | Display-rel: (${displayRelativeX}, ${displayRelativeY})`);
-            } else {
-                console.log(`??? | Global: (${pos.x}, ${pos.y}) | Not on any display`);
-            }
-        }, 200); // Every 200ms
-
-        // Handle Ctrl+C
-        process.on('SIGINT', () => {
-            clearInterval(interval);
-            console.log('\n\n🔍 Test completed. Look for any unusual patterns in the coordinates.');
-            console.log('\nKey things to check:');
-            console.log('1. Do global coordinates look correct on both displays?');
-            console.log('2. Do display-relative coordinates start from (0,0) on each display?');
-            console.log('3. Are there any unexpected offsets on the primary display?');
-            process.exit(0);
-        });
-
-    } catch (error) {
-        console.error('❌ Test failed:', error.message);
-    }
-}
-
-testDisplayCoordinates().catch(console.error);

package/test-integrated-recording.js

@@ -1,120 +0,0 @@
-#!/usr/bin/env node
-
-const MacRecorder = require('./index.js');
-const path = require('path');
-const fs = require('fs');
-
-// Test output directory
-const outputDir = './test-output';
-if (!fs.existsSync(outputDir)) {
-	fs.mkdirSync(outputDir, { recursive: true });
-}
-
-const recorder = new MacRecorder();
-
-async function testIntegratedRecording() {
-	console.log('🎬 Testing integrated screen recording with automatic cursor tracking...');
-
-	try {
-		// Test permissions first
-		const permissions = await recorder.checkPermissions();
-		console.log('📋 Permissions:', permissions);
-
-		if (!permissions.screenRecording) {
-			console.log('❌ Screen recording permission required');
-			return;
-		}
-
-		// Get displays and windows
-		const displays = await recorder.getDisplays();
-		const windows = await recorder.getWindows();
-
-		console.log(`📺 Found ${displays.length} displays and ${windows.length} windows`);
-
-		// Setup recording options
-		const timestamp = Date.now();
-		const videoPath = path.join(outputDir, `integrated-test-${timestamp}.mov`);
-
-		console.log(`🎥 Starting recording to: ${videoPath}`);
-		console.log('📍 Cursor tracking will start automatically and create a JSON file in the same directory');
-
-		// Start recording (cursor tracking will start automatically)
-		// Use the primary display (displayId: 1) where cursor is located
-		await recorder.startRecording(videoPath, {
-			includeMicrophone: false,
-			includeSystemAudio: false,
-			captureCursor: true,
-			displayId: 1  // Use primary display where cursor is located
-		});
-
-		console.log('✅ Recording started successfully!');
-		console.log('🖱️  Cursor tracking started automatically');
-		console.log('⏰ Recording for 5 seconds...');
-		console.log('💡 Move your mouse around to generate cursor data');
-
-		// Wait for 5 seconds
-		await new Promise(resolve => setTimeout(resolve, 5000));
-
-		console.log('🛑 Stopping recording...');
-
-		// Stop recording (cursor tracking will stop automatically)
-		const result = await recorder.stopRecording();
-
-		console.log('✅ Recording stopped:', result);
-		console.log('📁 Checking output files...');
-
-		// Wait a moment for files to be written
-		await new Promise(resolve => setTimeout(resolve, 1000));
-
-		// Check for video file
-		if (fs.existsSync(videoPath)) {
-			const videoStats = fs.statSync(videoPath);
-			console.log(`📹 Video file created: ${videoPath} (${videoStats.size} bytes)`);
-		} else {
-			console.log('❌ Video file not found');
-		}
-
-		// Check for cursor file
-		const files = fs.readdirSync(outputDir);
-		const cursorFile = files.find(f => f.startsWith('temp_cursor_') && f.endsWith('.json'));
-
-		if (cursorFile) {
-			const cursorPath = path.join(outputDir, cursorFile);
-			const cursorStats = fs.statSync(cursorPath);
-			console.log(`🖱️  Cursor file created: ${cursorFile} (${cursorStats.size} bytes)`);
-
-			// Read and validate cursor data
-			try {
-				const cursorData = JSON.parse(fs.readFileSync(cursorPath, 'utf8'));
-				console.log(`📊 Cursor data points: ${cursorData.length}`);
-
-				if (cursorData.length > 0) {
-					const first = cursorData[0];
-					const last = cursorData[cursorData.length - 1];
-					console.log(`📍 First cursor position: (${first.x}, ${first.y}) at ${first.timestamp}ms`);
-					console.log(`📍 Last cursor position: (${last.x}, ${last.y}) at ${last.timestamp}ms`);
-					console.log(`📐 Coordinate system: ${first.coordinateSystem || 'global'}`);
-				}
-			} catch (parseError) {
-				console.log('⚠️  Could not parse cursor data:', parseError.message);
-			}
-		} else {
-			console.log('❌ Cursor file not found');
-		}
-
-		console.log('✅ Test completed successfully!');
-
-	} catch (error) {
-		console.error('❌ Test failed:', error.message);
-		console.error(error.stack);
-	}
-}
-
-// Run the test
-testIntegratedRecording().then(() => {
-	console.log('🏁 All tests finished');
-	process.exit(0);
-}).catch(error => {
-	console.error('💥 Fatal error:', error);
-	process.exit(1);
-});

package/test-menubar-offset.js

@@ -1,110 +0,0 @@
-const MacRecorder = require('./index.js');
-
-async function testMenuBarOffset() {
-    console.log('🧪 Testing macOS menu bar coordinate offset...');
-
-    const recorder = new MacRecorder();
-
-    try {
-        const displays = await recorder.getDisplays();
-        const windows = await recorder.getWindows();
-
-        const primaryDisplay = displays.find(d => d.isPrimary);
-
-        console.log('\n📱 Primary Display Info:');
-        console.log(`   Bounds: (${primaryDisplay.x}, ${primaryDisplay.y}) ${primaryDisplay.width}x${primaryDisplay.height}`);
-
-        // Get menu bar height by checking screen bounds vs usable bounds
-        const { screen } = require('electron').screen || {};
-
-        // Alternative way to get menu bar info using native macOS APIs
-        console.log('\n🔍 Coordinate System Analysis:');
-
-        // Find windows on primary display
-        const primaryWindows = windows.filter(window => {
-            const windowCenterX = window.x + window.width / 2;
-            const windowCenterY = window.y + window.height / 2;
-            return (windowCenterX >= primaryDisplay.x &&
-                    windowCenterX < primaryDisplay.x + primaryDisplay.width &&
-                    windowCenterY >= primaryDisplay.y &&
-                    windowCenterY < primaryDisplay.y + primaryDisplay.height);
-        });
-
-        console.log('\n🪟 Windows on Primary Display:');
-        primaryWindows.slice(0, 3).forEach((window, i) => {
-            console.log(`   ${i+1}. "${window.title}" at (${window.x}, ${window.y}) ${window.width}x${window.height}`);
-
-            // Check if window Y starts suspiciously high (indicating menu bar offset)
-            if (window.y > 20 && window.y < 100) {
-                console.log(`      ⚠️ Window Y=${window.y} suggests menu bar offset of ~${window.y}px`);
-            }
-        });
-
-        // Test cursor coordinates at the very top of the screen
-        console.log('\n🖱️ Move mouse to the very TOP of the primary screen and observe:');
-        console.log('(This will help identify if menu bar affects coordinates)');
-
-        for (let i = 0; i < 10; i++) {
-            await new Promise(resolve => setTimeout(resolve, 500));
-            const pos = recorder.getCursorPosition();
-
-            if (pos.x >= primaryDisplay.x &&
-                pos.x < primaryDisplay.x + primaryDisplay.width &&
-                pos.y >= primaryDisplay.y &&
-                pos.y < primaryDisplay.y + primaryDisplay.height) {
-
-                console.log(`   Test ${i+1}: Global (${pos.x}, ${pos.y}) | Y from top: ${pos.y - primaryDisplay.y}`);
-
-                // If cursor Y is very close to 0 but not exactly 0, there might be menu bar offset
-                if (pos.y >= primaryDisplay.y && pos.y <= primaryDisplay.y + 50) {
-                    const yFromTop = pos.y - primaryDisplay.y;
-                    if (yFromTop > 0 && yFromTop < 40) {
-                        console.log(`      🎯 Potential menu bar detected: ${yFromTop}px from top`);
-                    }
-                }
-            }
-        }
-
-        // Test with a specific window on primary display
-        if (primaryWindows.length > 0) {
-            const testWindow = primaryWindows[0];
-
-            console.log(`\n🧪 Testing window coordinate transformation:`);
-            console.log(`   Window: "${testWindow.title}"`);
-            console.log(`   Global position: (${testWindow.x}, ${testWindow.y})`);
-            console.log(`   Display offset: (${testWindow.x - primaryDisplay.x}, ${testWindow.y - primaryDisplay.y})`);
-
-            // Calculate what window-relative coordinates should be
-            console.log(`\n📊 Expected coordinate transformation:`);
-            console.log(`   If cursor at window's top-left (${testWindow.x}, ${testWindow.y}):`);
-            console.log(`   Should become window-relative: (0, 0)`);
-            console.log(`   Current transformation would give: (${testWindow.x - testWindow.x}, ${testWindow.y - testWindow.y})`);
-
-            // Check if there's a Y offset issue
-            const expectedZeroY = testWindow.y - testWindow.y; // Should be 0
-            if (expectedZeroY !== 0) {
-                console.log(`   ❌ Y transformation issue detected!`);
-            }
-
-            // Now check what happens with display transformation
-            const globalToDisplayX = testWindow.x - primaryDisplay.x;
-            const globalToDisplayY = testWindow.y - primaryDisplay.y;
-            const displayToWindowX = globalToDisplayX - (testWindow.x - primaryDisplay.x);
-            const displayToWindowY = globalToDisplayY - (testWindow.y - primaryDisplay.y);
-
-            console.log(`\n🔧 Two-step transformation analysis:`);
-            console.log(`   Step 1 - Global to display-relative: (${globalToDisplayX}, ${globalToDisplayY})`);
-            console.log(`   Step 2 - Display-relative to window-relative: (${displayToWindowX}, ${displayToWindowY})`);
-
-            if (displayToWindowX !== 0 || displayToWindowY !== 0) {
-                console.log(`   ❌ Two-step transformation creates offset!`);
-                console.log(`   ✅ Should use direct transformation: global - window_global`);
-            }
-        }
-
-    } catch (error) {
-        console.error('❌ Test failed:', error.message);
-    }
-}
-
-testMenuBarOffset().catch(console.error);

package/test-output/temp_cursor_1758313956591.json

@@ -1 +0,0 @@
-[{"x":609,"y":795,"timestamp":184,"unixTimeMs":1758313956779,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":609,"y":795,"timestamp":205,"unixTimeMs":1758313956800,"cursorType":"default","type":"mousedown","coordinateSystem":"display-relative"},{"x":609,"y":795,"timestamp":224,"unixTimeMs":1758313956819,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":609,"y":795,"timestamp":286,"unixTimeMs":1758313956881,"cursorType":"default","type":"mouseup","coordinateSystem":"display-relative"},{"x":609,"y":795,"timestamp":306,"unixTimeMs":1758313956901,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":609,"y":802,"timestamp":824,"unixTimeMs":1758313957419,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":608,"y":812,"timestamp":842,"unixTimeMs":1758313957437,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":605,"y":828,"timestamp":863,"unixTimeMs":1758313957458,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":601,"y":851,"timestamp":883,"unixTimeMs":1758313957478,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":596,"y":877,"timestamp":905,"unixTimeMs":1758313957500,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":594,"y":887,"timestamp":923,"unixTimeMs":1758313957518,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":591,"y":900,"timestamp":942,"unixTimeMs":1758313957537,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":590,"y":905,"timestamp":965,"unixTimeMs":1758313957560,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":589,"y":908,"timestamp":984,"unixTimeMs":1758313957579,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":588,"y":910,"timestamp":1025,"unixTimeMs":1758313957620,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":588,"y":912,"timestamp":1065,"unixTimeMs":1758313957660,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":588,"y":914,"timestamp":1124,"unixTimeMs":1758313957719,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":587,"y":917,"timestamp":1145,"unixTimeMs":1758313957740,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":586,"y":920,"timestamp":1167,"unixTimeMs":1758313957762,"cursorType":"default","type":"move","coordinateSystem":"display-relative"},{"x":586,"y":922,"timestamp":1186,"unixTimeMs":1758313957781,"cursorType":"default","type":"move","coordinateSystem":"display-relative"}