node-mac-recorder 2.5.3 → 2.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "node-mac-recorder",
-	"version": "2.5.3",
+	"version": "2.5.5",
 	"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);
     
-    // Ultra-thin border with darker purple
-    [[NSColor colorWithRed:0.5 green:0.3 blue:0.7 alpha:0.4] setStroke];
-    NSBezierPath *border = [NSBezierPath bezierPathWithRoundedRect:NSInsetRect(self.bounds, 0.125, 0.125) xRadius:12 yRadius:12];
-    [border setLineWidth:0.25];
-    [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);
     
-    // Ultra-thin border with darker purple
-    [[NSColor colorWithRed:0.5 green:0.3 blue:0.7 alpha:0.3] setStroke];
-    NSBezierPath *border = [NSBezierPath bezierPathWithRoundedRect:NSInsetRect(self.bounds, 0.125, 0.125) xRadius:15 yRadius:15];
-    [border setLineWidth:0.25];
-    [border stroke];
-    
     // Text will be handled by separate label above button
 }
 
@@ -521,7 +510,7 @@ void updateOverlay() {
                 appIconView = [[NSImageView alloc] initWithFrame:NSMakeRect(0, 0, 96, 96)];
                 [appIconView setImageScaling:NSImageScaleProportionallyUpOrDown];
                 [appIconView setWantsLayer:YES];
-                [appIconView.layer setCornerRadius:16.0];
+                [appIconView.layer setCornerRadius:8.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];
@@ -577,6 +566,20 @@ void updateOverlay() {
                 NSLog(@"🎯 Positioning app icon at: (%.0f, %.0f) for window size: (%.0f, %.0f)", 
                       iconCenter.x, iconCenter.y, (float)width, (float)height);
                 
+                // Add fast horizontal floating animation after positioning
+                [appIconView.layer removeAnimationForKey:@"floatAnimationX"];
+                [appIconView.layer removeAnimationForKey:@"floatAnimationY"];
+                
+                // Faster horizontal float animation only
+                CABasicAnimation *floatAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];
+                floatAnimationX.fromValue = @(-4.0);
+                floatAnimationX.toValue = @(4.0);
+                floatAnimationX.duration = 2.5; // Faster animation
+                floatAnimationX.repeatCount = HUGE_VALF;
+                floatAnimationX.autoreverses = YES;
+                floatAnimationX.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+                [appIconView.layer addAnimation:floatAnimationX forKey:@"floatAnimationX"];
+                
                 // Position info label at overlay center, above button
                 NSPoint labelCenter = NSMakePoint(
                     (width - [infoLabel frame].size.width) / 2,  // Center horizontally
@@ -821,22 +824,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 setBordered:NO];
+            [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
             [selectButton setTag:i]; // Set screen index as tag
             
-            // Modern button styling with purple gradient-like effect
+            // Modern button styling with purple tone
             [selectButton setWantsLayer:YES];
-            [selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.5 green:0.3 blue:0.8 alpha:0.95] CGColor]];
-            [selectButton.layer setCornerRadius:14.0];
+            [selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.55 green:0.3 blue:0.75 alpha:0.95] CGColor]];
+            [selectButton.layer setCornerRadius:8.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 
@@ -844,19 +848,7 @@ bool startScreenSelection() {
                                 range:NSMakeRange(0, [titleString length])];
             [selectButton setAttributedTitle:titleString];
             
-            // Enhanced shadow for modern look - purple tone
-            [selectButton.layer setShadowColor:[[NSColor colorWithRed:0.4 green:0.2 blue:0.6 alpha:0.8] CGColor]];
-            [selectButton.layer setShadowOffset:NSMakeSize(0, -3)];
-            [selectButton.layer setShadowRadius:8.0];
-            [selectButton.layer setShadowOpacity:0.4];
-            
-            // Add subtle inner highlight - purple tone
-            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.6 green:0.4 blue:0.9 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) {
@@ -869,17 +861,17 @@ bool startScreenSelection() {
             NSButton *screenCancelButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 120, 40)];
             [screenCancelButton setTitle:@"Cancel"];
             [screenCancelButton setButtonType:NSButtonTypeMomentaryPushIn];
-            [screenCancelButton setBezelStyle:NSBezelStyleRegularSquare];
+            [screenCancelButton setBordered:NO];
             [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 setCornerRadius:12.0];
+            [screenCancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.35 green:0.35 blue:0.4 alpha:0.9] CGColor]];
+            [screenCancelButton.layer setCornerRadius:8.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 
@@ -887,12 +879,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:)];
             
@@ -910,7 +896,7 @@ bool startScreenSelection() {
             NSImageView *screenIconView = [[NSImageView alloc] initWithFrame:NSMakeRect(0, 0, 96, 96)];
             [screenIconView setImageScaling:NSImageScaleProportionallyUpOrDown];
             [screenIconView setWantsLayer:YES];
-            [screenIconView.layer setCornerRadius:16.0];
+            [screenIconView.layer setCornerRadius:8.0];
             [screenIconView.layer setMasksToBounds:YES];
             
             // Set display icon
@@ -937,6 +923,16 @@ bool startScreenSelection() {
             );
             [screenIconView setFrameOrigin:iconCenter];
             
+            // Add fast horizontal floating animation to screen icon
+            CABasicAnimation *screenFloatAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.translation.x"];
+            screenFloatAnimationX.fromValue = @(-4.0);
+            screenFloatAnimationX.toValue = @(4.0);
+            screenFloatAnimationX.duration = 2.8; // Slightly different timing for variety
+            screenFloatAnimationX.repeatCount = HUGE_VALF;
+            screenFloatAnimationX.autoreverses = YES;
+            screenFloatAnimationX.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
+            [screenIconView.layer addAnimation:screenFloatAnimationX forKey:@"floatAnimationX"];
+            
             // Position info label at screen center, above button
             NSPoint labelCenter = NSMakePoint(
                 (screenFrame.size.width - [screenInfoLabel frame].size.width) / 2,  // Center horizontally
@@ -1107,21 +1103,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 setBordered:NO];
+        [g_selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
         
-        // Modern button styling with purple gradient-like effect
+        // Modern button styling with purple tone
         [g_selectButton setWantsLayer:YES];
-        [g_selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.5 green:0.3 blue:0.8 alpha:0.95] CGColor]];
-        [g_selectButton.layer setCornerRadius:14.0];
+        [g_selectButton.layer setBackgroundColor:[[NSColor colorWithRed:0.55 green:0.3 blue:0.75 alpha:0.95] CGColor]];
+        [g_selectButton.layer setCornerRadius:8.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 
@@ -1129,12 +1124,6 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
                             range:NSMakeRange(0, [titleString length])];
         [g_selectButton setAttributedTitle:titleString];
         
-        // Enhanced shadow for modern look - purple tone
-        [g_selectButton.layer setShadowColor:[[NSColor colorWithRed:0.4 green:0.2 blue:0.6 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];
@@ -1147,17 +1136,16 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
         NSButton *cancelButton = [[NSButton alloc] initWithFrame:NSMakeRect(0, 0, 120, 40)];
         [cancelButton setTitle:@"Cancel"];
         [cancelButton setButtonType:NSButtonTypeMomentaryPushIn];
-        [cancelButton setBezelStyle:NSBezelStyleRegularSquare];
-        [cancelButton setFont:[NSFont systemFontOfSize:14 weight:NSFontWeightMedium]];
+        [cancelButton setBordered:NO];
+        [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 setCornerRadius:12.0];
+        [cancelButton.layer setBackgroundColor:[[NSColor colorWithRed:0.35 green:0.35 blue:0.4 alpha:0.9] CGColor]];
+        [cancelButton.layer setCornerRadius:8.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 
@@ -1165,12 +1153,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:)];