@100mslive/react-native-hms 1.2.0 → 1.4.0

package/src/classes/HMSRoomCache.ts

@@ -0,0 +1,157 @@
+import { NativeModules } from 'react-native';
+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;
+
+export const setHmsRoomCache = (_hmsRoomCache: HMSRoomCache) => {
+  hmsRoomCache = _hmsRoomCache;
+};
+
+export const clearHmsRoomCache = () => {
+  if (hmsRoomCache) {
+    hmsRoomCache.cleanup();
+  }
+  hmsRoomCache = undefined;
+};
+
+export type HMSRoomCacheProps = Partial<Omit<HMSRoom, 'id'>>;
+
+export class HMSRoomCache {
+  private _data = new Map<
+    keyof HMSRoomCacheProps,
+    HMSRoomCacheProps[keyof HMSRoomCacheProps]
+  >();
+  private id: string;
+
+  constructor(id: string) {
+    this.id = id;
+  }
+
+  getProperty<T extends keyof Required<HMSRoomCacheProps>>(
+    property: T
+  ): Required<HMSRoomCacheProps>[T] {
+    const value: any = this._data.get(property);
+
+    if (value) {
+      return value;
+    }
+
+    const encodedValue = getHMSRoomPropertyFromNative(this.id, property);
+
+    this._data.set(property, encodedValue);
+
+    return encodedValue;
+  }
+
+  updateRoomCache(
+    data: Record<keyof HMSRoomCacheProps, any>,
+    updateType?: HMSRoomUpdate
+  ) {
+    switch (updateType) {
+      case HMSRoomUpdate.ROOM_MUTED:
+      case HMSRoomUpdate.ROOM_UNMUTED: {
+        break;
+      }
+      case HMSRoomUpdate.SERVER_RECORDING_STATE_UPDATED: {
+        this._data.set(
+          'serverRecordingState',
+          HMSEncoder.encodeServerRecordingState(data.serverRecordingState)
+        );
+        break;
+      }
+      case HMSRoomUpdate.RTMP_STREAMING_STATE_UPDATED: {
+        this._data.set(
+          'rtmpHMSRtmpStreamingState',
+          HMSEncoder.encodeRTMPStreamingState(data.rtmpHMSRtmpStreamingState)
+        );
+        break;
+      }
+      case HMSRoomUpdate.BROWSER_RECORDING_STATE_UPDATED: {
+        this._data.set(
+          'browserRecordingState',
+          HMSEncoder.encodeBrowserRecordingState(data.browserRecordingState)
+        );
+        break;
+      }
+      case HMSRoomUpdate.HLS_STREAMING_STATE_UPDATED: {
+        this._data.set(
+          'hlsStreamingState',
+          HMSEncoder.encodeHLSStreamingState(data.hlsStreamingState)
+        );
+        break;
+      }
+      case HMSRoomUpdate.HLS_RECORDING_STATE_UPDATED: {
+        this._data.set(
+          'hlsRecordingState',
+          HMSEncoder.encodeHLSRecordingState(data.hlsRecordingState)
+        );
+        break;
+      }
+      default: {
+        for (const key in data) {
+          const property = key as keyof HMSRoomCacheProps;
+
+          if (Object.prototype.hasOwnProperty.call(data, property)) {
+            const value = encodeHMSRoomProperty(this.id, property, data);
+            this._data.set(property, value);
+          }
+        }
+        break;
+      }
+    }
+  }
+
+  cleanup() {
+    this._data.clear();
+  }
+}
+
+export function getHMSRoomPropertyFromNative<T extends keyof HMSRoomCacheProps>(
+  id: string,
+  property: T
+): Required<HMSRoomCacheProps>[T] {
+  const data: any = HMSManager.getRoomProperty({
+    id,
+    property,
+  });
+
+  if (!data) return data;
+
+  const value = encodeHMSRoomProperty(id, property, data);
+
+  return value;
+}
+
+function encodeHMSRoomProperty<T extends keyof HMSRoomCacheProps>(
+  id: string,
+  property: T,
+  data: Record<string, any>
+): Required<HMSRoomCacheProps>[T] {
+  let value;
+
+  if (property === 'peers') {
+    value = HMSEncoder.encodeHmsPeers(data.peers);
+  } else if (property === 'browserRecordingState') {
+    value = HMSEncoder.encodeBrowserRecordingState(data.browserRecordingState);
+  } else if (property === 'rtmpHMSRtmpStreamingState') {
+    value = HMSEncoder.encodeRTMPStreamingState(data.rtmpHMSRtmpStreamingState);
+  } else if (property === 'serverRecordingState') {
+    value = HMSEncoder.encodeServerRecordingState(data.serverRecordingState);
+  } else if (property === 'hlsStreamingState') {
+    value = HMSEncoder.encodeHLSStreamingState(data.hlsStreamingState);
+  } else if (property === 'hlsRecordingState') {
+    value = HMSEncoder.encodeHLSRecordingState(data.hlsRecordingState);
+  } else if (property === 'localPeer') {
+    value = HMSEncoder.encodeHmsLocalPeer(data.localPeer, id);
+  } else {
+    value = data[property];
+  }
+
+  return value;
+}

package/src/classes/HMSSDK.tsx

@@ -1,10 +1,5 @@
 import React from 'react';
-import {
-  AppState,
-  NativeModules,
-  Platform,
-  ViewStyle,
-} from 'react-native';
+import { AppState, NativeModules, Platform, ViewStyle } from 'react-native';
 import { HMSEncoder } from './HMSEncoder';
 import { HMSHelper } from './HMSHelper';
 import { HMSLocalAudioStats } from './HMSLocalAudioStats';
@@ -34,7 +29,23 @@ import type { HMSAudioMixingMode } from './HMSAudioMixingMode';
 import type { HMSLogSettings } from './HMSLogSettings';
 import { HMSMessageType } from './HMSMessageType';
 import { HMSPIPListenerActions } from './HMSPIPListenerActions';
-import { type HMSEventSubscription, HMSNativeEventEmitter } from './HMSNativeEventEmitter';
+import {
+  type HMSEventSubscription,
+  HMSNativeEventEmitter,
+} from './HMSNativeEventEmitter';
+import {
+  clearHmsPeersCache,
+  getHmsPeersCache,
+  HMSPeersCache,
+  setHmsPeersCache,
+} from './HMSPeersCache';
+import {
+  clearHmsRoomCache,
+  getHmsRoomCache,
+  HMSRoomCache,
+  setHmsRoomCache,
+} from './HMSRoomCache';
+import { HMSPeerUpdateOrdinals } from './HMSPeerUpdate';
 
 interface HmsViewProps {
   trackId: string;
@@ -68,7 +79,6 @@ export class HMSSDK {
   id: string;
   private muteStatus: boolean | undefined;
   private appStateSubscription?: any;
-
   private onPreviewDelegate?: any;
   private onJoinDelegate?: any;
   private onRoomDelegate?: any;
@@ -140,24 +150,6 @@ export class HMSSDK {
     return HmsSdk;
   }
 
-  /**
-   * - Returns the instance of logger which can be used to manipulate log levels.
-   * @returns @instance HMSLogger
-   * @memberof HMSSDK
-   */
-  static getLogger() {
-    return getLogger();
-  }
-
-  /**
-   * - Updates the logger for this instance of HMSSDK
-   * @param {HMSLogger} hmsLogger
-   * @memberof HMSSDK
-   */
-  setLogger = (hmsLogger?: HMSLogger) => {
-    setLogger(this.id, hmsLogger);
-  };
-
   /**
    * - Calls removeListeners that in turn breaks all connections with native listeners.
    *
@@ -165,10 +157,39 @@ export class HMSSDK {
    */
   destroy = async () => {
     logger?.verbose('#Function destroy', { id: this.id });
+    clearHmsPeersCache();
+    clearHmsRoomCache();
     this.removeAllListeners();
     return await HMSManager.destroy({ id: this.id });
   };
 
+  /**
+   * - getAuthTokenByRoomCode function is used to get the Auth Token by Room Code
+   *
+   * checkout {@link https://www.100ms.live/docs/concepts/v2/concepts/rooms/room-codes/room-codes} for more info
+   *
+   * @memberof HMSSDK
+   */
+  getAuthTokenByRoomCode = async (
+    roomCode: string,
+    userId?: string,
+    endpoint?: string
+  ): Promise<string> => {
+    logger?.verbose('#Function getAuthTokenByRoomCode', {
+      id: this.id,
+      roomCode,
+      userId,
+      endpoint,
+    });
+
+    return HMSManager.getAuthTokenByRoomCode({
+      id: this.id,
+      roomCode,
+      userId,
+      endpoint,
+    });
+  };
+
   /**
    * takes an instance of [HMSConfig]{@link HMSConfig} and joins the room.
    * after joining the room user will start receiving the events and updates of the room.
@@ -181,6 +202,8 @@ export class HMSSDK {
   join = async (config: HMSConfig) => {
     logger?.verbose('#Function join', { config, id: this.id });
     this.addAppStateListener();
+    setHmsPeersCache(new HMSPeersCache(this.id));
+    setHmsRoomCache(new HMSRoomCache(this.id));
     await HMSManager.join({ ...config, id: this.id });
   };
 
@@ -251,6 +274,8 @@ export class HMSSDK {
   roomLeaveCleanup = () => {
     this.muteStatus = undefined;
     this?.appStateSubscription?.remove();
+    clearHmsPeersCache();
+    clearHmsRoomCache();
     HMSEncoder.clearData(); // Clearing cached data in encoder
   };
 
@@ -680,6 +705,8 @@ export class HMSSDK {
     });
     const hmsRoom = await HMSManager.getRoom({ id: this.id });
 
+    getHmsRoomCache()?.updateRoomCache(hmsRoom);
+
     const encodedHmsRoom = HMSEncoder.encodeHmsRoom(hmsRoom, this.id);
     return encodedHmsRoom;
   };
@@ -1881,6 +1908,8 @@ export class HMSSDK {
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const type = data.type;
 
+    getHmsRoomCache()?.updateRoomCache(data.room, data.type);
+
     if (this.onRoomDelegate) {
       logger?.verbose('#Listener ON_ROOM_LISTENER_CALL', {
         room,
@@ -1890,12 +1919,24 @@ export class HMSSDK {
     }
   };
 
-  onPeerListener = (data: any) => {
-    if (data.id !== this.id) {
-      return;
+  onPeerListener = (peerData: any) => {
+    const data: { peer: any; type: any } = {
+      peer: peerData,
+      type: null,
+    };
+
+    for (const ordinal of HMSPeerUpdateOrdinals.keys()) {
+      if (ordinal in peerData) {
+        data.peer.peerID = peerData[ordinal];
+        data.type = ordinal;
+        break;
+      }
     }
-    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
-    const type = data.type;
+
+    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer);
+    const type = HMSEncoder.encodeHmsPeerUpdate(data.type) || data.type;
+
+    getHmsPeersCache()?.updatePeerCache(data.peer.peerID, data.peer, type);
 
     if (this.onPeerDelegate) {
       logger?.verbose('#Listener ON_PEER_LISTENER_CALL', {
@@ -1911,9 +1952,11 @@ export class HMSSDK {
       return;
     }
     const track: HMSTrack = HMSEncoder.encodeHmsTrack(data.track, this.id);
-    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer);
     const type = data.type;
 
+    getHmsPeersCache()?.updatePeerCache(data.peer.peerID, { track }, data.type);
+
     if (
       this.muteStatus &&
       data?.type === 'TRACK_ADDED' &&
@@ -1940,7 +1983,7 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    const message = HMSEncoder.encodeHMSMessage(data, this.id);
+    const message = HMSEncoder.encodeHMSMessage(data);
     if (this.onMessageDelegate) {
       logger?.verbose('#Listener ON_MESSAGE_LISTENER_CALL', message);
       this.onMessageDelegate(message);
@@ -1975,10 +2018,8 @@ export class HMSSDK {
       return;
     }
     if (this.onRoleChangeRequestDelegate) {
-      const encodedRoleChangeRequest = HMSEncoder.encodeHmsRoleChangeRequest(
-        data,
-        this.id
-      );
+      const encodedRoleChangeRequest =
+        HMSEncoder.encodeHmsRoleChangeRequest(data);
       logger?.verbose(
         '#Listener ON_ROLE_CHANGE_LISTENER_CALL',
         encodedRoleChangeRequest
@@ -1993,7 +2034,7 @@ export class HMSSDK {
     }
     if (this.onChangeTrackStateRequestDelegate) {
       const encodedRoleChangeRequest =
-        HMSEncoder.encodeHmsChangeTrackStateRequest(data, this.id);
+        HMSEncoder.encodeHmsChangeTrackStateRequest(data);
       logger?.verbose(
         '#Listener ON_CHANGE_TRACK_STATE_REQUEST_LISTENER_CALL',
         encodedRoleChangeRequest
@@ -2011,7 +2052,7 @@ export class HMSSDK {
     if (this.onRemovedFromRoomDelegate) {
       let requestedBy = null;
       if (data.requestedBy) {
-        requestedBy = HMSEncoder.encodeHmsPeer(data.requestedBy, this.id);
+        requestedBy = HMSEncoder.encodeHmsPeer(data.requestedBy);
       }
       const reason = data.reason;
       const roomEnded = data.roomEnded;
@@ -2065,7 +2106,7 @@ export class HMSSDK {
     }
 
     let localAudioStats = new HMSLocalAudioStats(data.localAudioStats);
-    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer);
     let track = HMSEncoder.encodeHmsLocalAudioTrack(data.track, this.id);
 
     if (this.onLocalAudioStatsDelegate) {
@@ -2085,7 +2126,7 @@ export class HMSSDK {
     }
 
     let localVideoStats = new HMSLocalVideoStats(data.localVideoStats);
-    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer);
     let track = HMSEncoder.encodeHmsLocalVideoTrack(data.track, this.id);
 
     if (this.onLocalVideoStatsDelegate) {
@@ -2105,7 +2146,7 @@ export class HMSSDK {
     }
 
     let remoteAudioStats = new HMSRemoteAudioStats(data.remoteAudioStats);
-    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer);
     let track = HMSEncoder.encodeHmsRemoteAudioTrack(data.track, this.id);
 
     if (this.onRemoteAudioStatsDelegate) {
@@ -2130,7 +2171,7 @@ export class HMSSDK {
     }
 
     let remoteVideoStats = new HMSRemoteVideoStats(data.remoteVideoStats);
-    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer);
     let track = HMSEncoder.encodeHmsRemoteVideoTrack(data.track, this.id);
 
     if (this.onRemoteVideoStatsDelegate) {
@@ -2197,4 +2238,22 @@ export class HMSSDK {
       id: this.id,
     });
   }
+
+  /**
+   * - Returns the instance of logger which can be used to manipulate log levels.
+   * @returns @instance HMSLogger
+   * @memberof HMSSDK
+   */
+  static getLogger() {
+    return getLogger();
+  }
+
+  /**
+   * - Updates the logger for this instance of HMSSDK
+   * @param {HMSLogger} hmsLogger
+   * @memberof HMSSDK
+   */
+  setLogger = (hmsLogger?: HMSLogger) => {
+    setLogger(this.id, hmsLogger);
+  };
 }

package/src/classes/HMSUpdateListenerActions.ts

@@ -2,7 +2,7 @@ export enum HMSUpdateListenerActions {
   ON_PREVIEW = 'ON_PREVIEW',
   ON_JOIN = 'ON_JOIN',
   ON_ROOM_UPDATE = 'ON_ROOM_UPDATE',
-  ON_PEER_UPDATE = 'ON_PEER_UPDATE',
+  ON_PEER_UPDATE = '3',
   ON_TRACK_UPDATE = 'ON_TRACK_UPDATE',
   ON_ERROR = 'ON_ERROR',
   ON_MESSAGE = 'ON_MESSAGE',

package/src/classes/HmsView.tsx

@@ -6,6 +6,7 @@ import {
   UIManager,
   ViewStyle,
 } from 'react-native';
+import { HMSConstants } from './HMSConstants';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 
 interface HmsViewProps {
@@ -39,7 +40,7 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
     const {
       trackId,
       style = temporaryStyles.customStyle,
-      id = '12345',
+      id = HMSConstants.DEFAULT_SDK_ID,
       mirror = false,
       setZOrderMediaOverlay = false,
       scaleType = HMSVideoViewMode.ASPECT_FILL,