@100mslive/react-native-hms 0.9.4 → 0.9.7

package/src/classes/HmsView.tsx

@@ -1,74 +1,124 @@
-import React, { useState, useEffect } from 'react';
-import { requireNativeComponent, StyleSheet, ViewStyle } from 'react-native';
-import { HMSVideoViewMode } from '../classes/HMSVideoViewMode';
+import React, { useState, useEffect, useImperativeHandle, useRef } from 'react';
+import {
+  findNodeHandle,
+  requireNativeComponent,
+  StyleSheet,
+  UIManager,
+  ViewStyle,
+} from 'react-native';
+import { HMSVideoViewMode } from './HMSVideoViewMode';
 
 interface HmsViewProps {
   data: {
     trackId: string;
-    sink: boolean;
-    id?: string | null;
+    id: string;
     mirror: boolean;
   };
   setZOrderMediaOverlay: boolean;
   scaleType: HMSVideoViewMode;
-  screenshot: boolean;
   style: ViewStyle;
   onChange: Function;
+  onDataReturned: Function;
 }
 
-const HmsViewComponent = requireNativeComponent<HmsViewProps>('HmsView');
+const HmsView = requireNativeComponent<HmsViewProps>('HMSView');
+let _nextRequestId = 1;
+let _requestMap = new Map();
 
 interface HmsComponentProps {
   trackId: string;
-  sink: boolean;
-  style: ViewStyle;
+  style?: ViewStyle;
   mirror?: boolean;
   scaleType?: HMSVideoViewMode;
   setZOrderMediaOverlay?: boolean;
-  screenshot?: boolean;
-  id?: string | null;
+  id: string;
 }
 
-export const HmsView = ({
-  sink,
-  trackId,
-  style,
-  id = null,
-  mirror = false,
-  setZOrderMediaOverlay = false,
-  scaleType = HMSVideoViewMode.ASPECT_FILL,
-  screenshot = false,
-}: HmsComponentProps) => {
-  const [tempVal, setTempVal] = useState(0);
-  const data = {
-    trackId,
-    sink,
-    id,
-    mirror,
-  };
+export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
+  (props, ref) => {
+    const {
+      trackId,
+      style = temporaryStyles.customStyle,
+      id = '12345',
+      mirror = false,
+      setZOrderMediaOverlay = false,
+      scaleType = HMSVideoViewMode.ASPECT_FILL,
+    } = props;
 
-  const onChange = (values: any) => {
-    console.log(values, 'values');
-    setTimeout(() => {
-      setTempVal(1);
-    }, 2000);
-  };
+    const hmsViewRef: any = useRef();
+    const [tempVal, setTempVal] = useState(0);
+    const data = {
+      trackId,
+      id,
+      mirror,
+    };
+
+    const onChange = (values: any) => {
+      console.log(values, 'values');
+      setTimeout(() => {
+        setTempVal(1);
+      }, 2000);
+    };
+
+    const _onDataReturned = (event: {
+      nativeEvent: { requestId: any; result: any; error: any };
+    }) => {
+      // We grab the relevant data out of our event.
+      let { requestId, result, error } = event.nativeEvent;
+      // Then we get the promise we saved earlier for the given request ID.
+      let promise = _requestMap.get(requestId);
+      if (result) {
+        // If it was successful, we resolve the promise.
+        promise.resolve(result);
+      } else {
+        // Otherwise, we reject it.
+        promise.reject(error);
+      }
+      // Finally, we clean up our request map.
+      _requestMap.delete(requestId);
+    };
+
+    const capture = async () => {
+      let requestId = _nextRequestId++;
+      let requestMap = _requestMap;
+
+      // We create a promise here that will be resolved once `_onRequestDone` is
+      // called.
+      let promise = new Promise(function (resolve, reject) {
+        requestMap.set(requestId, { resolve, reject });
+      });
+      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');
+      UIManager.dispatchViewManagerCommand(
+        findNodeHandle(hmsViewRef.current),
+        viewManagerConfig.Commands.capture,
+        [requestId]
+      );
+      return promise;
+    };
+
+    useImperativeHandle(ref, () => {
+      return {
+        capture,
+      };
+    });
 
-  useEffect(() => {
-    setTempVal(0);
-  }, [tempVal]);
+    useEffect(() => {
+      setTempVal(0);
+    }, [tempVal]);
 
-  return (
-    <HmsViewComponent
-      onChange={onChange}
-      data={data}
-      style={tempVal === 0 ? style : temporaryStyles.customStyle}
-      scaleType={scaleType}
-      setZOrderMediaOverlay={setZOrderMediaOverlay}
-      screenshot={screenshot}
-    />
-  );
-};
+    return (
+      <HmsView
+        ref={hmsViewRef}
+        onChange={onChange}
+        data={data}
+        style={tempVal === 0 ? style : temporaryStyles.customStyle}
+        scaleType={scaleType}
+        setZOrderMediaOverlay={setZOrderMediaOverlay}
+        onDataReturned={_onDataReturned}
+      />
+    );
+  }
+);
 
 const temporaryStyles = StyleSheet.create({
   customStyle: {

package/src/index.ts

@@ -1,7 +1,6 @@
 export * from './classes/HMSConfig';
 export * from './classes/HMSUpdateListenerActions';
 export * from './classes/HMSMessage';
-export * from './classes/HmsView';
 export * from './classes/HMSVideoTrackSettings';
 export * from './classes/HMSVideoTrack';
 export * from './classes/HMSVideoSettings';
@@ -9,6 +8,7 @@ export * from './classes/HMSVideoCodec';
 export * from './classes/HMSTrackSettings';
 export * from './classes/HMSTrack';
 export * from './classes/HMSTrackType';
+export * from './classes/HMSTrackSource';
 export * from './classes/HMSSubscribeSettings';
 export * from './classes/HMSSimulcastSettings';
 export * from './classes/HMSSimulcastLayerSettings';
@@ -39,7 +39,6 @@ export * from './classes/HMSLogLevel';
 export * from './classes/HMSVideoViewMode';
 export * from './classes/HMSChangeTrackStateRequest';
 export * from './classes/HMSSpeaker';
-export * from './classes/HMSSpeakerUpdate';
 export * from './classes/HMSCameraFacing';
 export * from './classes/HMSException';
 export * from './classes/HMSRtmpStreamingState';

package/lib/commonjs/classes/HMSSpeakerUpdate.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HMSSpeakerUpdate = void 0;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class HMSSpeakerUpdate {
-  constructor(params) {
-    _defineProperty(this, "event", void 0);
-
-    _defineProperty(this, "count", void 0);
-
-    _defineProperty(this, "peers", void 0);
-
-    this.event = params.event;
-    this.count = params.count;
-    this.peers = params.peers;
-  }
-
-}
-
-exports.HMSSpeakerUpdate = HMSSpeakerUpdate;
-//# sourceMappingURL=HMSSpeakerUpdate.js.map

package/lib/commonjs/classes/HMSSpeakerUpdate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["HMSSpeakerUpdate.ts"],"names":["HMSSpeakerUpdate","constructor","params","event","count","peers"],"mappings":";;;;;;;;;AAEO,MAAMA,gBAAN,CAAuB;AAK5BC,EAAAA,WAAW,CAACC,MAAD,EAIR;AAAA;;AAAA;;AAAA;;AACD,SAAKC,KAAL,GAAaD,MAAM,CAACC,KAApB;AACA,SAAKC,KAAL,GAAaF,MAAM,CAACE,KAApB;AACA,SAAKC,KAAL,GAAaH,MAAM,CAACG,KAApB;AACD;;AAb2B","sourcesContent":["import type { HMSSpeaker } from './HMSSpeaker';\n\nexport class HMSSpeakerUpdate {\n  event?: string;\n  count?: Number;\n  peers?: Array<HMSSpeaker>;\n\n  constructor(params: {\n    event?: string;\n    count?: Number;\n    peers?: Array<HMSSpeaker>;\n  }) {\n    this.event = params.event;\n    this.count = params.count;\n    this.peers = params.peers;\n  }\n}\n"]}

package/lib/module/classes/HMSSpeakerUpdate.js

@@ -1,17 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-export class HMSSpeakerUpdate {
-  constructor(params) {
-    _defineProperty(this, "event", void 0);
-
-    _defineProperty(this, "count", void 0);
-
-    _defineProperty(this, "peers", void 0);
-
-    this.event = params.event;
-    this.count = params.count;
-    this.peers = params.peers;
-  }
-
-}
-//# sourceMappingURL=HMSSpeakerUpdate.js.map

package/lib/module/classes/HMSSpeakerUpdate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["HMSSpeakerUpdate.ts"],"names":["HMSSpeakerUpdate","constructor","params","event","count","peers"],"mappings":";;AAEA,OAAO,MAAMA,gBAAN,CAAuB;AAK5BC,EAAAA,WAAW,CAACC,MAAD,EAIR;AAAA;;AAAA;;AAAA;;AACD,SAAKC,KAAL,GAAaD,MAAM,CAACC,KAApB;AACA,SAAKC,KAAL,GAAaF,MAAM,CAACE,KAApB;AACA,SAAKC,KAAL,GAAaH,MAAM,CAACG,KAApB;AACD;;AAb2B","sourcesContent":["import type { HMSSpeaker } from './HMSSpeaker';\n\nexport class HMSSpeakerUpdate {\n  event?: string;\n  count?: Number;\n  peers?: Array<HMSSpeaker>;\n\n  constructor(params: {\n    event?: string;\n    count?: Number;\n    peers?: Array<HMSSpeaker>;\n  }) {\n    this.event = params.event;\n    this.count = params.count;\n    this.peers = params.peers;\n  }\n}\n"]}

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

@@ -1,11 +0,0 @@
-import type { HMSSpeaker } from './HMSSpeaker';
-export declare class HMSSpeakerUpdate {
-    event?: string;
-    count?: Number;
-    peers?: Array<HMSSpeaker>;
-    constructor(params: {
-        event?: string;
-        count?: Number;
-        peers?: Array<HMSSpeaker>;
-    });
-}

package/src/classes/HMSSpeakerUpdate.ts

@@ -1,17 +0,0 @@
-import type { HMSSpeaker } from './HMSSpeaker';
-
-export class HMSSpeakerUpdate {
-  event?: string;
-  count?: Number;
-  peers?: Array<HMSSpeaker>;
-
-  constructor(params: {
-    event?: string;
-    count?: Number;
-    peers?: Array<HMSSpeaker>;
-  }) {
-    this.event = params.event;
-    this.count = params.count;
-    this.peers = params.peers;
-  }
-}