Merge pull request #15 from SimformSolutionsPvtLtd/feat/UNT-T23779

feat(UNT-T23779): added onError callback for static waveform

Author: mukesh-simform

README.md

@@ -133,8 +133,9 @@ You can check out the full example at [Example](./example/src/App.tsx).
 | waveColor | #545454 | ✅ | ✅ | string | color of candlestick of waveform |
 | scrubColor | #7b7b7b | ✅ | ❌ | string | color of candlestick of waveform which has played |
 | onPlayerStateChange | - | ✅ | ❌ | ( playerState : PlayerState ) => void | callback function, which returns player state whenever player state changes. |
-| onPanStateChange | - | ✅ | ❌ | ( panMoving : boolean ) => void | callback function which returns boolean indicating whether pan gesture is active or not. |
+| onPanStateChange | - | ✅ | ❌ | ( panMoving : boolean ) => void | callback function which returns boolean indicating whether audio seeking is active or not. |
 | onRecorderStateChange | - | ❌ | ✅ | ( recorderState : RecorderState ) => void | callback function which returns the recorder state whenever the recorder state changes. Check RecorderState for more details |
+| onError | - | ✅ | ❌ | ( error : Error ) => void | callback function which returns the error for static audio waveform |
 
 ##### Know more about [ViewStyle](https://reactnative.dev/docs/view-style-props), [PlayerState](#playerstate), and [RecorderState](#recorderstate)
 

example/src/App.tsx

@@ -99,6 +99,9 @@ const ListItem = React.memo(
               waveColor={Colors.gray}
               onPlayerStateChange={setPlayerState}
               onPanStateChange={onPanStateChange}
+              onError={error => {
+                console.log(error, 'we are in example');
+              }}
             />
           </ImageBackground>
         </View>

src/components/Waveform/Waveform.tsx

@@ -49,6 +49,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
     onPlayerStateChange,
     onRecorderStateChange,
     onPanStateChange,
+    onError,
   } = props as StaticWaveform & LiveWaveform;
   const viewRef = useRef<View>(null);
   const scrollRef = useRef<ScrollView>(null);
@@ -128,6 +129,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
       }
     } catch (err) {
       console.error(err);
+      (onError as Function)(err);
     }
   };
 
@@ -148,9 +150,13 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
           }
         }
       } catch (err) {
+        (onError as Function)(err);
         console.error(err);
       }
     } else {
+      (onError as Function)(
+        `Can not find waveform for mode ${mode} path: ${path}`
+      );
       console.error(`Can not find waveform for mode ${mode} path: ${path}`);
     }
   };

src/components/Waveform/WaveformTypes.ts

@@ -18,6 +18,7 @@ export interface StaticWaveform extends BaseWaveform {
   scrubColor?: string;
   onPlayerStateChange?: (playerState: PlayerState) => void;
   onPanStateChange?: (panMoving: boolean) => void;
+  onError?: (error: string) => void;
 }
 
 export interface LiveWaveform extends BaseWaveform {