stream-chat-react-native-core 8.10.1 → 8.11.0-beta.3

package/src/state-store/audio-player.ts

@@ -0,0 +1,372 @@
+import { StateStore } from 'stream-chat';
+
+import { AudioPlayerPool } from './audio-player-pool';
+
+import { AVPlaybackStatusToSet, NativeHandlers, PlaybackStatus, SoundReturnType } from '../native';
+
+export type AudioDescriptor = {
+  id: string;
+  uri: string;
+  duration: number;
+  mimeType: string;
+  type: 'voiceRecording' | 'audio';
+};
+
+export type AudioPlayerState = {
+  isPlaying: boolean;
+  duration: number;
+  position: number;
+  progress: number;
+  currentPlaybackRate: number;
+  playbackRates: number[];
+};
+
+const DEFAULT_PLAYBACK_RATES = [1.0, 1.5, 2.0];
+
+const DEFAULT_PLAYER_SETTINGS = {
+  pitchCorrectionQuality: 'high',
+  progressUpdateIntervalMillis: 100,
+  shouldCorrectPitch: true,
+} as AVPlaybackStatusToSet;
+
+const INITIAL_STATE: AudioPlayerState = {
+  currentPlaybackRate: 1.0,
+  duration: 0,
+  isPlaying: false,
+  playbackRates: DEFAULT_PLAYBACK_RATES,
+  position: 0,
+  progress: 0,
+};
+
+export type AudioPlayerOptions = AudioDescriptor & {
+  playbackRates?: number[];
+  previewVoiceRecording?: boolean;
+};
+
+export class AudioPlayer {
+  state: StateStore<AudioPlayerState>;
+  playerRef: SoundReturnType | null = null;
+  private _id: string;
+  private type: 'voiceRecording' | 'audio';
+  private isExpoCLI: boolean;
+  private _pool: AudioPlayerPool | null = null;
+
+  /**
+   * This is a temporary flag to manage audio player for voice recording in preview as the one in message list uses react-native-video.
+   * We can get rid of this when we migrate to the react-native-nitro-sound everywhere.
+   */
+  private previewVoiceRecording?: boolean;
+
+  constructor(options: AudioPlayerOptions) {
+    this.isExpoCLI = NativeHandlers.SDK === 'stream-chat-expo';
+    this._id = options.id;
+    this.type = options.type;
+    this.previewVoiceRecording = options.previewVoiceRecording ?? false;
+    const playbackRates = options.playbackRates ?? DEFAULT_PLAYBACK_RATES;
+    this.state = new StateStore<AudioPlayerState>({
+      ...INITIAL_STATE,
+      currentPlaybackRate: playbackRates[0],
+      duration: options.duration * 1000,
+      playbackRates,
+    });
+    this.initPlayer({ uri: options.uri });
+  }
+
+  // Initialize the expo player
+  // In the future we will also initialize the native cli player here.
+  initPlayer = async ({ uri, playerRef }: { uri?: string; playerRef?: SoundReturnType }) => {
+    if (playerRef) {
+      this.playerRef = playerRef;
+      return;
+    }
+    if (this.previewVoiceRecording) {
+      if (NativeHandlers.Audio?.startPlayer) {
+        await NativeHandlers.Audio.startPlayer(
+          uri,
+          {},
+          this.onVoiceRecordingPreviewPlaybackStatusUpdate,
+        );
+        if (NativeHandlers.Audio?.pausePlayer) {
+          await NativeHandlers.Audio.pausePlayer();
+        }
+      }
+      return;
+    }
+    if (!this.isExpoCLI || !uri) {
+      return;
+    }
+    if (NativeHandlers.Sound?.initializeSound) {
+      this.playerRef = await NativeHandlers.Sound?.initializeSound(
+        { uri },
+        DEFAULT_PLAYER_SETTINGS,
+        this.onPlaybackStatusUpdate,
+      );
+    }
+  };
+
+  private onVoiceRecordingPreviewPlaybackStatusUpdate = async (playbackStatus: PlaybackStatus) => {
+    const currentProgress = playbackStatus.currentPosition / playbackStatus.duration;
+    if (currentProgress === 1) {
+      await this.stop();
+    } else {
+      this.progress = currentProgress;
+    }
+  };
+
+  // This should be a arrow function to avoid binding the function to the instance
+  private onPlaybackStatusUpdate = async (playbackStatus: PlaybackStatus) => {
+    if (!playbackStatus.isLoaded) {
+      // Update your UI for the unloaded state
+      if (playbackStatus.error) {
+        console.log(`Encountered a fatal error during playback: ${playbackStatus.error}`);
+      }
+    } else {
+      const { durationMillis, positionMillis } = playbackStatus;
+      // Update your UI for the loaded state
+      // This is done for Expo CLI where we don't get file duration from file picker
+
+      if (this.type !== 'voiceRecording') {
+        this.duration = durationMillis;
+      }
+
+      // Update the position of the audio player when it is playing
+      if (playbackStatus.isPlaying) {
+        // The duration given by the expo-av is not same as the one of the voice recording, so we take the actual duration for voice recording.
+        const duration = this.type === 'voiceRecording' ? this.duration : durationMillis;
+        if (positionMillis <= duration) {
+          this.position = positionMillis;
+        }
+      }
+
+      // Update the UI when the audio is finished playing
+      if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {
+        await this.stop();
+      }
+    }
+  };
+
+  // Getters
+  get isPlaying() {
+    return this.state.getLatestValue().isPlaying;
+  }
+
+  get duration() {
+    return this.state.getLatestValue().duration;
+  }
+
+  get position() {
+    return this.state.getLatestValue().position;
+  }
+
+  get progress() {
+    return this.state.getLatestValue().progress;
+  }
+
+  get playbackRates() {
+    return this.state.getLatestValue().playbackRates;
+  }
+
+  get currentPlaybackRate() {
+    return this.state.getLatestValue().currentPlaybackRate;
+  }
+
+  get id() {
+    return this._id;
+  }
+
+  // Setters
+  set pool(pool: AudioPlayerPool) {
+    this._pool = pool;
+  }
+
+  set duration(duration: number) {
+    this.state.partialNext({
+      duration,
+    });
+  }
+
+  set position(position: number) {
+    this.state.partialNext({
+      position,
+      progress: position / this.duration,
+    });
+  }
+
+  set progress(progress: number) {
+    this.state.partialNext({
+      position: progress * this.duration,
+      progress,
+    });
+  }
+
+  set isPlaying(isPlaying: boolean) {
+    this.state.partialNext({
+      isPlaying,
+    });
+  }
+
+  // Methods
+  async changePlaybackRate() {
+    let currentPlaybackRateIndex = this.state
+      .getLatestValue()
+      .playbackRates.indexOf(this.currentPlaybackRate);
+    if (currentPlaybackRateIndex === -1) {
+      currentPlaybackRateIndex = 0;
+    }
+    const nextPlayBackIndex =
+      currentPlaybackRateIndex === this.playbackRates.length - 1 ? 0 : currentPlaybackRateIndex + 1;
+    const nextPlaybackRate = this.playbackRates[nextPlayBackIndex];
+    this.state.partialNext({
+      currentPlaybackRate: nextPlaybackRate,
+    });
+    if (!this.playerRef) {
+      return;
+    }
+    if (this.playerRef?.setRateAsync) {
+      await this.playerRef.setRateAsync(nextPlaybackRate, true, 'high');
+    }
+  }
+
+  play() {
+    if (this.isPlaying) {
+      return;
+    }
+
+    if (this._pool) {
+      this._pool.requestPlay(this.id);
+    }
+
+    if (this.previewVoiceRecording) {
+      if (NativeHandlers.Audio?.resumePlayer) {
+        NativeHandlers.Audio.resumePlayer();
+      }
+      this.state.partialNext({
+        isPlaying: true,
+      });
+      return;
+    }
+
+    if (!this.playerRef) {
+      return;
+    }
+
+    if (this.isExpoCLI) {
+      if (this.playerRef?.playAsync) {
+        this.playerRef.playAsync();
+      }
+    } else {
+      if (this.playerRef?.resume) {
+        this.playerRef.resume();
+      }
+    }
+    this.state.partialNext({
+      isPlaying: true,
+    });
+  }
+
+  pause() {
+    if (!this.isPlaying) {
+      return;
+    }
+    if (this.previewVoiceRecording) {
+      if (NativeHandlers.Audio?.pausePlayer) {
+        NativeHandlers.Audio.pausePlayer();
+      }
+      this.state.partialNext({
+        isPlaying: false,
+      });
+      return;
+    }
+
+    if (!this.playerRef) {
+      return;
+    }
+
+    if (this.isExpoCLI) {
+      if (this.playerRef?.pauseAsync) {
+        this.playerRef.pauseAsync();
+      }
+    } else {
+      if (this.playerRef?.pause) {
+        this.playerRef.pause();
+      }
+    }
+    this.state.partialNext({
+      isPlaying: false,
+    });
+
+    if (this._pool) {
+      this._pool.notifyPaused();
+    }
+  }
+
+  toggle() {
+    if (this.isPlaying) {
+      this.pause();
+    } else {
+      this.play();
+    }
+  }
+
+  async seek(positionInSeconds: number) {
+    if (this.previewVoiceRecording) {
+      this.position = positionInSeconds;
+      if (NativeHandlers.Audio?.seekToPlayer) {
+        NativeHandlers.Audio.seekToPlayer(positionInSeconds * 1000);
+      }
+      return;
+    }
+    if (!this.playerRef) {
+      return;
+    }
+    this.position = positionInSeconds;
+    if (this.isExpoCLI) {
+      if (positionInSeconds === 0) {
+        // If currentTime is 0, we should replay the video from 0th position.
+        if (this.playerRef?.replayAsync) {
+          await this.playerRef.replayAsync({});
+        }
+      } else {
+        if (this.playerRef?.setPositionAsync) {
+          await this.playerRef.setPositionAsync(positionInSeconds);
+        }
+      }
+    } else {
+      if (this.playerRef?.seek) {
+        this.playerRef.seek(positionInSeconds);
+      }
+    }
+  }
+
+  async stop() {
+    // First seek to 0 to stop the audio and then pause it
+    await this.seek(0);
+    this.pause();
+  }
+
+  onRemove() {
+    if (this.previewVoiceRecording) {
+      if (NativeHandlers.Audio?.stopPlayer) {
+        NativeHandlers.Audio.stopPlayer();
+      }
+      this.state.partialNext({
+        ...INITIAL_STATE,
+        currentPlaybackRate: this.playbackRates[0],
+        playbackRates: DEFAULT_PLAYBACK_RATES,
+      });
+      return;
+    }
+    if (this.isExpoCLI) {
+      if (this.playerRef?.stopAsync && this.playerRef.unloadAsync) {
+        this.playerRef.stopAsync();
+        this.playerRef.unloadAsync();
+      }
+    }
+    this.playerRef = null;
+    this.state.partialNext({
+      ...INITIAL_STATE,
+      currentPlaybackRate: this.playbackRates[0],
+      playbackRates: DEFAULT_PLAYBACK_RATES,
+    });
+  }
+}

package/src/state-store/index.ts

@@ -0,0 +1,3 @@
+export * from './audio-player';
+export * from './in-app-notifications-store';
+export * from './audio-player-pool';

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "8.10.1"
+  "version": "8.11.0-beta.3"
 }

package/lib/commonjs/store/in-app-notifications-store.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_streamChat","require","INITIAL_STATE","notifications","inAppNotificationsStore","exports","StateStore","openInAppNotification","notification","id","console","warn","_inAppNotificationsSt","getLatestValue","some","n","partialNext","concat","_toConsumableArray2","default","closeInAppNotification","_inAppNotificationsSt2","filter"],"sourceRoot":"../../../src","sources":["store/in-app-notifications-store.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAMC,aAAsC,GAAG;EAC7CC,aAAa,EAAE;AACjB,CAAC;AAEM,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAIE,sBAAU,CAA0BJ,aAAa,CAAC;AAEtF,IAAMK,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIC,YAA0B,EAAK;EACnE,IAAI,CAACA,YAAY,CAACC,EAAE,EAAE;IACpBC,OAAO,CAACC,IAAI,CAAC,4CAA4C,CAAC;IAC1D;EACF;EACA,IAAAC,qBAAA,GAA0BR,uBAAuB,CAACS,cAAc,CAAC,CAAC;IAA1DV,aAAa,GAAAS,qBAAA,CAAbT,aAAa;EAGrB,IAAIA,aAAa,CAACW,IAAI,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACN,EAAE,KAAKD,YAAY,CAACC,EAAE;EAAA,EAAC,EAAE;IACvDC,OAAO,CAACC,IAAI,CAAC,+CAA+C,CAAC;IAC7D;EACF;EAEAP,uBAAuB,CAACY,WAAW,CAAC;IAClCb,aAAa,KAAAc,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAMhB,aAAa,IAAEK,YAAY;EAChD,CAAC,CAAC;AACJ,CAAC;AAEM,IAAMY,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIX,EAAU,EAAK;EACpD,IAAI,CAACA,EAAE,EAAE;IACPC,OAAO,CAACC,IAAI,CAAC,2CAA2C,CAAC;IACzD;EACF;EACA,IAAAU,sBAAA,GAA0BjB,uBAAuB,CAACS,cAAc,CAAC,CAAC;IAA1DV,aAAa,GAAAkB,sBAAA,CAAblB,aAAa;EACrBC,uBAAuB,CAACY,WAAW,CAAC;IAClCb,aAAa,EAAEA,aAAa,CAACmB,MAAM,CAAC,UAACd,YAAY;MAAA,OAAKA,YAAY,CAACC,EAAE,KAAKA,EAAE;IAAA;EAC9E,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/commonjs/store/index.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _inAppNotificationsStore = require("./in-app-notifications-store");
-Object.keys(_inAppNotificationsStore).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _inAppNotificationsStore[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _inAppNotificationsStore[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/store/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_inAppNotificationsStore","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["store/index.ts"],"mappings":";;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,wBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/store/in-app-notifications-store.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_streamChat","require","INITIAL_STATE","notifications","inAppNotificationsStore","exports","StateStore","openInAppNotification","notification","id","console","warn","_inAppNotificationsSt","getLatestValue","some","n","partialNext","concat","_toConsumableArray2","default","closeInAppNotification","_inAppNotificationsSt2","filter"],"sourceRoot":"../../../src","sources":["store/in-app-notifications-store.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAMC,aAAsC,GAAG;EAC7CC,aAAa,EAAE;AACjB,CAAC;AAEM,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAIE,sBAAU,CAA0BJ,aAAa,CAAC;AAEtF,IAAMK,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIC,YAA0B,EAAK;EACnE,IAAI,CAACA,YAAY,CAACC,EAAE,EAAE;IACpBC,OAAO,CAACC,IAAI,CAAC,4CAA4C,CAAC;IAC1D;EACF;EACA,IAAAC,qBAAA,GAA0BR,uBAAuB,CAACS,cAAc,CAAC,CAAC;IAA1DV,aAAa,GAAAS,qBAAA,CAAbT,aAAa;EAGrB,IAAIA,aAAa,CAACW,IAAI,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACN,EAAE,KAAKD,YAAY,CAACC,EAAE;EAAA,EAAC,EAAE;IACvDC,OAAO,CAACC,IAAI,CAAC,+CAA+C,CAAC;IAC7D;EACF;EAEAP,uBAAuB,CAACY,WAAW,CAAC;IAClCb,aAAa,KAAAc,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAMhB,aAAa,IAAEK,YAAY;EAChD,CAAC,CAAC;AACJ,CAAC;AAEM,IAAMY,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIX,EAAU,EAAK;EACpD,IAAI,CAACA,EAAE,EAAE;IACPC,OAAO,CAACC,IAAI,CAAC,2CAA2C,CAAC;IACzD;EACF;EACA,IAAAU,sBAAA,GAA0BjB,uBAAuB,CAACS,cAAc,CAAC,CAAC;IAA1DV,aAAa,GAAAkB,sBAAA,CAAblB,aAAa;EACrBC,uBAAuB,CAACY,WAAW,CAAC;IAClCb,aAAa,EAAEA,aAAa,CAACmB,MAAM,CAAC,UAACd,YAAY;MAAA,OAAKA,YAAY,CAACC,EAAE,KAAKA,EAAE;IAAA;EAC9E,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/store/index.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _inAppNotificationsStore = require("./in-app-notifications-store");
-Object.keys(_inAppNotificationsStore).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _inAppNotificationsStore[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _inAppNotificationsStore[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/module/store/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_inAppNotificationsStore","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["store/index.ts"],"mappings":";;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,wBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/typescript/store/in-app-notifications-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"in-app-notifications-store.d.ts","sourceRoot":"","sources":["../../../src/store/in-app-notifications-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GAAG;IACpC,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AAMF,eAAO,MAAM,uBAAuB,qCAAyD,CAAC;AAE9F,eAAO,MAAM,qBAAqB,GAAI,cAAc,YAAY,SAgB/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,IAAI,MAAM,SAShD,CAAC"}

package/lib/typescript/store/index.d.ts

@@ -1,2 +0,0 @@
-export * from './in-app-notifications-store';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/store/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/src/store/index.ts

@@ -1 +0,0 @@
-export * from './in-app-notifications-store';