node-mac-recorder 2.5.2 → 2.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "node-mac-recorder",
-	"version": "2.5.2",
+	"version": "2.5.4",
 	"description": "Native macOS screen recording package for Node.js applications",
 	"main": "index.js",
 	"keywords": [

package/src/window_selector.mm

@@ -5,6 +5,7 @@
 #import <ApplicationServices/ApplicationServices.h>
 #import <Carbon/Carbon.h>
 #import <Accessibility/Accessibility.h>
+#import <QuartzCore/QuartzCore.h>
 
 // Global state for window selection
 static bool g_isWindowSelecting = false;
@@ -67,16 +68,10 @@ bool hideScreenRecordingPreview();
     
     if (!self.windowInfo) return;
     
-    // Background with transparency - purple tone
-    [[NSColor colorWithRed:0.4 green:0.3 blue:0.8 alpha:0.08] setFill];
+    // Background with transparency - purple tone (no border)
+    [[NSColor colorWithRed:0.5 green:0.3 blue:0.8 alpha:0.25] setFill];
     NSRectFill(self.bounds);
     
-    // Thin border with darker purple
-    [[NSColor colorWithRed:0.3 green:0.2 blue:0.6 alpha:0.6] setStroke];
-    NSBezierPath *border = [NSBezierPath bezierPathWithRoundedRect:NSInsetRect(self.bounds, 0.5, 0.5) xRadius:12 yRadius:12];
-    [border setLineWidth:1.0];
-    [border stroke];
-    
     // Text will be handled by separate label above button
 }
 
@@ -155,16 +150,10 @@ bool hideScreenRecordingPreview();
     
     if (!self.screenInfo) return;
     
-    // Background with transparency - purple tone
-    [[NSColor colorWithRed:0.4 green:0.3 blue:0.8 alpha:0.12] setFill];
+    // Background with transparency - purple tone (no border)
+    [[NSColor colorWithRed:0.5 green:0.3 blue:0.8 alpha:0.3] setFill];
     NSRectFill(self.bounds);
     
-    // Thin border with darker purple  
-    [[NSColor colorWithRed:0.3 green:0.2 blue:0.6 alpha:0.5] setStroke];
-    NSBezierPath *border = [NSBezierPath bezierPathWithRoundedRect:NSInsetRect(self.bounds, 0.5, 0.5) xRadius:15 yRadius:15];
-    [border setLineWidth:1.0];
-    [border stroke];
-    
     // Text will be handled by separate label above button
 }
 
@@ -521,9 +510,13 @@ void updateOverlay() {
                 appIconView = [[NSImageView alloc] initWithFrame:NSMakeRect(0, 0, 96, 96)];
                 [appIconView setImageScaling:NSImageScaleProportionallyUpOrDown];
                 [appIconView setWantsLayer:YES];
-                [appIconView.layer setCornerRadius:16.0];  // Rounded corners like iOS
+                [appIconView.layer setCornerRadius:16.0];
                 [appIconView.layer setMasksToBounds:YES];
+                [appIconView.layer setBackgroundColor:[[NSColor colorWithRed:0.2 green:0.2 blue:0.2 alpha:0.3] CGColor]]; // Debug background
                 [g_overlayWindow.contentView addSubview:appIconView];
+                NSLog(@"🖼️ Created app icon view at frame: (%.0f, %.0f, %.0f, %.0f)", 
+                      appIconView.frame.origin.x, appIconView.frame.origin.y, 
+                      appIconView.frame.size.width, appIconView.frame.size.height);
             }
             
             // Get app icon using NSWorkspace
@@ -542,9 +535,13 @@ void updateOverlay() {
             // Fallback to generic app icon if not found
             if (!appIcon) {
                 appIcon = [workspace iconForFileType:NSFileTypeForHFSTypeCode(kGenericApplicationIcon)];
+                NSLog(@"⚠️ Using fallback icon for app: %@", iconAppName);
+            } else {
+                NSLog(@"✅ Found app icon for: %@", iconAppName);
             }
             
             [appIconView setImage:appIcon];
+            NSLog(@"🖼️ Set icon image, size: %.0fx%.0f", [appIcon size].width, [appIcon size].height);
             
             // Update label text
             NSString *labelWindowTitle = [windowUnderCursor objectForKey:@"title"] ?: @"Unknown Window";
@@ -566,6 +563,32 @@ void updateOverlay() {
                     buttonCenter.y + buttonSize.height + 60 + 10  // Above label + text height + margin
                 );
                 [appIconView setFrameOrigin:iconCenter];
+                NSLog(@"🎯 Positioning app icon at: (%.0f, %.0f) for window size: (%.0f, %.0f)", 
+                      iconCenter.x, iconCenter.y, (float)width, (float)height);
+                
+                // Add smooth floating animation after positioning
+                [appIconView.layer removeAnimationForKey:@"floatAnimation"];
+                [appIconView.layer removeAnimationForKey:@"floatAnimationY"];
+                
+                // Horizontal float animation
+                CABasicAnimation *floatAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];
+                floatAnimationX.fromValue = @(-5.0);
+                floatAnimationX.toValue = @(5.0);
+                floatAnimationX.duration = 3.5;
+                floatAnimationX.repeatCount = HUGE_VALF;
+                floatAnimationX.autoreverses = YES;
+                floatAnimationX.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+                [appIconView.layer addAnimation:floatAnimationX forKey:@"floatAnimationX"];
+                
+                // Subtle vertical float animation (slightly offset timing)
+                CABasicAnimation *floatAnimationY = [CABasicAnimation animationWithKeyPath:@"transform.translation.y"];
+                floatAnimationY.fromValue = @(-2.0);
+                floatAnimationY.toValue = @(2.0);
+                floatAnimationY.duration = 4.5;
+                floatAnimationY.repeatCount = HUGE_VALF;
+                floatAnimationY.autoreverses = YES;
+                floatAnimationY.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+                [appIconView.layer addAnimation:floatAnimationY forKey:@"floatAnimationY"];
                 
                 // Position info label at overlay center, above button
                 NSPoint labelCenter = NSMakePoint(
@@ -811,22 +834,23 @@ bool startScreenSelection() {
             [overlayView setScreenInfo:screenInfo];
             [overlayWindow setContentView:overlayView];
             
-            // Create select button
-            NSButton *selectButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 180, 60)];
+            // Create select button with more padding
+            NSButton *selectButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 200, 60)];
             [selectButton setTitle:@"Start Record"];
             [selectButton setButtonType:NSButtonTypeMomentaryPushIn];
             [selectButton setBezelStyle:NSBezelStyleRegularSquare];
-            [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightSemibold]];
+            [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
             [selectButton setTag:i]; // Set screen index as tag
             
-            // Modern button styling with gradient-like effect
+            // Modern button styling with purple tone
             [selectButton setWantsLayer:YES];
-            [selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.1 green:0.5 blue:0.9 alpha:0.95] CGColor]];
+            [selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.55 green:0.3 blue:0.75 alpha:0.95] CGColor]];
             [selectButton.layer setCornerRadius:14.0];
             [selectButton.layer setBorderWidth:0.0];
             
-            // White text color with better font weight
-            [selectButton setFont:[NSFont systemFontOfSize:17 weight:NSFontWeightSemibold]];
+            // Clean white text - normal weight
+            [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
+            [selectButton setTitle:@"Start Record"];
             NSMutableAttributedString *titleString = [[NSMutableAttributedString alloc] 
                 initWithString:[selectButton title]];
             [titleString addAttribute:NSForegroundColorAttributeName 
@@ -834,19 +858,7 @@ bool startScreenSelection() {
                                 range:NSMakeRange(0, [titleString length])];
             [selectButton setAttributedTitle:titleString];
             
-            // Enhanced shadow for modern look
-            [selectButton.layer setShadowColor:[[NSColor colorWithRed:0.0 green:0.3 blue:0.7 alpha:0.8] CGColor]];
-            [selectButton.layer setShadowOffset:NSMakeSize(0, -3)];
-            [selectButton.layer setShadowRadius:8.0];
-            [selectButton.layer setShadowOpacity:0.4];
-            
-            // Add subtle inner highlight
-            CALayer *highlightLayer = [CALayer layer];
-            [highlightLayer setFrame:CGRectMake(0, selectButton.frame.size.height * 0.6, 
-                                                selectButton.frame.size.width, selectButton.frame.size.height * 0.4)];
-            [highlightLayer setBackgroundColor:[[NSColor colorWithRed:0.3 green:0.7 blue:1.0 alpha:0.3] CGColor]];
-            [highlightLayer setCornerRadius:14.0];
-            [selectButton.layer addSublayer:highlightLayer];
+            // Clean button - no shadows or highlights
             
             // Set button target and action (reuse global delegate)
             if (!g_delegate) {
@@ -862,14 +874,14 @@ bool startScreenSelection() {
             [screenCancelButton setBezelStyle:NSBezelStyleRegularSquare];
             [screenCancelButton setFont:[NSFont systemFontOfSize:14 weight:NSFontWeightMedium]];
             
-            // Modern cancel button styling
+            // Modern cancel button styling - darker gray, clean
             [screenCancelButton setWantsLayer:YES];
-            [screenCancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.4 green:0.4 blue:0.4 alpha:0.9] CGColor]];
+            [screenCancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.35 green:0.35 blue:0.4 alpha:0.9] CGColor]];
             [screenCancelButton.layer setCornerRadius:12.0];
             [screenCancelButton.layer setBorderWidth:0.0];
             
-            // White text for cancel button with better font
-            [screenCancelButton setFont:[NSFont systemFontOfSize:15 weight:NSFontWeightMedium]];
+            // Clean white text for cancel button
+            [screenCancelButton setFont:[NSFont systemFontOfSize:15 weight:NSFontWeightRegular]];
             NSMutableAttributedString *screenCancelTitleString = [[NSMutableAttributedString alloc] 
                 initWithString:[screenCancelButton title]];
             [screenCancelTitleString addAttribute:NSForegroundColorAttributeName 
@@ -877,12 +889,6 @@ bool startScreenSelection() {
                                 range:NSMakeRange(0, [screenCancelTitleString length])];
             [screenCancelButton setAttributedTitle:screenCancelTitleString];
             
-            // Enhanced shadow for cancel button
-            [screenCancelButton.layer setShadowColor:[[NSColor colorWithRed:0.2 green:0.2 blue:0.2 alpha:0.8] CGColor]];
-            [screenCancelButton.layer setShadowOffset:NSMakeSize(0, -2)];
-            [screenCancelButton.layer setShadowRadius:4.0];
-            [screenCancelButton.layer setShadowOpacity:0.3];
-            
             [screenCancelButton setTarget:g_delegate];
             [screenCancelButton setAction:@selector(cancelButtonClicked:)];
             
@@ -927,6 +933,26 @@ bool startScreenSelection() {
             );
             [screenIconView setFrameOrigin:iconCenter];
             
+            // Add smooth floating animation to screen icon
+            CABasicAnimation *screenFloatAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];
+            screenFloatAnimationX.fromValue = @(-5.0);
+            screenFloatAnimationX.toValue = @(5.0);
+            screenFloatAnimationX.duration = 4.0; // Slightly different duration for variety
+            screenFloatAnimationX.repeatCount = HUGE_VALF;
+            screenFloatAnimationX.autoreverses = YES;
+            screenFloatAnimationX.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+            [screenIconView.layer addAnimation:screenFloatAnimationX forKey:@"floatAnimationX"];
+            
+            // Subtle vertical float for screen icon
+            CABasicAnimation *screenFloatAnimationY = [CABasicAnimation animationWithKeyPath:@"transform.translation.y"];
+            screenFloatAnimationY.fromValue = @(-2.0);
+            screenFloatAnimationY.toValue = @(2.0);
+            screenFloatAnimationY.duration = 5.0; // Different timing than window icons
+            screenFloatAnimationY.repeatCount = HUGE_VALF;
+            screenFloatAnimationY.autoreverses = YES;
+            screenFloatAnimationY.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+            [screenIconView.layer addAnimation:screenFloatAnimationY forKey:@"floatAnimationY"];
+            
             // Position info label at screen center, above button
             NSPoint labelCenter = NSMakePoint(
                 (screenFrame.size.width - [screenInfoLabel frame].size.width) / 2,  // Center horizontally
@@ -1097,21 +1123,20 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
         g_overlayView = [[WindowSelectorOverlayView alloc] initWithFrame:initialFrame];
         [g_overlayWindow setContentView:g_overlayView];
         
-        // Create select button with blue theme
-        g_selectButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 160, 60)];
+        // Create select button with purple theme
+        g_selectButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 200, 60)];
         [g_selectButton setTitle:@"Start Record"];
         [g_selectButton setButtonType:NSButtonTypeMomentaryPushIn];
         [g_selectButton setBezelStyle:NSBezelStyleRegularSquare];
-        [g_selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightSemibold]];
+        [g_selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
         
-        // Modern button styling with gradient-like effect
+        // Modern button styling with purple tone
         [g_selectButton setWantsLayer:YES];
-        [g_selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.1 green:0.5 blue:0.9 alpha:0.95] CGColor]];
+        [g_selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.55 green:0.3 blue:0.75 alpha:0.95] CGColor]];
         [g_selectButton.layer setCornerRadius:14.0];
         [g_selectButton.layer setBorderWidth:0.0];
         
-        // White text color with better font weight
-        [g_selectButton setFont:[NSFont systemFontOfSize:17 weight:NSFontWeightSemibold]];
+        // Clean white text - normal weight
         NSMutableAttributedString *titleString = [[NSMutableAttributedString alloc] 
             initWithString:[g_selectButton title]];
         [titleString addAttribute:NSForegroundColorAttributeName 
@@ -1119,12 +1144,6 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
                             range:NSMakeRange(0, [titleString length])];
         [g_selectButton setAttributedTitle:titleString];
         
-        // Enhanced shadow for modern look
-        [g_selectButton.layer setShadowColor:[[NSColor colorWithRed:0.0 green:0.3 blue:0.7 alpha:0.8] CGColor]];
-        [g_selectButton.layer setShadowOffset:NSMakeSize(0, -3)];
-        [g_selectButton.layer setShadowRadius:8.0];
-        [g_selectButton.layer setShadowOpacity:0.4];
-        
         // Create delegate for button action and timer
         g_delegate = [[WindowSelectorDelegate alloc] init];
         [g_selectButton setTarget:g_delegate];
@@ -1138,16 +1157,15 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
         [cancelButton setTitle:@"Cancel"];
         [cancelButton setButtonType:NSButtonTypeMomentaryPushIn];
         [cancelButton setBezelStyle:NSBezelStyleRegularSquare];
-        [cancelButton setFont:[NSFont systemFontOfSize:14 weight:NSFontWeightMedium]];
+        [cancelButton setFont:[NSFont systemFontOfSize:14 weight:NSFontWeightRegular]];
         
-        // Modern cancel button styling
+        // Modern cancel button styling - darker gray, clean
         [cancelButton setWantsLayer:YES];
-        [cancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.4 green:0.4 blue:0.4 alpha:0.9] CGColor]];
+        [cancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.35 green:0.35 blue:0.4 alpha:0.9] CGColor]];
         [cancelButton.layer setCornerRadius:12.0];
         [cancelButton.layer setBorderWidth:0.0];
         
-        // White text for cancel button with better font
-        [cancelButton setFont:[NSFont systemFontOfSize:15 weight:NSFontWeightMedium]];
+        // Clean white text for cancel button
         NSMutableAttributedString *cancelTitleString = [[NSMutableAttributedString alloc] 
             initWithString:[cancelButton title]];
         [cancelTitleString addAttribute:NSForegroundColorAttributeName 
@@ -1155,12 +1173,6 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
                             range:NSMakeRange(0, [cancelTitleString length])];
         [cancelButton setAttributedTitle:cancelTitleString];
         
-        // Enhanced shadow for cancel button
-        [cancelButton.layer setShadowColor:[[NSColor colorWithRed:0.2 green:0.2 blue:0.2 alpha:0.8] CGColor]];
-        [cancelButton.layer setShadowOffset:NSMakeSize(0, -2)];
-        [cancelButton.layer setShadowRadius:4.0];
-        [cancelButton.layer setShadowOpacity:0.3];
-        
         [cancelButton setTarget:g_delegate];
         [cancelButton setAction:@selector(cancelButtonClicked:)];