fix: continuous player mode not working

Author: AlirezaHadjar

example/src/components/ContinuousPalette.tsx

@@ -8,6 +8,7 @@ import Animated, {
   clamp,
 } from 'react-native-reanimated';
 import {
+  createContinuousPlayer,
   startContinuousPlayer,
   stopContinuousPlayer,
   updateContinuousPlayer,
@@ -45,6 +46,8 @@ const normalizeCoordinates = (x: number, y: number, size: number) => {
   };
 };
 
+createContinuousPlayer(INITIAL_INTENSITY, INITIAL_SHARPNESS);
+
 export default function ContinuousPalette({
   size,
   colors,

example/src/components/MiniContinuousPalette.tsx

@@ -9,6 +9,7 @@ import Animated, {
   type SharedValue,
 } from 'react-native-reanimated';
 import {
+  createContinuousPlayer,
   startContinuousPlayer,
   stopContinuousPlayer,
   updateContinuousPlayer,
@@ -18,6 +19,8 @@ const TOUCH_INDICATOR_SIZE = 30;
 const INITIAL_INTENSITY = 1.0;
 const INITIAL_SHARPNESS = 0.5;
 
+createContinuousPlayer(INITIAL_INTENSITY, INITIAL_SHARPNESS);
+
 interface MiniContinuousPaletteProps {
   size: number;
   resetTrigger?: SharedValue<number>;

example/src/schemas/recordingSchema.ts

@@ -6,14 +6,27 @@ const hapticEventParameterSchema = z.object({
   value: z.number().min(0).max(1),
 });
 
-// Schema for haptic events
-const hapticEventSchema = z.object({
-  type: z.enum(['transient', 'continuous']),
+// Schema for transient haptic event
+const transientHapticEventSchema = z.object({
+  type: z.literal('transient'),
   parameters: z.array(hapticEventParameterSchema),
   relativeTime: z.number().min(0),
-  duration: z.number().min(0).optional(),
 });
 
+// Schema for continuous haptic event
+const continuousHapticEventSchema = z.object({
+  type: z.literal('continuous'),
+  parameters: z.array(hapticEventParameterSchema),
+  relativeTime: z.number().min(0),
+  duration: z.number().min(0),
+});
+
+// Discriminated union for haptic events
+const hapticEventSchema = z.discriminatedUnion('type', [
+  transientHapticEventSchema,
+  continuousHapticEventSchema,
+]);
+
 // Schema for haptic curve control points
 const hapticCurveControlPointSchema = z.object({
   relativeTime: z.number().min(0),

example/src/types/recording.ts

@@ -1,10 +1,10 @@
-import type { HapticEvent, HapticCurve } from 'react-native-ahaps';
+import type { HapticCurve, HapticEvent } from 'react-native-ahaps';
 
 export interface RecordedHaptic {
   id: string;
   name: string;
   createdAt: number;
-  duration: number; // in seconds
+  duration: number;
   events: HapticEvent[];
   curves: HapticCurve[];
 }
@@ -15,7 +15,7 @@ export interface RecordingEvent {
     | 'continuous_start'
     | 'continuous_update'
     | 'continuous_end';
-  timestamp: number; // relative to recording start in seconds
+  timestamp: number;
   intensity: number;
   sharpness: number;
 }