react-native-kookit 0.1.9 → 0.2.1

package/ios/ReactNativeKookitModule.swift

@@ -1,6 +1,13 @@
 import ExpoModulesCore
+import UIKit
+import MediaPlayer
+import AVFoundation
 
 public class ReactNativeKookitModule: Module {
+  private var volumeView: MPVolumeView?
+  private var volumeObserver: NSKeyValueObservation?
+  private var isVolumeKeyInterceptionEnabled = false
+  private var previousVolume: Float = 0.0
   // Each module class must implement the definition function. The definition consists of components
   // that describes the module's functionality and behavior.
   // See https://docs.expo.dev/modules/module-api for more details about available components.
@@ -16,7 +23,7 @@ public class ReactNativeKookitModule: Module {
     ])
 
     // Defines event names that the module can send to JavaScript.
-    Events("onChange")
+    Events("onChange", "onVolumeButtonPressed")
 
     // Defines a JavaScript synchronous function that runs the native code on the JavaScript thread.
     Function("hello") {
@@ -32,6 +39,16 @@ public class ReactNativeKookitModule: Module {
       ])
     }
 
+    // Enables volume key interception
+    Function("enableVolumeKeyInterception") {
+      self.enableVolumeKeyInterception()
+    }
+
+    // Disables volume key interception
+    Function("disableVolumeKeyInterception") {
+      self.disableVolumeKeyInterception()
+    }
+
     // Enables the module to be used as a native view. Definition components that are accepted as part of the
     // view definition: Prop, Events.
     View(ReactNativeKookitView.self) {
@@ -45,4 +62,84 @@ public class ReactNativeKookitModule: Module {
       Events("onLoad")
     }
   }
+  
+  private func enableVolumeKeyInterception() {
+    guard !isVolumeKeyInterceptionEnabled else { return }
+    
+    isVolumeKeyInterceptionEnabled = true
+    
+    DispatchQueue.main.async {
+      // Store initial volume
+      let audioSession = AVAudioSession.sharedInstance()
+      self.previousVolume = audioSession.outputVolume
+      
+      // Configure audio session to allow volume button interception
+      do {
+        try AVAudioSession.sharedInstance().setCategory(.ambient, mode: .default, options: [.mixWithOthers])
+        try AVAudioSession.sharedInstance().setActive(true)
+      } catch {
+        print("Failed to configure audio session: \(error)")
+      }
+      
+      // Create a hidden volume view to prevent system volume HUD from showing
+      self.volumeView = MPVolumeView(frame: CGRect(x: -1000, y: -1000, width: 1, height: 1))
+      self.volumeView?.clipsToBounds = true
+      self.volumeView?.alpha = 0.01  // Make it nearly invisible but still functional
+      self.volumeView?.isUserInteractionEnabled = false
+      
+      // Add volume view to the key window
+      if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+         let keyWindow = windowScene.windows.first(where: { $0.isKeyWindow }) {
+        keyWindow.addSubview(self.volumeView!)
+        keyWindow.sendSubviewToBack(self.volumeView!)
+      }
+      
+      // Set up volume observation with a small delay to ensure proper setup
+      DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
+        self.volumeObserver = audioSession.observe(\.outputVolume, options: [.new]) { [weak self] (audioSession, change) in
+          guard let self = self, self.isVolumeKeyInterceptionEnabled else { return }
+          
+          if let newVolume = change.newValue {
+            DispatchQueue.main.async {
+              // Determine if volume was increased or decreased
+              let key = newVolume > self.previousVolume ? "up" : "down"
+              
+              // Send event to JavaScript
+              self.sendEvent("onVolumeButtonPressed", [
+                "key": key
+              ])
+              
+              // Reset volume to prevent actual volume change
+              if let volumeSlider = self.volumeView?.subviews.compactMap({ $0 as? UISlider }).first {
+                volumeSlider.setValue(self.previousVolume, animated: false)
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  private func disableVolumeKeyInterception() {
+    guard isVolumeKeyInterceptionEnabled else { return }
+    
+    isVolumeKeyInterceptionEnabled = false
+    
+    DispatchQueue.main.async {
+      // Remove volume observer
+      self.volumeObserver?.invalidate()
+      self.volumeObserver = nil
+      
+      // Remove volume view
+      self.volumeView?.removeFromSuperview()
+      self.volumeView = nil
+      
+      // Reset audio session
+      do {
+        try AVAudioSession.sharedInstance().setActive(false)
+      } catch {
+        print("Failed to deactivate audio session: \(error)")
+      }
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-kookit",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "description": "React Native module for intercepting volume button presses on iOS and Android",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -46,19 +46,17 @@
     "plugin/package.json",
     "*.md"
   ],
-  "dependencies": {
-    "@expo/config-plugins": "^8.0.0",
-    "expo": "~53.0.20",
-    "react": "19.0.0",
-    "react-native": "0.79.5"
-  },
+  "dependencies": {},
   "devDependencies": {
+    "@expo/config-plugins": "^8.0.0",
     "@types/react": "~19.0.0",
     "expo-module-scripts": "^4.1.10",
     "expo": "~53.0.0",
+    "react": "19.0.0",
     "react-native": "0.79.1"
   },
   "peerDependencies": {
+    "@expo/config-plugins": "*",
     "expo": "*",
     "react": "*",
     "react-native": "*"