@100mslive/react-native-hms 1.7.0 → 1.7.1

package/lib/typescript/classes/HMSRemoteVideoTrack.d.ts

@@ -2,6 +2,7 @@ import { HMSVideoTrack } from './HMSVideoTrack';
 import type { HMSTrackType } from './HMSTrackType';
 import type { HMSLayer } from './HMSLayer';
 import type { HMSSimulcastLayerDefinition } from './HMSSimulcastLayerDefinition';
+import type { HMSTrackSource } from './HMSTrackSource';
 export declare class HMSRemoteVideoTrack extends HMSVideoTrack {
     /**
      * Switches Video of remote user on/off depending upon the value of playbackAllowed
@@ -16,7 +17,7 @@ export declare class HMSRemoteVideoTrack extends HMSVideoTrack {
     setLayer(layer: HMSLayer): Promise<any>;
     constructor(params: {
         trackId: string;
-        source?: number | string;
+        source?: HMSTrackSource;
         trackDescription?: string;
         isMute?: boolean;
         playbackAllowed?: boolean;

package/lib/typescript/classes/HMSRoom.d.ts

@@ -19,6 +19,6 @@ export declare class HMSRoom {
     get serverRecordingState(): HMSServerRecordingState;
     get hlsStreamingState(): HMSHLSStreamingState;
     get hlsRecordingState(): HMSHLSRecordingState | undefined;
-    get peerCount(): number;
+    get peerCount(): number | null;
     get localPeer(): HMSLocalPeer;
 }

package/lib/typescript/classes/HMSSDK.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HMSTrackType } from './HMSTrackType';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
-import { HmsComponentProps } from './HmsView';
+import type { HmsComponentProps } from './HmsView';
 import type { HMSConfig } from './HMSConfig';
 import type { HMSLocalPeer } from './HMSLocalPeer';
 import type { HMSRemotePeer } from './HMSRemotePeer';
@@ -75,6 +75,7 @@ export declare class HMSSDK {
         appGroup?: String;
         preferredExtension?: String;
         logSettings?: HMSLogSettings;
+        isPrebuilt?: boolean;
     }): Promise<HMSSDK>;
     /**
      * - Calls removeListeners that in turn breaks all connections with native listeners.

package/lib/typescript/classes/HMSTrack.d.ts

@@ -1,7 +1,8 @@
+import type { HMSTrackSource } from './HMSTrackSource';
 import type { HMSTrackType } from './HMSTrackType';
 export declare class HMSTrack {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     mute?: boolean;
     id: string;
@@ -9,7 +10,7 @@ export declare class HMSTrack {
     isMute: () => boolean | undefined;
     constructor(params: {
         trackId: string;
-        source?: number | string;
+        source?: HMSTrackSource;
         trackDescription?: string;
         isMute?: boolean;
         id: string;

package/lib/typescript/classes/HMSVideoTrack.d.ts

@@ -1,10 +1,11 @@
 import { HMSTrack } from './HMSTrack';
+import type { HMSTrackSource } from './HMSTrackSource';
 import type { HMSTrackType } from './HMSTrackType';
 export declare class HMSVideoTrack extends HMSTrack {
     isDegraded?: boolean;
     constructor(params: {
         trackId: string;
-        source?: number | string;
+        source?: HMSTrackSource;
         trackDescription?: string;
         isMute?: boolean;
         id: string;

package/lib/typescript/classes/HmsView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 export interface HmsComponentProps {
     trackId: string;

package/lib/typescript/components/HMSHLSPlayer/RCTHMSHLSPlayer.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, NativeSyntheticEvent, ViewStyle, NativeMethods } from 'react-native';
+import type { StyleProp, NativeSyntheticEvent, ViewStyle, NativeMethods } from 'react-native';
 import type { HMSHLSPlayerPlaybackEvent, HMSHLSPlayerStatsEvent } from '../../types';
 export type HmsHlsPlaybackEventHandler = (event: NativeSyntheticEvent<HMSHLSPlayerPlaybackEvent>) => void;
 export type HmsHlsStatsEventHandler = (event: NativeSyntheticEvent<HMSHLSPlayerStatsEvent>) => void;

package/lib/typescript/components/HMSHLSPlayer/hooks.d.ts

@@ -1,4 +1,4 @@
-import { DependencyList } from 'react';
+import type { DependencyList } from 'react';
 import type { HMSHLSPlayerStatsUpdateEventData } from '../../types';
 import type { HMSHLSPlayerCue, HMSHLSPlayerPlaybackError, HMSHLSPlayerStatsError } from '../../stores/types';
 export declare const useHMSHLSPlayerPlaybackState: () => import("../../types").HMSHLSPlayerPlaybackState;

package/lib/typescript/hooks/useHMSPeerUpdates.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { HMSPeer } from '../classes/HMSPeer';
+import { HMSPeerUpdate } from '../classes/HMSPeerUpdate';
+export declare const useHMSPeerUpdates: (effect: (data: {
+    peer: HMSPeer;
+    type: HMSPeerUpdate;
+}) => void, deps?: React.DependencyList | undefined) => void;

package/lib/typescript/index.d.ts

@@ -84,7 +84,9 @@ export * from './classes/HMSIOSAudioMode';
 export type { HMSSessionStore, HMSSessionStoreValue, } from './classes/HMSSessionStore';
 export type { HmsViewComponent as HMSView } from './classes/HmsView';
 import { HMSSDK as HmsManager } from './classes/HMSSDK';
+export { default as HMSManagerModule } from './classes/HMSManagerModule';
 export * from './components/HMSHLSPlayer';
+export * from './hooks/useHMSPeerUpdates';
 export * from './types';
 export * from './stores/types';
 export default HmsManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-hms",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "Integrate Real Time Audio and Video conferencing, Interactive Live Streaming, and Chat in your apps with 100ms React Native SDK. With support for HLS and RTMP Live Streaming and Recording, Picture-in-Picture (PiP), one-to-one Video Call Modes, Audio Rooms, Video Player and much more, add immersive real-time communications to your apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/sdk-versions.json

@@ -1,6 +1,6 @@
 {
-  "ios": "0.9.5",
+  "ios": "0.9.9",
   "iOSBroadcastExtension": "0.0.9",
   "iOSHMSHLSPlayer": "0.0.2",
-  "android": "2.6.7"
+  "android": "2.7.3"
 }

package/src/classes/HMSAudioTrack.ts

@@ -1,10 +1,11 @@
 import { HMSTrack } from './HMSTrack';
+import type { HMSTrackSource } from './HMSTrackSource';
 import type { HMSTrackType } from './HMSTrackType';
 
 export class HMSAudioTrack extends HMSTrack {
   constructor(params?: {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     id: string;

package/src/classes/HMSBrowserRecordingState.ts

@@ -1,17 +1,20 @@
 import type { HMSException } from './HMSException';
 
 export class HMSBrowserRecordingState {
+  initialising: boolean;
   running: boolean;
   error?: HMSException;
   startedAt?: Date;
   stoppedAt?: Date;
 
   constructor(params: {
+    initialising: boolean;
     running: boolean;
     error?: HMSException;
     startedAt?: Date;
     stoppedAt?: Date;
   }) {
+    this.initialising = params.initialising;
     this.running = params.running;
     this.error = params.error;
     this.startedAt = params.startedAt;

package/src/classes/HMSCameraControl.ts

@@ -1,7 +1,6 @@
-import { NativeModules } from 'react-native';
 import { HMSConstants } from './HMSConstants';
 
-const { HMSManager } = NativeModules;
+import HMSManager from './HMSManagerModule';
 
 export class HMSCameraControl {
   /**

package/src/classes/HMSEncoder.ts

@@ -1,4 +1,4 @@
-import { NativeModules } from 'react-native';
+import HMSManager from './HMSManagerModule';
 
 import { HMSTrack } from './HMSTrack';
 import { HMSAudioTrack } from './HMSAudioTrack';
@@ -40,8 +40,6 @@ import { HMSLayer } from './HMSLayer';
 import { HMSSimulcastLayerDefinition } from './HMSSimulcastLayerDefinition';
 import { HMSQualityLimitationReasons } from './HMSQualityLimitationReasons';
 
-const { HMSManager } = NativeModules;
-
 interface InitialData {
   roles: Record<string, HMSRole>;
 }
@@ -335,7 +333,7 @@ export class HMSEncoder {
     return encodedRoles;
   }
 
-  static encodeHmsRole(role: any) {
+  static encodeHmsRole(role: any): HMSRole {
     if (!role) {
       return new HMSRole(role);
     }
@@ -362,7 +360,7 @@ export class HMSEncoder {
       }
     }
 
-    return rolesCache[role.name];
+    return rolesCache[role.name]!;
   }
 
   static encodeHmsRoleChangeRequest(data: any) {
@@ -438,6 +436,7 @@ export class HMSEncoder {
 
   static encodeBrowserRecordingState(data: any) {
     return new HMSBrowserRecordingState({
+      initialising: data?.initialising || false,
       running: data?.running || false,
       startedAt: HMSEncoder.encodeDate(data?.startedAt),
       stoppedAt: HMSEncoder.encodeDate(data?.stoppedAt),

package/src/classes/HMSEventEmitter.ts

@@ -0,0 +1,3 @@
+import { EventEmitter } from '../utils';
+
+export const HMSEventEmitter = new EventEmitter();

package/src/classes/HMSLocalAudioTrack.ts

@@ -3,6 +3,7 @@ import { HMSAudioTrack } from './HMSAudioTrack';
 import { getLogger } from './HMSLogger';
 import type { HMSAudioTrackSettings } from './HMSAudioTrackSettings';
 import type { HMSTrackType } from './HMSTrackType';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 const {
   /**
@@ -55,7 +56,7 @@ export class HMSLocalAudioTrack extends HMSAudioTrack {
   constructor(params: {
     id: string;
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     settings?: HMSAudioTrackSettings;

package/src/classes/HMSLocalPeer.ts

@@ -4,6 +4,7 @@ import type { HMSAudioTrackSettings } from './HMSAudioTrackSettings';
 import { HMSLocalAudioTrack } from './HMSLocalAudioTrack';
 import { HMSLocalVideoTrack } from './HMSLocalVideoTrack';
 import type { HMSTrackType } from './HMSTrackType';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 export class HMSLocalPeer extends HMSPeer {
   private localAudio?: HMSLocalAudioTrack;
@@ -21,7 +22,7 @@ export class HMSLocalPeer extends HMSPeer {
     localAudioTrackData?: {
       id: string;
       trackId: string;
-      source?: number | string;
+      source?: HMSTrackSource;
       trackDescription?: string;
       isMute?: boolean;
       settings?: HMSAudioTrackSettings;
@@ -30,7 +31,7 @@ export class HMSLocalPeer extends HMSPeer {
     localVideoTrackData?: {
       id: string;
       trackId: string;
-      source?: number | string;
+      source?: HMSTrackSource;
       trackDescription?: string;
       isMute?: boolean;
       settings?: HMSVideoTrackSettings;

package/src/classes/HMSLocalVideoTrack.ts

@@ -3,6 +3,7 @@ import { HMSVideoTrack } from './HMSVideoTrack';
 import { getLogger } from './HMSLogger';
 import type { HMSVideoTrackSettings } from './HMSVideoTrackSettings';
 import type { HMSTrackType } from './HMSTrackType';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 const {
   /**
@@ -51,7 +52,7 @@ export class HMSLocalVideoTrack extends HMSVideoTrack {
   constructor(params: {
     id: string;
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     settings?: HMSVideoTrackSettings;

package/src/classes/HMSManagerModule.ts

@@ -0,0 +1,18 @@
+import { NativeModules } from 'react-native';
+
+const { HMSManager } = NativeModules;
+
+if (HMSManager == null) {
+  console.error(
+    `[@100mslive/react-native-hms] react-native-hms module was not found. Make sure you're running your app on the native platform and your code is linked properly (cd ios && pod install && cd ..).
+
+    For installation instructions, please refer to https://www.100ms.live/docs/react-native/v2/how-to-guides/install-the-sdk/integration`
+      .split('\n')
+      .map((line) => line.trim())
+      .join('\n')
+  );
+}
+
+export type HMSManagerProps = any;
+
+export default HMSManager as HMSManagerProps;

package/src/classes/HMSNativeEventEmitter.ts

@@ -1,4 +1,5 @@
-import { EventSubscription, NativeEventEmitter } from 'react-native';
+import { NativeEventEmitter } from 'react-native';
+import type { EventSubscription } from 'react-native';
 import { logger } from './HMSLogger';
 
 export type HMSEventSubscription = {

package/src/classes/HMSNativeEventListener.ts

@@ -0,0 +1,8 @@
+import HMSManager from './HMSManagerModule';
+import { HMSNativeEventEmitter } from './HMSNativeEventEmitter';
+
+export type { HMSEventSubscription as HMSNativeEventSubscription } from './HMSNativeEventEmitter';
+
+const HMSNativeEventListener = new HMSNativeEventEmitter(HMSManager);
+
+export default HMSNativeEventListener;

package/src/classes/HMSPeersCache.ts

@@ -1,4 +1,5 @@
-import { NativeModules } from 'react-native';
+import HMSManager from './HMSManagerModule';
+
 import { HMSEncoder } from './HMSEncoder';
 import { HMSPeerUpdate } from './HMSPeerUpdate';
 import { HMSTrackUpdate } from './HMSTrackUpdate';
@@ -10,8 +11,6 @@ import type { HMSRole } from './HMSRole';
 import type { HMSAudioTrack } from './HMSAudioTrack';
 import type { HMSVideoTrack } from './HMSVideoTrack';
 
-const { HMSManager } = NativeModules;
-
 export let hmsPeersCache: HMSPeersCache | undefined;
 
 export const getHmsPeersCache = () => {

package/src/classes/HMSRemoteAudioTrack.ts

@@ -2,6 +2,7 @@ import { NativeModules } from 'react-native';
 import { getLogger } from './HMSLogger';
 import type { HMSTrackType } from './HMSTrackType';
 import { HMSAudioTrack } from './HMSAudioTrack';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 const {
   /**
@@ -54,7 +55,7 @@ export class HMSRemoteAudioTrack extends HMSAudioTrack {
 
   constructor(params: {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     isMute?: boolean;
     trackDescription?: string;
     playbackAllowed?: boolean;

package/src/classes/HMSRemotePeer.ts

@@ -1,6 +1,7 @@
 import { HMSPeer } from './HMSPeer';
 import { HMSRemoteAudioTrack } from './HMSRemoteAudioTrack';
 import { HMSRemoteVideoTrack } from './HMSRemoteVideoTrack';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 export class HMSRemotePeer extends HMSPeer {
   private remoteAudio?: HMSRemoteAudioTrack;
@@ -18,7 +19,7 @@ export class HMSRemotePeer extends HMSPeer {
     peerID: string;
     remoteAudioTrackData?: {
       trackId: string;
-      source?: number | string;
+      source?: HMSTrackSource;
       isMute?: boolean;
       trackDescription?: string;
       playbackAllowed?: boolean;
@@ -26,7 +27,7 @@ export class HMSRemotePeer extends HMSPeer {
     };
     remoteVideoTrackData?: {
       trackId: string;
-      source?: number | string;
+      source?: HMSTrackSource;
       trackDescription?: string;
       isMute?: boolean;
       playbackAllowed?: boolean;

package/src/classes/HMSRemoteVideoTrack.ts

@@ -5,6 +5,7 @@ import type { HMSTrackType } from './HMSTrackType';
 import type { HMSLayer } from './HMSLayer';
 import type { HMSSimulcastLayerDefinition } from './HMSSimulcastLayerDefinition';
 import { HMSEncoder } from './HMSEncoder';
+import type { HMSTrackSource } from './HMSTrackSource';
 
 const {
   /**
@@ -105,7 +106,7 @@ export class HMSRemoteVideoTrack extends HMSVideoTrack {
 
   constructor(params: {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     playbackAllowed?: boolean;

package/src/classes/HMSRoom.ts

@@ -128,7 +128,7 @@ export class HMSRoom {
     );
   }
 
-  get peerCount(): number {
+  get peerCount(): number | null {
     const hmsRoomCache = getHmsRoomCache();
 
     if (hmsRoomCache) {

package/src/classes/HMSRoomCache.ts

@@ -1,10 +1,9 @@
-import { NativeModules } from 'react-native';
+import HMSManager from './HMSManagerModule';
+
 import type { HMSRoom } from './HMSRoom';
 import { HMSEncoder } from './HMSEncoder';
 import { HMSRoomUpdate } from './HMSRoomUpdate';
 
-const { HMSManager } = NativeModules;
-
 export let hmsRoomCache: HMSRoomCache | undefined;
 
 export const getHmsRoomCache = () => hmsRoomCache;
@@ -93,6 +92,13 @@ export class HMSRoomCache {
         );
         break;
       }
+      case HMSRoomUpdate.ROOM_PEER_COUNT_UPDATED: {
+        this._data.set(
+          'peerCount',
+          encodeHMSRoomProperty(this.id, 'peerCount', data)
+        );
+        break;
+      }
       default: {
         for (const key in data) {
           const property = key as keyof HMSRoomCacheProps;
@@ -149,6 +155,8 @@ function encodeHMSRoomProperty<T extends keyof HMSRoomCacheProps>(
     value = HMSEncoder.encodeHLSRecordingState(data.hlsRecordingState);
   } else if (property === 'localPeer') {
     value = HMSEncoder.encodeHmsLocalPeer(data.localPeer, id);
+  } else if (property === 'peerCount') {
+    value = typeof data[property] === 'number' ? data[property] : null;
   } else {
     value = data[property];
   }