@100mslive/react-native-hms 0.8.4 → 0.9.0

package/src/classes/HMSLogger.ts

@@ -10,6 +10,7 @@ export class HMSLogger {
     data: any;
     id: string;
   }[] = [];
+  private onLog?: Function;
 
   constructor(params?: { verbose: boolean; warning: boolean; error: boolean }) {
     if (params) {
@@ -22,6 +23,9 @@ export class HMSLogger {
   verbose(message: string, data: any) {
     if (this._verbose) {
       console.log(message, data);
+      if (this.onLog) {
+        this?.onLog({ message, data });
+      }
     }
     this.logs.push({ type: 'verbose', message, data, id: data?.id });
   }
@@ -29,6 +33,9 @@ export class HMSLogger {
   warn(message: string, data: any) {
     if (this._warning) {
       console.warn(message, data);
+      if (this.onLog) {
+        this?.onLog({ message, data });
+      }
     }
     this.logs.push({ type: 'warn', message, data, id: data?.id });
   }
@@ -36,6 +43,9 @@ export class HMSLogger {
   error(message: string, data: any) {
     if (this._error) {
       console.error(message, data);
+      if (this.onLog) {
+        this?.onLog({ message, data });
+      }
     }
     this.logs.push({ type: 'error', message, data, id: data?.id });
   }
@@ -44,6 +54,10 @@ export class HMSLogger {
     return this.logs;
   }
 
+  setLogListener(callback: Function) {
+    this.onLog = callback;
+  }
+
   updateLogLevel(level: HMSLogLevel, value: boolean) {
     switch (level) {
       case HMSLogLevel.VERBOSE: {

package/src/classes/HMSRoom.ts

@@ -2,6 +2,7 @@ import type { HMSPeer } from './HMSPeer';
 import type { HMSRtmpStreamingState } from './HMSRtmpStreamingState';
 import type { HMSServerRecordingState } from './HMSServerRecordingState';
 import type { HMSBrowserRecordingState } from './HMSBrowserRecordingState';
+import type { HMSHLSStreamingState } from './HMSHLSStreamingState';
 
 export class HMSRoom {
   id: string;
@@ -11,6 +12,7 @@ export class HMSRoom {
   browserRecordingState: HMSBrowserRecordingState;
   rtmpHMSRtmpStreamingState: HMSRtmpStreamingState;
   serverRecordingState: HMSServerRecordingState;
+  hlsStreamingState: HMSHLSStreamingState;
 
   constructor(params: {
     id: string;
@@ -20,6 +22,7 @@ export class HMSRoom {
     browserRecordingState: HMSBrowserRecordingState;
     rtmpHMSRtmpStreamingState: HMSRtmpStreamingState;
     serverRecordingState: HMSServerRecordingState;
+    hlsStreamingState: HMSHLSStreamingState;
   }) {
     this.id = params.id;
     this.name = params.name;
@@ -28,5 +31,6 @@ export class HMSRoom {
     this.browserRecordingState = params.browserRecordingState;
     this.rtmpHMSRtmpStreamingState = params.rtmpHMSRtmpStreamingState;
     this.serverRecordingState = params.serverRecordingState;
+    this.hlsStreamingState = params.hlsStreamingState;
   }
 }

package/src/classes/HMSRoomUpdate.ts

@@ -1,4 +1,10 @@
 export enum HMSRoomUpdate {
   ROOM_MUTED = 'ROOM_MUTED',
   ROOM_UNMUTED = 'ROOM_UNMUTED',
+  ROOM_TYPE_CHANGED = 'ROOM_TYPE_CHANGED',
+  META_DATA_CHANGED = 'META_DATA_CHANGED',
+  SERVER_RECORDING_STATE_UPDATED = 'SERVER_RECORDING_STATE_UPDATED',
+  RTMP_STREAMING_STATE_UPDATED = 'RTMP_STREAMING_STATE_UPDATED',
+  BROWSER_RECORDING_STATE_UPDATED = 'BROWSER_RECORDING_STATE_UPDATED',
+  HLS_STREAMING_STATE_UPDATED = 'HLS_STREAMING_STATE_UPDATED',
 }

package/src/classes/HMSSDK.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { NativeEventEmitter, NativeModules, ViewStyle } from 'react-native';
+import {
+  NativeEventEmitter,
+  NativeModules,
+  Platform,
+  ViewStyle,
+  AppState,
+} from 'react-native';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
 import type { HMSConfig } from './HMSConfig';
 import type { HMSLocalPeer } from './HMSLocalPeer';
@@ -17,6 +23,7 @@ import { HmsView as HMSViewComponent } from './HmsView';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 import type { HMSTrackSettings } from './HMSTrackSettings';
 import type { HMSRTMPConfig } from './HMSRTMPConfig';
+import type { HMSHLSConfig } from './HMSHLSConfig';
 
 interface HmsComponentProps {
   trackId: string;
@@ -47,6 +54,7 @@ export class HMSSDK {
   knownRoles?: HMSRole[];
   id: string;
   private muteStatus: boolean | undefined;
+  appStateSubscription?: any;
 
   onPreviewDelegate?: any;
   onJoinDelegate?: any;
@@ -74,7 +82,7 @@ export class HMSSDK {
    * @returns
    * @memberof HMSSDK
    */
-  static async build(params?: { trackSettings?: HMSTrackSettings }) {
+  static async build(params?: { trackSettings: HMSTrackSettings }) {
     let id = await HmsManager.build(params?.trackSettings || {});
     HmsSdk = new HMSSDK(id);
     HmsSdk.attachPreviewListener();
@@ -235,6 +243,7 @@ export class HMSSDK {
    */
   join = async (config: HMSConfig) => {
     logger?.verbose('#Function join', { config, id: this.id });
+    this.addAppStateListener();
     await HmsManager.join({ ...config, id: this.id });
   };
 
@@ -279,10 +288,11 @@ export class HMSSDK {
     this.remotePeers = undefined;
     this.room = undefined;
     this.knownRoles = undefined;
+    this?.appStateSubscription?.remove();
     return op;
   };
 
-  sendBroadcastMessage = async (message: string, type?: string) => {
+  sendBroadcastMessage = async (message: string, type: string = 'chat') => {
     logger?.verbose('#Function sendBroadcastMessage', {
       message,
       type: type || null,
@@ -298,7 +308,7 @@ export class HMSSDK {
   sendGroupMessage = async (
     message: string,
     roles: HMSRole[],
-    type?: string
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendGroupMessage', {
       message,
@@ -316,18 +326,18 @@ export class HMSSDK {
 
   sendDirectMessage = async (
     message: string,
-    peerId: string,
-    type?: string
+    peer: HMSPeer,
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendDirectMessage', {
       message,
-      peerId,
+      peerId: peer.peerID,
       id: this.id,
       type: type || null,
     });
     return await HmsManager.sendDirectMessage({
       message,
-      peerId,
+      peerId: peer.peerID,
       id: this.id,
       type: type || null,
     });
@@ -354,6 +364,19 @@ export class HMSSDK {
     return op;
   };
 
+  startHLSStreaming = async (data: HMSHLSConfig) => {
+    logger?.verbose('#Function startHLSStreaming', {
+      ...data,
+      id: this.id,
+    });
+    return await HmsManager.startHLSStreaming({ ...data, id: this.id });
+  };
+
+  stopHLSStreaming = async () => {
+    logger?.verbose('#Function stopHLSStreaming', {});
+    return await HmsManager.stopHLSStreaming({ id: this.id });
+  };
+
   changeRole = async (peer: HMSPeer, role: HMSRole, force: boolean = false) => {
     const data = {
       peerId: peer?.peerID,
@@ -380,12 +403,16 @@ export class HMSSDK {
     return await HmsManager.changeTrackState(data);
   };
 
-  changeTrackStateRoles = async (
-    type: HMSTrackType,
+  changeTrackStateForRoles = async (
     mute: boolean,
-    source: string,
-    roles: Array<HMSRole>
+    type?: HMSTrackType,
+    source?: string,
+    roles?: Array<HMSRole>
   ) => {
+    let roleNames = null;
+    if (roles) {
+      roleNames = HMSHelper.getRoleNames(roles);
+    }
     logger?.verbose('#Function changeTrackStateRoles', {
       source,
       mute,
@@ -397,17 +424,21 @@ export class HMSSDK {
       source,
       mute,
       type,
-      roles: HMSHelper.getRoleNames(roles),
+      roles: roleNames,
       id: this.id,
     };
 
-    return await HmsManager.changeTrackStateRoles(data);
+    return await HmsManager.changeTrackStateForRoles(data);
   };
 
-  removePeer = async (peerId: string, reason: string) => {
-    logger?.verbose('#Function removePeer', { peerId, reason, id: this.id });
+  removePeer = async (peer: HMSPeer, reason: string) => {
+    logger?.verbose('#Function removePeer', {
+      peerId: peer.peerID,
+      reason,
+      id: this.id,
+    });
     const data = {
-      peerId,
+      peerId: peer.peerID,
       reason,
       id: this.id,
     };
@@ -415,7 +446,7 @@ export class HMSSDK {
     return await HmsManager.removePeer(data);
   };
 
-  endRoom = async (lock: boolean, reason: string) => {
+  endRoom = async (reason: string, lock: boolean = false) => {
     logger?.verbose('#Function endRoom', { lock, reason, id: this.id });
     const data = {
       lock,
@@ -459,7 +490,52 @@ export class HMSSDK {
       trackId: track.trackId,
       volume,
     });
-    return;
+  };
+
+  resetVolume = () => {
+    logger?.verbose('#Function resetVolume', { id: this.id });
+    if (Platform.OS === 'android') HmsManager.resetVolume({ id: this.id });
+  };
+
+  addAppStateListener = () => {
+    logger?.verbose('#Function addAppStateListener', { id: this.id });
+    this.appStateSubscription = AppState.addEventListener(
+      'change',
+      (nextAppState) => {
+        if (nextAppState === 'active' && Platform.OS === 'android') {
+          this.resetVolume();
+        }
+      }
+    );
+  };
+
+  startScreenshare = () => {
+    logger?.verbose('#Function startScreenshare', { id: this.id });
+    if (Platform.OS === 'android') {
+      HmsManager.startScreenshare({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for iOS');
+    }
+  };
+
+  isScreenShared = async () => {
+    logger?.verbose('#Function isScreenShared', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HmsManager.isScreenShared({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for iOS');
+      return 'API currently not avaialble for iOS';
+    }
+  };
+
+  stopScreenshare = async () => {
+    logger?.verbose('#Function stopScreenshare', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HmsManager.stopScreenshare({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for iOS');
+      return 'API currently not avaialble for iOS';
+    }
   };
 
   /**

package/src/classes/HmsView.tsx

@@ -1,6 +1,7 @@
-import React from 'react';
-import { requireNativeComponent, ViewStyle } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import { requireNativeComponent, StyleSheet, ViewStyle } from 'react-native';
 import { HMSVideoViewMode } from '../classes/HMSVideoViewMode';
+
 interface HmsViewProps {
   data: {
     trackId: string;
@@ -10,6 +11,7 @@ interface HmsViewProps {
   };
   scaleType: HMSVideoViewMode;
   style: ViewStyle;
+  onChange: Function;
 }
 
 const HmsViewComponent = requireNativeComponent<HmsViewProps>('HmsView');
@@ -29,8 +31,9 @@ export const HmsView = ({
   style,
   id,
   mirror,
-  scaleType = HMSVideoViewMode.ASPECT_FIT,
+  scaleType = HMSVideoViewMode.ASPECT_FILL,
 }: HmsComponentProps) => {
+  const [tempVal, setTempVal] = useState(0);
   const data = {
     trackId,
     sink,
@@ -38,5 +41,30 @@ export const HmsView = ({
     mirror: mirror || false,
   };
 
-  return <HmsViewComponent data={data} style={style} scaleType={scaleType} />;
+  const onChange = (values: any) => {
+    console.log(values, 'values');
+    setTimeout(() => {
+      setTempVal(1);
+    }, 2000);
+  };
+
+  useEffect(() => {
+    setTempVal(0);
+  }, [tempVal]);
+
+  return (
+    <HmsViewComponent
+      onChange={onChange}
+      data={data}
+      style={tempVal === 0 ? style : temporaryStyles.customStyle}
+      scaleType={scaleType}
+    />
+  );
 };
+
+const temporaryStyles = StyleSheet.create({
+  customStyle: {
+    width: '100%',
+    height: '50%',
+  },
+});

package/src/index.ts

@@ -46,6 +46,10 @@ export * from './classes/HMSRtmpStreamingState';
 export * from './classes/HMSServerRecordingState';
 export * from './classes/HMSBrowserRecordingState';
 export * from './classes/HMSRTMPConfig';
+export * from './classes/HMSHLSConfig';
+export * from './classes/HMSHLSMeetingURLVariant';
+export * from './classes/HMSHLSVariant';
+export * from './classes/HMSHLSStreamingState';
 export * from './classes/HMSVideoResolution';
 
 import { HMSSDK as HmsManager } from './classes/HMSSDK';