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

package/src/classes/HMSServerRecordingState.ts

@@ -3,9 +3,15 @@ import type { HMSException } from './HMSException';
 export class HMSServerRecordingState {
   running: string;
   error: HMSException;
+  startedAt: Date;
 
-  constructor(params: { running: string; error: HMSException }) {
+  constructor(params: {
+    running: string;
+    error: HMSException;
+    startedAt: Date;
+  }) {
     this.running = params.running;
     this.error = params.error;
+    this.startedAt = params.startedAt;
   }
 }

package/src/classes/HMSUpdateListenerActions.ts

@@ -12,4 +12,9 @@ export enum HMSUpdateListenerActions {
   ON_ROLE_CHANGE_REQUEST = 'ON_ROLE_CHANGE_REQUEST',
   ON_CHANGE_TRACK_STATE_REQUEST = 'ON_CHANGE_TRACK_STATE_REQUEST',
   ON_REMOVED_FROM_ROOM = 'ON_REMOVED_FROM_ROOM',
+  ON_RTC_STATS = 'ON_RTC_STATS',
+  ON_LOCAL_AUDIO_STATS = 'ON_LOCAL_AUDIO_STATS',
+  ON_LOCAL_VIDEO_STATS = 'ON_LOCAL_VIDEO_STATS',
+  ON_REMOTE_AUDIO_STATS = 'ON_REMOTE_AUDIO_STATS',
+  ON_REMOTE_VIDEO_STATS = 'ON_REMOTE_VIDEO_STATS',
 }

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,7 +46,21 @@ 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';
+export * from './classes/HMSLocalAudioStats';
+export * from './classes/HMSLocalVideoStats';
+export * from './classes/HMSRTCStats';
+export * from './classes/HMSRTCStatsReport';
+export * from './classes/HMSRemoteAudioStats';
+export * from './classes/HMSRemoteVideoStats';
+export * from './classes/HMSHLSRecordingConfig';
+export * from './classes/HMSHLSRecordingState';
+export * from './classes/HMSMessageRecipient';
+export * from './classes/HMSMessageRecipientType';
 
 import { HMSSDK as HmsManager } from './classes/HMSSDK';
 export default HmsManager;