eslint fix and api align

Author: Rohit3523

app/containers/AudioPlayer/index.tsx

@@ -3,7 +3,7 @@ import { InteractionManager, View } from 'react-native';
 import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake';
 import { useSharedValue } from 'react-native-reanimated';
 import { useNavigation } from '@react-navigation/native';
-import { AudioStatus } from 'expo-audio';
+import type { AudioStatus } from 'expo-audio';
 
 import { useTheme } from '../../theme';
 import styles from './styles';

app/containers/MessageComposer/components/RecordAudio/Duration.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { type FontVariant, Text } from 'react-native';
-import { RecorderState } from 'expo-audio';
+import type { RecorderState } from 'expo-audio';
 
 import sharedStyles from '../../../../views/Styles';
 import { useTheme } from '../../../../theme';

app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx

@@ -39,18 +39,18 @@ export const RecordAudio = (): ReactElement | null => {
 	const permissionToUpload = useCanUploadFile(rid);
 	useKeepAwake();
 
+	async function doRecording() {
+		// await setAudioModeAsync({
+		//     playsInSilentMode: true,
+		//     allowsRecording: true,
+		// });
+
+		await audioRecorder.prepareToRecordAsync();
+		await audioRecorder.record();
+	}
+
 	useEffect(() => {
 		try {
-			async function doRecording() {
-				// await setAudioModeAsync({
-				//     playsInSilentMode: true,
-				//     allowsRecording: true,
-				// });
-
-				await audioRecorder.prepareToRecordAsync();
-				await audioRecorder.record();
-			}
-
 			doRecording();
 		} catch (e) {
 			console.log(e);
@@ -71,7 +71,7 @@ export const RecordAudio = (): ReactElement | null => {
 		durationRef.current.onRecordingStatusUpdate(recorderState);
 	}, [recorderState]);
 
-	const cancelRecording = async () => {
+	const cancelRecording = () => {
 		try {
 			audioRecorder.stop();
 		} catch {
@@ -81,7 +81,7 @@ export const RecordAudio = (): ReactElement | null => {
 		}
 	};
 
-	const goReview = async () => {
+	const goReview = () => {
 		try {
 			audioRecorder.stop();
 			setStatus('reviewing');

app/containers/Ringer/index.tsx

@@ -1,4 +1,4 @@
-import { Audio } from 'expo-av';
+import { createAudioPlayer } from 'expo-audio';
 import React, { useEffect, useRef } from 'react';
 
 export enum ERingerSounds {
@@ -7,15 +7,15 @@ export enum ERingerSounds {
 }
 
 const Ringer = React.memo(({ ringer }: { ringer: ERingerSounds }) => {
-	const sound = useRef(new Audio.Sound());
+	const player = useRef(createAudioPlayer());
 
 	useEffect(() => {
-		const loadAndPlay = async () => {
+		const loadAndPlay = () => {
 			try {
 				const soundFile = ringer === ERingerSounds.DIALTONE ? require(`./dialtone.mp3`) : require(`./ringtone.mp3`);
-				await sound.current.loadAsync(soundFile);
-				await sound.current.playAsync();
-				await sound.current.setIsLoopingAsync(true);
+				player.current.replace(soundFile);
+				player.current.loop = true;
+				player.current.play();
 			} catch (error) {
 				console.error('Error loading sound:', error);
 			}
@@ -24,7 +24,7 @@ const Ringer = React.memo(({ ringer }: { ringer: ERingerSounds }) => {
 		loadAndPlay();
 
 		return () => {
-			sound.current?.unloadAsync();
+			player.current?.release();
 		};
 	}, []);
 

app/lib/constants/audio.ts

@@ -1,4 +1,3 @@
-import { Audio, AudioMode, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av';
 import { type RecordingOptions } from 'expo-audio';
 
 export const RECORDING_EXTENSION = '.aac';
@@ -21,13 +20,3 @@ export const RECORDING_SETTINGS: RecordingOptions = {
 	extension: RECORDING_EXTENSION,
 	sampleRate: 44100
 };
-
-export const AUDIO_MODE: AudioMode = {
-	allowsRecordingIOS: false,
-	playsInSilentModeIOS: true,
-	staysActiveInBackground: true,
-	shouldDuckAndroid: true,
-	playThroughEarpieceAndroid: false,
-	interruptionModeIOS: InterruptionModeIOS.DoNotMix,
-	interruptionModeAndroid: InterruptionModeAndroid.DoNotMix
-};

app/lib/methods/AudioManager.ts

@@ -1,4 +1,4 @@
-import { createAudioPlayer, AudioPlayer, AudioStatus } from 'expo-audio';
+import { createAudioPlayer, type AudioPlayer, type AudioStatus } from 'expo-audio';
 import { Q } from '@nozbe/watermelondb';
 
 import dayjs from '../dayjs';
@@ -9,9 +9,9 @@ import { type TMessageModel } from '../../definitions';
 import { emitter } from './helpers';
 
 function createAudioManager() {
-	let audioQueue: { [audioKey: string]: AudioPlayer } = {};
+	const audioQueue: { [audioKey: string]: AudioPlayer } = {};
 	let audioPlaying = '';
-	let audiosRendered = new Set<string>();
+	const audiosRendered = new Set<string>();
 
 	function getAudioKey({ msgId, rid, uri }: { msgId?: string; rid: string; uri: string }) {
 		return `${msgId}-${rid}-${uri}`;
@@ -25,7 +25,7 @@ function createAudioManager() {
 		audiosRendered.delete(audioKey);
 	}
 
-	async function loadAudio({ msgId, rid, uri }: { rid: string; msgId?: string; uri: string }): Promise<string> {
+	function loadAudio({ msgId, rid, uri }: { rid: string; msgId?: string; uri: string }): string {
 		const audioKey = getAudioKey({ msgId, rid, uri });
 		addAudioRendered(audioKey);
 		if (audioQueue[audioKey]) return audioKey;
@@ -35,28 +35,30 @@ function createAudioManager() {
 		return audioKey;
 	}
 
-	async function playAudio(audioKey: string) {
-		if (audioPlaying) await pauseAudio();
+	function playAudio(audioKey: string) {
+		if (audioPlaying) pauseAudio();
 		audioQueue[audioKey]?.play();
 		audioPlaying = audioKey;
 		emitter.emit('audioFocused', audioKey);
 	}
 
-	async function pauseAudio() {
+	function pauseAudio() {
 		if (audioPlaying) {
 			audioQueue[audioPlaying]?.pause();
 			audioPlaying = '';
 		}
 	}
 
-	async function setPositionAsync(audioKey: string, time: number) {
+	function setPositionAsync(audioKey: string, time: number) {
 		audioQueue[audioKey]?.seekTo(time);
 	}
 
-	async function setRateAsync(audioKey: string, value = 1.0) {
+	function setRateAsync(audioKey: string, value = 1.0) {
 		try {
 			audioQueue[audioKey]?.setPlaybackRate(value);
-		} catch {}
+		} catch {
+			// Ignore errors when setting playback rate
+		}
 	}
 
 	function onPlaybackStatusUpdate(audioKey: string, status: AudioStatus, callback: (status: AudioStatus) => void) {
@@ -79,7 +81,9 @@ function createAudioManager() {
 				audioPlaying = '';
 				emitter.emit('audioFocused', '');
 				await playNextAudioInSequence(audioKey);
-			} catch {}
+			} catch {
+				// Ignore errors during cleanup
+			}
 		}
 	}
 
@@ -117,7 +121,7 @@ function createAudioManager() {
 		if (nextMessage && nextMessage.attachments) {
 			const nextAudioInSeqKey = getNextAudioKey({ message: nextMessage, rid });
 			if (nextAudioInSeqKey && audioQueue[nextAudioInSeqKey] && audiosRendered.has(nextAudioInSeqKey)) {
-				await playAudio(nextAudioInSeqKey);
+				playAudio(nextAudioInSeqKey);
 			}
 		}
 	}
@@ -128,8 +132,10 @@ function createAudioManager() {
 		const roomAudioKeysLoaded = Object.keys(audioQueue).filter(audioKey => regExp.test(audioKey));
 		const roomAudiosLoaded = roomAudioKeysLoaded.map(key => audioQueue[key]);
 		try {
-			await Promise.all(roomAudiosLoaded.map(async audio => audio?.release()));
-		} catch {}
+			await Promise.all(roomAudiosLoaded.map(audio => audio?.release()));
+		} catch (error) {
+			console.log(error);
+		}
 		roomAudioKeysLoaded.forEach(key => delete audioQueue[key]);
 		audioPlaying = '';
 	}