feat: improve continuous player api

Author: AlirezaHadjar

android/src/main/java/com/margelo/nitro/ahap/Ahap.kt

@@ -23,19 +23,23 @@ class Ahap : HybridAhapSpec() {
     // TODO: Android haptics implementation not yet supported
   }
 
-  override fun createContinuousPlayer(initialIntensity: Double, initialSharpness: Double) {
+  override fun createContinuousPlayer(playerId: String, initialIntensity: Double, initialSharpness: Double) {
     // TODO: Android haptics implementation not yet supported
   }
 
-  override fun startContinuousPlayer() {
+  override fun startContinuousPlayer(playerId: String) {
     // TODO: Android haptics implementation not yet supported
   }
 
-  override fun updateContinuousPlayer(intensityControl: Double, sharpnessControl: Double) {
+  override fun updateContinuousPlayer(playerId: String, intensityControl: Double, sharpnessControl: Double) {
     // TODO: Android haptics implementation not yet supported
   }
 
-  override fun stopContinuousPlayer() {
+  override fun stopContinuousPlayer(playerId: String) {
+    // TODO: Android haptics implementation not yet supported
+  }
+  
+  override fun destroyContinuousPlayer(playerId: String) {
     // TODO: Android haptics implementation not yet supported
   }
 }

example/src/components/ContinuousPalette.tsx

@@ -7,19 +7,16 @@ import Animated, {
   useDerivedValue,
   clamp,
 } from 'react-native-reanimated';
-import {
-  createContinuousPlayer,
-  startContinuousPlayer,
-  stopContinuousPlayer,
-  updateContinuousPlayer,
-} from 'react-native-ahaps';
+import { useContinuousPlayer } from 'react-native-ahaps';
 import Header from './Header';
 import Footer from './Footer';
 
 const TOUCH_INDICATOR_SIZE = 50;
 const INITIAL_INTENSITY = 1.0;
 const INITIAL_SHARPNESS = 0.5;
 
+const CONTINUOUS_PALETTE_PLAYER = 'continuous-palette';
+
 interface ContinuousPaletteProps {
   size: number;
   colors: {
@@ -46,12 +43,15 @@ const normalizeCoordinates = (x: number, y: number, size: number) => {
   };
 };
 
-createContinuousPlayer(INITIAL_INTENSITY, INITIAL_SHARPNESS);
-
 export default function ContinuousPalette({
   size,
   colors,
 }: ContinuousPaletteProps) {
+  const player = useContinuousPlayer(
+    CONTINUOUS_PALETTE_PLAYER,
+    INITIAL_INTENSITY,
+    INITIAL_SHARPNESS
+  );
   const sharpness = useSharedValue(0.5);
   const intensity = useSharedValue(0.5);
   const touchX = useSharedValue(size / 2);
@@ -78,7 +78,7 @@ export default function ContinuousPalette({
     sharpness.set(clamp(perceivedSharpness, 0, 1));
     intensity.set(perceivedIntensity);
 
-    updateContinuousPlayer(dynamicIntensity, dynamicSharpness);
+    player.update(dynamicIntensity, dynamicSharpness);
   };
 
   const gesture = Gesture.Pan()
@@ -89,7 +89,7 @@ export default function ContinuousPalette({
       touchAlpha.set(1);
       bgOpacity.set(withTiming(1, { duration: 100 }));
 
-      startContinuousPlayer();
+      player.start();
       updateHaptic(clipped.x, clipped.y);
     })
     .onUpdate((event) => {
@@ -101,11 +101,11 @@ export default function ContinuousPalette({
     })
     .onEnd(() => {
       bgOpacity.set(withTiming(0, { duration: 100 }));
-      stopContinuousPlayer();
+      player.stop();
     })
     .onFinalize(() => {
       bgOpacity.set(withTiming(0, { duration: 100 }));
-      stopContinuousPlayer();
+      player.stop();
     });
 
   const touchStyle = useAnimatedStyle(() => {

example/src/components/MiniContinuousPalette.tsx

@@ -8,18 +8,12 @@ import Animated, {
   clamp,
   type SharedValue,
 } from 'react-native-reanimated';
-import {
-  createContinuousPlayer,
-  startContinuousPlayer,
-  stopContinuousPlayer,
-  updateContinuousPlayer,
-} from 'react-native-ahaps';
+import { useContinuousPlayer } from 'react-native-ahaps';
 
 const TOUCH_INDICATOR_SIZE = 30;
 const INITIAL_INTENSITY = 1.0;
 const INITIAL_SHARPNESS = 0.5;
-
-createContinuousPlayer(INITIAL_INTENSITY, INITIAL_SHARPNESS);
+const MINI_CONTINUOUS_PLAYER = 'mini-continuous-palette';
 
 interface MiniContinuousPaletteProps {
   size: number;
@@ -58,6 +52,12 @@ export default function MiniContinuousPalette({
   onContinuousUpdate,
   onContinuousEnd,
 }: MiniContinuousPaletteProps) {
+  const player = useContinuousPlayer(
+    MINI_CONTINUOUS_PLAYER,
+    INITIAL_INTENSITY,
+    INITIAL_SHARPNESS
+  );
+
   const touchX = useSharedValue(size / 2);
   const touchY = useSharedValue(size / 2);
   const bgOpacity = useSharedValue(0);
@@ -88,7 +88,7 @@ export default function MiniContinuousPalette({
       1
     );
 
-    updateContinuousPlayer(dynamicIntensity, dynamicSharpness);
+    player.update(dynamicIntensity, dynamicSharpness);
 
     if (onContinuousUpdate) {
       onContinuousUpdate(perceivedIntensity, perceivedSharpness);
@@ -102,7 +102,7 @@ export default function MiniContinuousPalette({
       touchY.set(clipped.y);
       bgOpacity.set(withTiming(1, { duration: 100 }));
 
-      startContinuousPlayer();
+      player.start();
       updateHaptic(clipped.x, clipped.y);
 
       const normalized = normalizeCoordinates(clipped.x, clipped.y, size);
@@ -139,7 +139,7 @@ export default function MiniContinuousPalette({
     })
     .onEnd(() => {
       bgOpacity.set(withTiming(0, { duration: 100 }));
-      stopContinuousPlayer();
+      player.stop();
 
       // Clear gesture state
       if (gestureActive) gestureActive.set(false);
@@ -150,7 +150,7 @@ export default function MiniContinuousPalette({
     })
     .onFinalize(() => {
       bgOpacity.set(withTiming(0, { duration: 100 }));
-      stopContinuousPlayer();
+      player.stop();
 
       // Clear gesture state
       if (gestureActive) gestureActive.set(false);

example/src/contexts/RecorderContext.tsx

@@ -10,7 +10,6 @@ import type { HapticEvent, HapticCurve } from 'react-native-ahaps';
 import {
   startHaptic,
   stopAllHaptics,
-  stopContinuousPlayer,
 } from 'react-native-ahaps';
 import {
   trimHapticDataFromSeekTime,
@@ -173,9 +172,8 @@ export function RecorderProvider({ children }: { children: ReactNode }) {
 
     isRecording.set(false);
 
-    if (wasContinuousActive) {
-      stopContinuousPlayer();
-    }
+    // Note: The continuous player is managed by MiniContinuousPalette
+    // and will be stopped automatically when the gesture ends
 
     let events = recordingEvents.get();
 

ios/Ahap.swift

@@ -21,25 +21,29 @@ class Ahap: HybridAhapSpec {
   }
 
   func destroyEngine() throws {
-    haptics.clearHapticPlayers()
+    haptics.destroyEngine()
   }
 
   // MARK: - Continuous Player Methods
 
-  func createContinuousPlayer(initialIntensity: Double, initialSharpness: Double) throws {
-    haptics.createContinuousPlayer(initialIntensity: Float(initialIntensity), initialSharpness: Float(initialSharpness))
+  func createContinuousPlayer(playerId: String, initialIntensity: Double, initialSharpness: Double) throws {
+    haptics.createContinuousPlayer(playerId: playerId, initialIntensity: Float(initialIntensity), initialSharpness: Float(initialSharpness))
   }
 
-  func startContinuousPlayer() throws {
-    haptics.startContinuousPlayer()
+  func startContinuousPlayer(playerId: String) throws {
+    haptics.startContinuousPlayer(playerId: playerId)
   }
 
-  func updateContinuousPlayer(intensityControl: Double, sharpnessControl: Double) throws {
-    haptics.updateContinuousPlayer(intensityControl: Float(intensityControl), sharpnessControl: Float(sharpnessControl))
+  func updateContinuousPlayer(playerId: String, intensityControl: Double, sharpnessControl: Double) throws {
+    haptics.updateContinuousPlayer(playerId: playerId, intensityControl: Float(intensityControl), sharpnessControl: Float(sharpnessControl))
   }
 
-  func stopContinuousPlayer() throws {
-    haptics.stopContinuousPlayer()
+  func stopContinuousPlayer(playerId: String) throws {
+    haptics.stopContinuousPlayer(playerId: playerId)
+  }
+  
+  func destroyContinuousPlayer(playerId: String) throws {
+    haptics.destroyContinuousPlayer(playerId: playerId)
   }