@videosdk.live/react-sdk 0.1.24 → 0.1.27

package/dist/index.js

@@ -29,7 +29,9 @@ var events = {
   'connection-open': eventPrifix + "-connection-open",
   'connection-close': eventPrifix + "-connection-close",
   'switch-meeting': eventPrifix + "-switch-meeting",
-  error: eventPrifix + "-error"
+  error: eventPrifix + "-error",
+  'hls-started': eventPrifix + "-hls-started",
+  'hls-stopped': eventPrifix + "-hls-stopped"
 };
 var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
@@ -82,7 +84,11 @@ var useMeeting = function useMeeting(_temp) {
       _ref$onSwitchMeeting = _ref.onSwitchMeeting,
       onSwitchMeeting = _ref$onSwitchMeeting === void 0 ? function () {} : _ref$onSwitchMeeting,
       _ref$onError = _ref.onError,
-      onError = _ref$onError === void 0 ? function () {} : _ref$onError;
+      onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+      _ref$onHlsStarted = _ref.onHlsStarted,
+      onHlsStarted = _ref$onHlsStarted === void 0 ? function () {} : _ref$onHlsStarted,
+      _ref$onHlsStopped = _ref.onHlsStopped,
+      onHlsStopped = _ref$onHlsStopped === void 0 ? function () {} : _ref$onHlsStopped;
 
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
@@ -108,6 +114,8 @@ var useMeeting = function useMeeting(_temp) {
     eventEmitter.on(events['connection-close'], onConnetionClose);
     eventEmitter.on(events['switch-meeting'], onSwitchMeeting);
     eventEmitter.on(events['error'], onError);
+    eventEmitter.on(events['hls-started'], onHlsStarted);
+    eventEmitter.on(events['hls-stopped'], onHlsStopped);
     return function () {
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
@@ -132,6 +140,8 @@ var useMeeting = function useMeeting(_temp) {
       eventEmitter.off(events['connection-close'], onConnetionClose);
       eventEmitter.off(events['switch-meeting'], onSwitchMeeting);
       eventEmitter.off(events['error'], onError);
+      eventEmitter.off(events['hls-started'], onHlsStarted);
+      eventEmitter.off(events['hls-stopped'], onHlsStopped);
     };
   }, []);
   return React.useContext(MeetingProviderContex);
@@ -183,7 +193,11 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       _ref2$onSwitchMeeting = _ref2.onSwitchMeeting,
       onSwitchMeeting = _ref2$onSwitchMeeting === void 0 ? function () {} : _ref2$onSwitchMeeting,
       _ref2$onError = _ref2.onError,
-      onError = _ref2$onError === void 0 ? function () {} : _ref2$onError;
+      onError = _ref2$onError === void 0 ? function () {} : _ref2$onError,
+      _ref2$onHlsStarted = _ref2.onHlsStarted,
+      onHlsStarted = _ref2$onHlsStarted === void 0 ? function () {} : _ref2$onHlsStarted,
+      _ref2$onHlsStopped = _ref2.onHlsStopped,
+      onHlsStopped = _ref2$onHlsStopped === void 0 ? function () {} : _ref2$onHlsStopped;
   React.useEffect(function () {
     eventEmitter.on(events['participant-joined'], onParticipantJoined);
     eventEmitter.on(events['participant-left'], onParticipantLeft);
@@ -208,6 +222,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
     eventEmitter.on(events['connection-close'], onConnetionClose);
     eventEmitter.on(events['switch-meeting'], onSwitchMeeting);
     eventEmitter.on(events['error'], onError);
+    eventEmitter.on(events['hls-started'], onHlsStarted);
+    eventEmitter.on(events['hls-stopped'], onHlsStopped);
     return function () {
       eventEmitter.off(events['participant-joined'], onParticipantJoined);
       eventEmitter.off(events['participant-left'], onParticipantLeft);
@@ -232,12 +248,14 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
       eventEmitter.off(events['connection-close'], onConnetionClose);
       eventEmitter.off(events['switch-meeting'], onSwitchMeeting);
       eventEmitter.off(events['error'], onError);
+      eventEmitter.off(events['hls-started'], onHlsStarted);
+      eventEmitter.off(events['hls-stopped'], onHlsStopped);
     };
   }, []);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.24";
+var version = "0.1.27";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -307,6 +325,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
       isMeetingJoined = _useState15[0],
       setIsMeetingJoined = _useState15[1];
 
+  var _useState16 = React.useState(false),
+      isHls = _useState16[0],
+      setIsHls = _useState16[1];
+
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -315,6 +337,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var configRef = React.useRef(config);
   var tokenRef = React.useRef(token);
   var joinedOnFirstRender = React.useRef(false);
+  var isHlsRef = React.useRef();
   var reinitialiseMeetingOnConfigChange = React.useMemo(function () {
     return _reinitialiseMeetingOnConfigChange;
   }, []);
@@ -339,6 +362,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
   React.useEffect(function () {
     tokenRef.current = token;
   }, [token]);
+  React.useEffect(function () {
+    isHlsRef.current = isHls;
+  }, [isHls]);
 
   var resetStates = function resetStates() {
     setMeeting(null);
@@ -356,6 +382,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setPinnedParticipants(new Map());
     setConnections(new Map());
     setIsMeetingJoined(false);
+    setIsHls(false);
   };
 
   var _handle_participant_joined = function _handle_participant_joined(participant) {
@@ -449,6 +476,16 @@ var MeetingProvider = function MeetingProvider(_ref) {
     eventEmitter.emit(events['live-stream-stopped']);
   };
 
+  var _handle_hls_started = function _handle_hls_started(data) {
+    setIsHls(true);
+    eventEmitter.emit(events['hls-started'], data);
+  };
+
+  var _handle_hls_stopped = function _handle_hls_stopped() {
+    setIsHls(false);
+    eventEmitter.emit(events['hls-stopped']);
+  };
+
   var _handle_video_state_changed = function _handle_video_state_changed(data) {
     eventEmitter.emit(events['video-state-changed'], data);
   };
@@ -505,6 +542,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
         meeting.off('connection-close', _handle_connection_close);
         meeting.off('switch-meeting', _handle_switch_meeting);
         meeting.off('error', _handle_error);
+        meeting.off('hls-started', _handle_hls_started);
+        meeting.off('hls-stopped', _handle_hls_stopped);
       }
 
       if (typeof (meeting === null || meeting === void 0 ? void 0 : (_meeting$localPartici = meeting.localParticipant) === null || _meeting$localPartici === void 0 ? void 0 : _meeting$localPartici.off) === 'function') {
@@ -555,14 +594,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
     eventEmitter.emit(events['connection-close'], connectionId);
   };
 
-  var _handle_error = function _handle_error(data) {
-    eventEmitter.emit(events['error'], data);
-  };
-
   var _handle_switch_meeting = function _handle_switch_meeting(d) {
     eventEmitter.emit(events['switch-meeting'], d);
   };
 
+  var _handle_error = function _handle_error(data) {
+    eventEmitter.emit(events['error'], data);
+  };
+
   var join = function join() {
     var meeting = jsSdk.VideoSDK && jsSdk.VideoSDK.initMeeting(configRef.current);
     setMeeting(meeting);
@@ -594,6 +633,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
     meeting.on('connection-close', _handle_connection_close);
     meeting.on('switch-meeting', _handle_switch_meeting);
     meeting.on('error', _handle_error);
+    meeting.on('hls-started', _handle_hls_started);
+    meeting.on('hls-stopped', _handle_hls_stopped);
     meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
     meeting.localParticipant.on('stream-disabled', _handle_localParticipant_stream_disabled);
     meeting.join();
@@ -858,6 +899,22 @@ var MeetingProvider = function MeetingProvider(_ref) {
     }
   };
 
+  var startHls = function startHls(config) {
+    var meeting = meetingRef.current;
+
+    if (meeting) {
+      meeting.startHls(config);
+    }
+  };
+
+  var stopHls = function stopHls() {
+    var meeting = meetingRef.current;
+
+    if (meeting) {
+      meeting.stopHls();
+    }
+  };
+
   var initSDK = function initSDK() {
     jsSdk.VideoSDK.config(tokenRef.current);
 
@@ -902,6 +959,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       isLiveStreaming: isLiveStreaming,
       pinnedParticipants: pinnedParticipants,
       connections: connections,
+      isHls: isHls,
       join: join,
       leave: leave,
       end: end,
@@ -930,7 +988,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
       startLivestream: startLivestream,
       stopLivestream: stopLivestream,
       connectTo: connectTo,
-      isMeetingJoined: isMeetingJoined
+      isMeetingJoined: isMeetingJoined,
+      startHls: startHls,
+      stopHls: stopHls
     }
   }, children);
 };
@@ -1185,9 +1245,11 @@ var useConnection = function useConnection(connectionId, _temp) {
 
 var usePubSub = function usePubSub(topic, _temp) {
   var _ref = _temp === void 0 ? {
-    onMessageReceived: function onMessageReceived() {}
+    onMessageReceived: function onMessageReceived() {},
+    onOldMessagesReceived: function onOldMessagesReceived() {}
   } : _temp,
-      onMessageReceived = _ref.onMessageReceived;
+      onMessageReceived = _ref.onMessageReceived,
+      onOldMessagesReceived = _ref.onOldMessagesReceived;
 
   var _useMeeting = useMeeting(),
       meeting = _useMeeting.meeting,
@@ -1218,6 +1280,7 @@ var usePubSub = function usePubSub(topic, _temp) {
 
       return Promise.resolve(meeting === null || meeting === void 0 ? void 0 : (_meeting$pubSub = meeting.pubSub) === null || _meeting$pubSub === void 0 ? void 0 : _meeting$pubSub.subscribe(topic, _handlePubSub)).then(function (data) {
         if (data) {
+          onOldMessagesReceived(data.messages);
           setMessages(data.messages);
         }
       });