@100mslive/hms-video-store 0.2.65 → 0.2.69

package/dist/common/ui-logger.d.ts

@@ -6,5 +6,8 @@ export declare class HMSLogger {
     static i(...data: any[]): void;
     static w(...data: any[]): void;
     static e(...data: any[]): void;
+    static time(mark: string): void;
+    static timeEnd(mark: string): void;
+    static cleanUp(): void;
     private static log;
 }

package/dist/core/IHMSActions.d.ts

@@ -1,5 +1,5 @@
 import { HMSConfig, HMSSimulcastLayer, HMSAudioTrackSettings, HMSVideoTrackSettings, HMSLogLevel, HMSVideoPlugin, HMSAudioPlugin } from '@100mslive/hms-video';
-import { HMSMessageID, HMSPeerID, HMSRoleName, HMSTrackID, HMSTrackSource, IHMSPlaylistActions, HMSChangeMultiTrackStateRequest } from './schema';
+import { HMSMessageID, HMSPeerID, HMSRoleName, HMSTrackID, HMSTrackSource, IHMSPlaylistActions, HMSChangeMultiTrackStateParams } from './schema';
 import { HMSRoleChangeRequest } from './selectors';
 import { RTMPRecordingConfig } from './hmsSDKStore/sdkTypes';
 /**
@@ -193,9 +193,9 @@ export interface IHMSActions {
     setRemoteTrackEnabled(forRemoteTrackID: HMSTrackID | HMSTrackID[], enabled: boolean): Promise<void>;
     /**
      * Use this to mute/unmute multipe tracks by source, role or type
-     * @param {HMSChangeMultiTrackStateRequest} params
+     * @param {HMSChangeMultiTrackStateParams} params
      */
-    setRemoteTracksEnabled(params: HMSChangeMultiTrackStateRequest): Promise<void>;
+    setRemoteTracksEnabled(params: HMSChangeMultiTrackStateParams): Promise<void>;
     /**
      * Method to be called with some UI interaction after autoplay error is received
      * Most browsers have limitations where an audio can not be played if there was no user interaction.

package/dist/core/hmsSDKStore/HMSNotifications.d.ts

@@ -10,6 +10,7 @@ export declare class HMSNotifications implements IHMSNotifications {
     onNotification: (cb: (notification: HMSNotification) => void) => (() => void);
     sendDeviceChange(request: HMSDeviceChangeEvent): void;
     sendLeaveRoom(request: HMSLeaveRoomRequest): void;
+    sendPeerList(peers: HMSPeer[]): void;
     sendPeerUpdate(type: sdkTypes.HMSPeerUpdate, peer: HMSPeer | null): void;
     sendTrackUpdate(type: sdkTypes.HMSTrackUpdate, trackID: string): void;
     sendMessageReceived(message: HMSMessage): void;

package/dist/core/schema/notification.d.ts

@@ -16,6 +16,7 @@ export declare enum HMSNotificationSeverity {
 export declare enum HMSNotificationTypes {
     PEER_JOINED = "PEER_JOINED",
     PEER_LEFT = "PEER_LEFT",
+    PEER_LIST = "PEER_LIST",
     NEW_MESSAGE = "NEW_MESSAGE",
     ERROR = "ERROR",
     RECONNECTING = "RECONNECTING",

package/dist/hms-video-store.cjs.development.js

@@ -963,6 +963,7 @@ var createDefaultStoreState = function createDefaultStoreState() {
 (function (HMSNotificationTypes) {
   HMSNotificationTypes["PEER_JOINED"] = "PEER_JOINED";
   HMSNotificationTypes["PEER_LEFT"] = "PEER_LEFT";
+  HMSNotificationTypes["PEER_LIST"] = "PEER_LIST";
   HMSNotificationTypes["NEW_MESSAGE"] = "NEW_MESSAGE";
   HMSNotificationTypes["ERROR"] = "ERROR";
   HMSNotificationTypes["RECONNECTING"] = "RECONNECTING";
@@ -1934,6 +1935,19 @@ var HMSLogger = /*#__PURE__*/function () {
     }
 
     this.log.apply(this, [sdkTypes.HMSLogLevel.ERROR].concat(data));
+  };
+
+  HMSLogger.time = function time(mark) {
+    this.log(sdkTypes.HMSLogLevel.TIME, '[HMSPerformanceTiming]', mark);
+  };
+
+  HMSLogger.timeEnd = function timeEnd(mark) {
+    this.log(sdkTypes.HMSLogLevel.TIMEEND, '[HMSPerformanceTiming]', mark, mark);
+  };
+
+  HMSLogger.cleanUp = function cleanUp() {
+    performance.clearMarks();
+    performance.clearMeasures();
   }
   /* eslint-disable */
   ;
@@ -1990,6 +2004,30 @@ var HMSLogger = /*#__PURE__*/function () {
 
           (_console5 = console).error.apply(_console5, [HMS_STORE_TAG].concat(data));
 
+          break;
+        }
+
+      case sdkTypes.HMSLogLevel.TIME:
+        {
+          performance.mark(data[1]);
+          break;
+        }
+
+      case sdkTypes.HMSLogLevel.TIMEEND:
+        {
+          var tag = data[0];
+          var mark = data[1];
+
+          try {
+            var entry = performance.measure(mark, mark); //@ts-ignore
+
+            this.log(sdkTypes.HMSLogLevel.DEBUG, tag, mark, entry == null ? void 0 : entry.duration);
+            performance.clearMarks(mark);
+            performance.clearMeasures(mark);
+          } catch (error) {
+            this.log(sdkTypes.HMSLogLevel.DEBUG, tag, mark, error);
+          }
+
           break;
         }
     }
@@ -2686,6 +2724,8 @@ var HMSSDKActions = /*#__PURE__*/function () {
 
 
     this.syncRemoteTrackState = function (action, track, peer) {
+      HMSLogger.time(action + "-" + track.trackId);
+
       _this.setState(function (draftStore) {
         var draftPeer = draftStore.peers[peer.peerId];
         /**
@@ -2713,6 +2753,8 @@ var HMSSDKActions = /*#__PURE__*/function () {
 
         _this.hmsSDKTracks[track.trackId] = track;
       }, action);
+
+      HMSLogger.timeEnd(action + "-" + track.trackId);
     };
     /**
      * setState is separate so any future changes to how state change can be done from one place.
@@ -3874,6 +3916,7 @@ var HMSSDKActions = /*#__PURE__*/function () {
     }, reason);
     this.isRoomJoinCalled = false;
     this.hmsSDKTracks = {};
+    HMSLogger.cleanUp();
   };
 
   _proto.sdkJoinWithListeners = function sdkJoinWithListeners(config) {
@@ -4122,7 +4165,7 @@ var HMSSDKActions = /*#__PURE__*/function () {
   _proto.syncRoomState = function syncRoomState(action) {
     var _this9 = this;
 
-    console.time('syncRoomState');
+    HMSLogger.time("store-sync-" + action);
     var newHmsPeers = {};
     var newHmsPeerIDs = []; // to add in room.peers
 
@@ -4174,7 +4217,7 @@ var HMSSDKActions = /*#__PURE__*/function () {
       Object.assign(draftStore.playlist, SDKToHMS.convertPlaylist(_this9.sdk.getPlaylistManager()));
       Object.assign(draftStore.room, SDKToHMS.convertRecordingRTMPState(recording, rtmp));
     }, action);
-    console.timeEnd('syncRoomState');
+    HMSLogger.timeEnd("store-sync-" + action);
   };
 
   _proto.onPreview = function onPreview(sdkRoom) {
@@ -4217,12 +4260,18 @@ var HMSSDKActions = /*#__PURE__*/function () {
       return; // ignore, high frequency update so no point of syncing peers
     } else if (Array.isArray(sdkPeer)) {
       this.syncRoomState('peersJoined');
+      var hmsPeers = [];
 
       for (var _iterator3 = _createForOfIteratorHelperLoose(sdkPeer), _step3; !(_step3 = _iterator3()).done;) {
         var peer = _step3.value;
         var hmsPeer = this.store.getState(selectPeerByID(peer.peerId));
-        this.hmsNotifications.sendPeerUpdate(type, hmsPeer);
+
+        if (hmsPeer) {
+          hmsPeers.push(hmsPeer);
+        }
       }
+
+      this.hmsNotifications.sendPeerList(hmsPeers);
     } else {
       this.peerUpdateInternal(type, sdkPeer);
     }
@@ -4823,6 +4872,7 @@ var HMSSDKActions = /*#__PURE__*/function () {
       actionName = 'peerLeft';
     }
 
+    HMSLogger.time(actionName + "-" + sdkPeer.peerId);
     this.setState(function (draftStore) {
       if (actionName === 'peerLeft') {
         var index = draftStore.room.peers.indexOf(sdkPeer.peerId);
@@ -4845,7 +4895,8 @@ var HMSSDKActions = /*#__PURE__*/function () {
 
         _this14.hmsSDKPeers[sdkPeer.peerId] = sdkPeer;
       }
-    }, actionName); // if peer wasn't available before sync(will happen if event is peer join)
+    }, actionName);
+    HMSLogger.time(actionName + "-" + sdkPeer.peerId); // if peer wasn't available before sync(will happen if event is peer join)
 
     if (!peer) {
       peer = this.store.getState(selectPeerByID(sdkPeer.peerId));
@@ -4906,6 +4957,11 @@ var HMSNotifications = /*#__PURE__*/function () {
     this.emitEvent(notification);
   };
 
+  _proto.sendPeerList = function sendPeerList(peers) {
+    var notification = this.createNotification(exports.HMSNotificationTypes.PEER_LIST, peers, exports.HMSNotificationSeverity.INFO);
+    this.emitEvent(notification);
+  };
+
   _proto.sendPeerUpdate = function sendPeerUpdate(type, peer) {
     var hmsPeer = this.store.getState(selectPeerByID(peer == null ? void 0 : peer.id)) || peer;
     var notificationType = PEER_NOTIFICATION_TYPES[type];
@@ -5071,10 +5127,34 @@ var HMSReactiveStore = /*#__PURE__*/function () {
     }; // add option to pass selector to getState
 
 
-    var prevGetState = hmsStore.getState;
+    var prevGetState = hmsStore.getState; // eslint-disable-next-line complexity
 
     hmsStore.getState = function (selector) {
-      return selector ? selector(prevGetState()) : prevGetState();
+      if (selector) {
+        var name = selector.name || 'byIDSelector'; // @ts-ignore
+
+        if (!window.selectorsCount) {
+          // @ts-ignore
+          window.selectorsCount = {};
+        } // @ts-ignore
+
+
+        window.selectorsCount[name] = (window.selectorsCount[name] || 0) + 1;
+        var start = performance.now();
+        var updatedState = selector(prevGetState());
+        var diff = performance.now() - start; // store selectors that take more than 1ms
+
+        if (diff > 1) {
+          // @ts-ignore
+          window.expensiveSelectors = window.expensiveSelectors || new Map(); // @ts-ignore
+
+          window.expensiveSelectors.set(name, diff);
+        }
+
+        return updatedState;
+      }
+
+      return prevGetState();
     };
 
     HMSReactiveStore.useShallowCheckInSubscribe(hmsStore);