stream-chat-react-native 5.28.1 → 5.29.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "5.28.1",
+  "version": "5.29.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -11,7 +11,7 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "5.28.1"
+    "stream-chat-react-native-core": "5.29.0"
   },
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=5.0.0",
@@ -25,6 +25,7 @@
     "react-native-image-crop-picker": ">=0.33.2",
     "react-native-image-resizer": ">=1.4.2",
     "react-native-share": ">=4.1.0",
+    "react-native-audio-recorder-player": ">=3.6.4",
     "react-native-video": ">=5.2.1"
   },
   "peerDependenciesMeta": {
@@ -40,6 +41,9 @@
     "react-native-haptic-feedback": {
       "optional": true
     },
+    "react-native-audio-recorder-player": {
+      "optional": true
+    },
     "react-native-video": {
       "optional": true
     }

package/src/handlers/Sound.tsx

@@ -6,7 +6,7 @@ export const Sound = {
   initializeSound: null,
   // eslint-disable-next-line react/display-name
   Player: AudioVideoPlayer
-    ? ({ onBuffer, onEnd, onLoad, onProgress, paused, soundRef, style, uri }) => (
+    ? ({ onBuffer, onEnd, onLoad, onProgress, paused, rate, soundRef, style, uri }) => (
         <AudioVideoPlayer
           audioOnly={true}
           onBuffer={onBuffer}
@@ -17,6 +17,7 @@ export const Sound = {
           onLoad={onLoad}
           onProgress={onProgress}
           paused={paused}
+          rate={rate}
           ref={soundRef}
           source={{
             uri,

package/src/index.js

@@ -18,6 +18,7 @@ import {
 } from './handlers';
 
 import {
+  Audio,
   pickDocument,
   setClipboardString,
   shareImage,
@@ -25,6 +26,7 @@ import {
 } from './optionalDependencies';
 
 registerNativeHandlers({
+  Audio,
   compressImage,
   deleteFile,
   FlatList,

package/src/optionalDependencies/Audio.ts

@@ -0,0 +1,243 @@
+import { PermissionsAndroid, Platform } from 'react-native';
+import RNFS from 'react-native-fs';
+let AudioRecorderPackage;
+let audioRecorderPlayer;
+
+try {
+  AudioRecorderPackage = require('react-native-audio-recorder-player').default;
+  audioRecorderPlayer = new AudioRecorderPackage();
+  audioRecorderPlayer.setSubscriptionDuration(Platform.OS === 'android' ? 0.1 : 0.06);
+} catch (e) {
+  console.log(e);
+  console.warn('react-native-audio-recorder-player is not installed.');
+}
+
+export enum AudioSourceAndroidType {
+  DEFAULT = 0,
+  MIC,
+  VOICE_UPLINK,
+  VOICE_DOWNLINK,
+  VOICE_CALL,
+  CAMCORDER,
+  VOICE_RECOGNITION,
+  VOICE_COMMUNICATION,
+  REMOTE_SUBMIX,
+  UNPROCESSED,
+  RADIO_TUNER = 1998,
+  HOTWORD,
+}
+
+export enum OutputFormatAndroidType {
+  DEFAULT = 0,
+  THREE_GPP,
+  MPEG_4,
+  AMR_NB,
+  AMR_WB,
+  AAC_ADIF,
+  AAC_ADTS,
+  OUTPUT_FORMAT_RTP_AVP,
+  MPEG_2_TS,
+  WEBM,
+}
+
+export enum AudioEncoderAndroidType {
+  DEFAULT = 0,
+  AMR_NB,
+  AMR_WB,
+  AAC,
+  HE_AAC,
+  AAC_ELD,
+  VORBIS,
+}
+
+export enum AVEncodingOption {
+  aac = 'aac',
+  alac = 'alac',
+  alaw = 'alaw',
+  amr = 'amr',
+  flac = 'flac',
+  ima4 = 'ima4',
+  lpcm = 'lpcm',
+  MAC3 = 'MAC3',
+  MAC6 = 'MAC6',
+  mp1 = 'mp1',
+  mp2 = 'mp2',
+  mp4 = 'mp4',
+  opus = 'opus',
+  ulaw = 'ulaw',
+  wav = 'wav',
+}
+
+export enum AVModeIOSOption {
+  gamechat = 'gamechat',
+  measurement = 'measurement',
+  movieplayback = 'movieplayback',
+  spokenaudio = 'spokenaudio',
+  videochat = 'videochat',
+  videorecording = 'videorecording',
+  voicechat = 'voicechat',
+  voiceprompt = 'voiceprompt',
+}
+
+export type AVModeIOSType =
+  | AVModeIOSOption.gamechat
+  | AVModeIOSOption.measurement
+  | AVModeIOSOption.movieplayback
+  | AVModeIOSOption.spokenaudio
+  | AVModeIOSOption.videochat
+  | AVModeIOSOption.videorecording
+  | AVModeIOSOption.voicechat
+  | AVModeIOSOption.voiceprompt;
+
+export enum AVEncoderAudioQualityIOSType {
+  min = 0,
+  low = 32,
+  medium = 64,
+  high = 96,
+  max = 127,
+}
+
+export enum AVLinearPCMBitDepthKeyIOSType {
+  'bit8' = 8,
+  'bit16' = 16,
+  'bit24' = 24,
+  'bit32' = 32,
+}
+
+export type RecordingOptions = {
+  /**
+   * A boolean that determines whether audio level information will be part of the status object under the "metering" key.
+   */
+  isMeteringEnabled?: boolean;
+};
+
+const verifyAndroidPermissions = async () => {
+  const isRN71orAbove = Platform.constants.reactNativeVersion?.minor >= 71;
+  const isAndroid13orAbove = (Platform.Version as number) >= 33;
+  const shouldCheckForMediaPermissions = isRN71orAbove && isAndroid13orAbove;
+
+  const getCheckPermissionPromise = () => {
+    if (shouldCheckForMediaPermissions) {
+      return Promise.all([
+        PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.RECORD_AUDIO),
+        PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.READ_MEDIA_AUDIO),
+      ]).then(
+        ([hasRecordAudioPermission, hasReadMediaAudioPermission]) =>
+          hasRecordAudioPermission && hasReadMediaAudioPermission,
+      );
+    } else {
+      return Promise.all([
+        PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.RECORD_AUDIO),
+        PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE),
+      ]).then(
+        ([hasRecordAudioPermission, hasReadExternalStorage]) =>
+          hasRecordAudioPermission && hasReadExternalStorage,
+      );
+    }
+  };
+  const hasPermission = await getCheckPermissionPromise();
+  if (!hasPermission) {
+    const getRequestPermissionPromise = () => {
+      if (shouldCheckForMediaPermissions) {
+        return PermissionsAndroid.requestMultiple([
+          PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+          PermissionsAndroid.PERMISSIONS.READ_MEDIA_AUDIO,
+        ]).then(
+          (statuses) =>
+            statuses[PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] ===
+              PermissionsAndroid.RESULTS.GRANTED &&
+            statuses[PermissionsAndroid.PERMISSIONS.READ_MEDIA_AUDIO] ===
+              PermissionsAndroid.RESULTS.GRANTED,
+        );
+      } else {
+        return PermissionsAndroid.requestMultiple([
+          PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+          PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
+        ]).then(
+          (statuses) =>
+            statuses[PermissionsAndroid.PERMISSIONS.RECORD_AUDIO] ===
+              PermissionsAndroid.RESULTS.GRANTED &&
+            statuses[PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE] ===
+              PermissionsAndroid.RESULTS.GRANTED,
+        );
+      }
+    };
+    const granted = await getRequestPermissionPromise();
+    return granted;
+  }
+  return true;
+};
+
+export const Audio = AudioRecorderPackage
+  ? {
+      pausePlayer: async () => {
+        console.log('Pause Player..');
+        await audioRecorderPlayer.pausePlayer();
+      },
+      resumePlayer: async () => {
+        console.log('Resume Player..');
+        await audioRecorderPlayer.resumePlayer();
+      },
+      startPlayer: async (uri, _, onPlaybackStatusUpdate) => {
+        try {
+          console.log('Starting Player..');
+          const playback = await audioRecorderPlayer.startPlayer(uri);
+          console.log({ playback });
+          audioRecorderPlayer.addPlayBackListener((status) => {
+            onPlaybackStatusUpdate(status);
+          });
+        } catch (error) {
+          console.log('Error starting player', error);
+        }
+      },
+      startRecording: async (options: RecordingOptions, onRecordingStatusUpdate) => {
+        console.log('Starting recording..');
+        if (Platform.OS === 'android') {
+          try {
+            await verifyAndroidPermissions();
+          } catch (err) {
+            console.warn('Audio Recording Permissions error', err);
+            return;
+          }
+        }
+        try {
+          const path = Platform.select({
+            android: `${RNFS.CachesDirectoryPath}/sound.aac`,
+            ios: 'sound.aac',
+          });
+          const audioSet = {
+            AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+            AudioSourceAndroid: AudioSourceAndroidType.MIC,
+            AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+            AVFormatIDKeyIOS: AVEncodingOption.aac,
+            AVModeIOS: AVModeIOSOption.measurement,
+            AVNumberOfChannelsKeyIOS: 2,
+            OutputFormatAndroid: OutputFormatAndroidType.AAC_ADTS,
+          };
+          const recording = await audioRecorderPlayer.startRecorder(
+            path,
+            audioSet,
+            options?.isMeteringEnabled,
+          );
+
+          audioRecorderPlayer.addRecordBackListener((status) => {
+            onRecordingStatusUpdate(status);
+          });
+          return { accessGranted: true, recording };
+        } catch (error) {
+          console.error('Failed to start recording', error);
+          return { accessGranted: false, recording: null };
+        }
+      },
+      stopPlayer: async () => {
+        console.log('Stopping player..');
+        await audioRecorderPlayer.stopPlayer();
+        audioRecorderPlayer.removePlayBackListener();
+      },
+      stopRecording: async () => {
+        console.log('Stopping recording..');
+        await audioRecorderPlayer.stopRecorder();
+        audioRecorderPlayer.removeRecordBackListener();
+      },
+    }
+  : null;

package/src/optionalDependencies/index.ts

@@ -1,3 +1,4 @@
+export * from './Audio';
 export * from './shareImage';
 export * from './Video';
 export * from './triggerHaptic';