node-mac-recorder 2.21.42 → 2.21.44

package/.claude/settings.local.json

@@ -33,7 +33,14 @@
       "Bash(python3:*)",
       "Bash(git checkout:*)",
       "Bash(1)",
-      "Bash(for f in /Users/onur/Downloads/\"Creavit Studio\"/temp_camera_*.mov)"
+      "Bash(for f in /Users/onur/Downloads/\"Creavit Studio\"/temp_camera_*.mov)",
+      "Bash(timeout 10 node:*)",
+      "Bash(timeout 8 node:*)",
+      "Bash(timeout 5 node:*)",
+      "Bash(open:*)",
+      "Bash(timeout 3 node build-seed-map.js:*)",
+      "Bash(echo:*)",
+      "Bash(timeout 3 node:*)"
     ],
     "deny": [],
     "ask": []

package/analyze-cursors.js

@@ -0,0 +1,90 @@
+const fs = require('fs');
+
+// cursor-nscursor-mapping.json'u oku
+const mapping = JSON.parse(fs.readFileSync('cursor-nscursor-mapping.json', 'utf8'));
+
+console.log('\n📊 CURSOR DETECTION ANALYSIS\n');
+console.log('═'.repeat(100));
+
+// Group by image size
+const byImageSize = {};
+Object.keys(mapping.cursorMapping).forEach(cssType => {
+    const data = mapping.cursorMapping[cssType];
+    if (!data.imageSize) return;
+
+    const key = `${data.imageSize.width}x${data.imageSize.height}`;
+    if (!byImageSize[key]) {
+        byImageSize[key] = [];
+    }
+    byImageSize[key].push({
+        cssType,
+        hotspot: data.hotspot,
+        detected: data.detection.final
+    });
+});
+
+console.log('\n🔍 CURSORS GROUPED BY IMAGE SIZE:\n');
+Object.keys(byImageSize).sort().forEach(size => {
+    const cursors = byImageSize[size];
+    console.log(`\n${size} (${cursors.length} cursor${cursors.length > 1 ? 's' : ''}):`);
+    cursors.forEach(c => {
+        const match = c.cssType === c.detected ? '✅' : '❌';
+        console.log(`   ${match} ${c.cssType.padEnd(20)} → detected: ${c.detected.padEnd(15)} | hotspot: (${c.hotspot.relativeX.toFixed(3)}, ${c.hotspot.relativeY.toFixed(3)})`);
+    });
+});
+
+console.log('\n\n');
+console.log('═'.repeat(100));
+console.log('\n💡 RECOMMENDATIONS:\n');
+
+console.log('\n1. **28x40 cursors** (hepsi aynı görünüyor):');
+console.log('   - auto, default, context-menu, progress, wait, copy, no-drop, not-allowed');
+console.log('   - Çözüm: NSCursor pointer comparison veya description string parsing');
+
+console.log('\n2. **24x24 cursors**:');
+console.log('   - crosshair vs move/all-scroll');
+console.log('   - Hotspot farklı: crosshair=(0.458, 0.458), move=(0.5, 0.5)');
+
+console.log('\n3. **32x32 cursors**:');
+console.log('   - pointer vs grab/grabbing');
+console.log('   - Hotspot farklı: pointer=(0.406, 0.25), grab=(0.5, 0.531)');
+console.log('   - grab vs grabbing: description içinde "closed" var mı kontrol et');
+
+console.log('\n4. **22x22 cursors** (tüm diagonal resize\'lar):');
+console.log('   - ne-resize, nw-resize, se-resize, sw-resize, nesw-resize, nwse-resize');
+console.log('   - Hepsi görsel olarak aynı - NSCursor API ile ayırt edilemez!');
+
+console.log('\n5. **18x18 cursors**:');
+console.log('   - help vs cell');
+console.log('   - Ayırt edilemez - ikisi de aynı image');
+
+console.log('\n\n');
+console.log('═'.repeat(100));
+console.log('\n🎯 EXPECTED ACCURACY:\n');
+
+const total = Object.keys(mapping.cursorMapping).length;
+const correct = Object.keys(mapping.cursorMapping).filter(cssType => {
+    const data = mapping.cursorMapping[cssType];
+    return data.detection.final === cssType;
+}).length;
+
+console.log(`Current: ${correct}/${total} = ${((correct/total)*100).toFixed(1)}%`);
+
+// Realistic best case
+const impossible = [
+    'auto',  // same as default
+    'context-menu', 'progress', 'wait', 'copy', 'no-drop', 'not-allowed',  // all 28x40 with same hotspot
+    'move', 'all-scroll',  // same 24x24
+    'cell',  // same as help
+    'grabbing',  // same as grab
+    'n-resize', 's-resize',  // same as ns-resize
+    'e-resize', 'w-resize',  // same as ew-resize
+    'ne-resize', 'nw-resize', 'se-resize', 'sw-resize', 'nesw-resize',  // all same as nwse-resize
+    'zoom-out'  // same as zoom-in
+];
+
+const realistic = total - impossible.length;
+console.log(`Best realistic: ${realistic}/${total} = ${((realistic/total)*100).toFixed(1)}%`);
+console.log(`\nNote: ${impossible.length} cursors are visually identical to others and cannot be distinguished by image alone.`);
+
+console.log('\n');

package/build-seed-map.js

@@ -0,0 +1,219 @@
+const MacRecorder = require('./index.js');
+const recorder = new MacRecorder();
+const fs = require('fs');
+
+console.log('\n🎯 SEED MAPPING BUILDER\n');
+console.log('═'.repeat(100));
+console.log('\n📋 Bu tool tüm cursor tiplerinin seed mapping\'ini oluşturur.\n');
+
+// Tüm CSS cursor tipleri (HTML'deki sırayla)
+const cursorTypes = [
+    "auto",
+    "default",
+    "none",
+    "context-menu",
+    "help",
+    "pointer",
+    "progress",
+    "wait",
+    "cell",
+    "crosshair",
+    "text",
+    "vertical-text",
+    "alias",
+    "copy",
+    "move",
+    "no-drop",
+    "not-allowed",
+    "grab",
+    "grabbing",
+    "all-scroll",
+    "col-resize",
+    "row-resize",
+    "n-resize",
+    "e-resize",
+    "s-resize",
+    "w-resize",
+    "ne-resize",
+    "nw-resize",
+    "se-resize",
+    "sw-resize",
+    "ew-resize",
+    "ns-resize",
+    "nesw-resize",
+    "nwse-resize",
+    "zoom-in",
+    "zoom-out"
+];
+
+let currentIndex = 0;
+let seedMapping = {}; // cursorType -> seed
+let isWaitingForClick = false;
+
+console.log(`\n📝 ${cursorTypes.length} cursor tipi için seed toplanacak:\n`);
+cursorTypes.forEach((cursor, index) => {
+    console.log(`   ${(index + 1).toString().padStart(2)}. ${cursor}`);
+});
+
+console.log('\n' + '═'.repeat(100));
+console.log('\n💡 Nasıl Kullanılır:');
+console.log('   1. test-all-cursors.html dosyası tarayıcıda açık olmalı');
+console.log('   2. Bu script size hangi cursor\'a tıklamanız gerektiğini söyleyecek');
+console.log('   3. HTML\'deki o cursor kutusuna TIKLAYIN');
+console.log('   4. Seed otomatik kaydedilecek ve bir sonrakine geçilecek');
+console.log('   5. Tüm cursor\'lar bitince seed-mapping.json oluşturulacak\n');
+console.log('═'.repeat(100));
+
+function showNextCursor() {
+    if (currentIndex >= cursorTypes.length) {
+        finishMapping();
+        return;
+    }
+
+    const cursorType = cursorTypes[currentIndex];
+    console.log(`\n\n🎯 [${currentIndex + 1}/${cursorTypes.length}] "${cursorType}" cursor'una tıkla`);
+    console.log('👆 HTML\'de bu cursor kutusunu bul ve TIKLA...\n');
+    isWaitingForClick = true;
+}
+
+function recordSeedOnClick(pos) {
+    if (!isWaitingForClick) return;
+
+    isWaitingForClick = false;
+    const cursorType = cursorTypes[currentIndex];
+    const seed = pos.seed || -1;
+
+    console.log(`✅ Kaydedildi: ${cursorType.padEnd(20)} → seed: ${seed}`);
+
+    // Mapping'e ekle
+    seedMapping[cursorType] = seed;
+
+    currentIndex++;
+
+    // 200ms bekle sonraki cursor'a geç
+    setTimeout(() => {
+        showNextCursor();
+    }, 200);
+}
+
+function finishMapping() {
+    console.log('\n\n🎉 TÜM CURSOR TİPLERİ İÇİN SEED TOPLANDI!\n');
+    console.log('═'.repeat(100));
+    console.log(`\n✅ ${Object.keys(seedMapping).length} cursor tipi kaydedildi.\n`);
+    console.log('═'.repeat(100));
+
+    // Reverse mapping oluştur: seed -> cursorType
+    const seedToType = {};
+    Object.keys(seedMapping).forEach(cursorType => {
+        const seed = seedMapping[cursorType];
+        if (seed > 0) {
+            // Eğer bu seed zaten başka bir cursor'a atanmışsa, not ekle
+            if (seedToType[seed]) {
+                console.log(`⚠️  Seed collision: ${seed} both ${seedToType[seed]} and ${cursorType}`);
+                // İlk gördüğümüzü tut, ama not ekle
+                if (!seedToType[seed].includes('/')) {
+                    seedToType[seed] = `${seedToType[seed]}/${cursorType}`;
+                } else {
+                    seedToType[seed] += `/${cursorType}`;
+                }
+            } else {
+                seedToType[seed] = cursorType;
+            }
+        }
+    });
+
+    console.log('\n📊 SEED MAPPING ÖZET:\n');
+    console.log('Cursor Type          -> Seed');
+    console.log('─'.repeat(100));
+    Object.keys(seedMapping).sort().forEach(cursorType => {
+        const seed = seedMapping[cursorType];
+        console.log(`${cursorType.padEnd(20)} → ${seed}`);
+    });
+
+    console.log('\n\n📊 REVERSE MAPPING (Seed -> Cursor):\n');
+    console.log('Seed      -> Cursor Type');
+    console.log('─'.repeat(100));
+    Object.keys(seedToType).sort((a, b) => parseInt(a) - parseInt(b)).forEach(seed => {
+        console.log(`${seed.padEnd(10)} → ${seedToType[seed]}`);
+    });
+
+    // Dosyaya kaydet
+    const output = {
+        metadata: {
+            timestamp: new Date().toISOString(),
+            totalCursorTypes: Object.keys(seedMapping).length,
+            uniqueSeeds: Object.keys(seedToType).length
+        },
+        cursorToSeed: seedMapping,
+        seedToCursor: seedToType
+    };
+
+    fs.writeFileSync('seed-mapping.json', JSON.stringify(output, null, 2));
+    console.log('\n✅ Mapping "seed-mapping.json" dosyasına kaydedildi!\n');
+
+    // C++ için kod üret
+    console.log('\n═'.repeat(100));
+    console.log('\n📝 C++ KODU (cursor_tracker.mm için):\n');
+    console.log('static NSString* cursorTypeFromSeed(int seed) {');
+    console.log('    switch(seed) {');
+
+    Object.keys(seedToType).sort((a, b) => parseInt(a) - parseInt(b)).forEach(seed => {
+        const cursorType = seedToType[seed];
+        // Eğer collision varsa (örn: "auto/default"), ilkini al
+        const primaryType = cursorType.split('/')[0];
+        console.log(`        case ${seed}: return @"${primaryType}";`);
+    });
+
+    console.log('        default: return nil;');
+    console.log('    }');
+    console.log('}\n');
+    console.log('═'.repeat(100));
+
+    process.exit(0);
+}
+
+// Mouse click monitoring
+let lastClickTime = 0;
+let monitoringInterval = null;
+
+console.log('\n⏳ test-all-cursors.html açık mı? 3 saniye sonra başlıyoruz...\n');
+
+setTimeout(() => {
+    console.log('🚀 TEST BAŞLADI! HTML\'deki cursor kutularına tıklayın!\n');
+    console.log('═'.repeat(100));
+    showNextCursor();
+
+    // Mouse click'i sürekli kontrol et
+    monitoringInterval = setInterval(() => {
+        try {
+            const pos = recorder.getCursorPosition();
+
+            // Mouse down eventi
+            if (pos && pos.eventType === 'mousedown') {
+                const now = Date.now();
+
+                // Debounce - 300ms
+                if (now - lastClickTime > 300) {
+                    lastClickTime = now;
+                    recordSeedOnClick(pos);
+                }
+            }
+        } catch (err) {
+            // Sessizce devam et
+        }
+    }, 50);
+
+}, 3000);
+
+// Ctrl+C handler
+process.on('SIGINT', () => {
+    if (monitoringInterval) {
+        clearInterval(monitoringInterval);
+    }
+    console.log('\n\n⚠️  Yarıda kesildi. Şimdiye kadar toplanan data:\n');
+    Object.keys(seedMapping).forEach(cursorType => {
+        console.log(`${cursorType.padEnd(20)} → ${seedMapping[cursorType]}`);
+    });
+    console.log('\n');
+    process.exit(0);
+});

package/index.js

@@ -1508,6 +1508,7 @@ class MacRecorder extends EventEmitter {
 						y: position.y - y,
 						cursorType: position.cursorType,
 						eventType: position.eventType,
+						seed: position.seed,
 						displayId: display.id,
 						displayIndex: this.cachedDisplays.indexOf(display),
 					};
@@ -1523,6 +1524,7 @@ class MacRecorder extends EventEmitter {
 					y: position.y - parseInt(mainDisplay.y),
 					cursorType: position.cursorType,
 					eventType: position.eventType,
+					seed: position.seed,
 					displayId: mainDisplay.id,
 					displayIndex: this.cachedDisplays.indexOf(mainDisplay),
 					outsideDisplay: true,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "node-mac-recorder",
-	"version": "2.21.42",
+	"version": "2.21.44",
 	"description": "Native macOS screen recording package for Node.js applications",
 	"main": "index.js",
 	"keywords": [
@@ -46,8 +46,7 @@
 		"canvas": "node make-canvas.js"
 	},
 	"dependencies": {
-		"node-addon-api": "^7.0.0",
-		"node-mac-recorder": "^2.6.7"
+		"node-addon-api": "^7.0.0"
 	},
 	"devDependencies": {
 		"node-gyp": "^10.0.0"