@videosdk.live/react-sdk 0.1.66 → 0.1.68

package/README.md

@@ -37,7 +37,7 @@
 Visit our official guide for [Browser Support](https://docs.videosdk.live/docs/realtime-communication/see-also/device-browser-support)
 
 ## Demo App
-Check out demo [here](https://videosdk.live/prebuilt/)
+Check out demo [here](https://demo.videosdk.live/conference-meeting/)
 
 ## Prerequisites
 
@@ -80,7 +80,7 @@ import {
 
 ## Documentation
 
-Check the components and their usage in our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/getting-started).
+Check the components and their usage in our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/concept-and-architecture).
 
 ## Quick Start
 

package/dist/index.js

@@ -33,6 +33,7 @@ var events = {
   'hls-started': eventPrifix + "-hls-started",
   'hls-stopped': eventPrifix + "-hls-stopped",
   'hls-state-changed': eventPrifix + "-hls-state-changed",
+  'hls-playable-state-changed': eventPrifix + "-hls-playable-state-changed",
   'recording-state-changed': eventPrifix + "-recording-state-changed",
   'livestream-state-changed': eventPrifix + "-livestream-state-changed",
   'meeting-state-changed': eventPrifix + "-meeting-state-changed",
@@ -42,7 +43,6 @@ var eventEmitter = new EventEmitter();
 eventEmitter.setMaxListeners(9999);
 
 var MeetingProviderContex = React.createContext();
-
 var useMeeting = function useMeeting(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
     _ref$onParticipantJoi = _ref.onParticipantJoined,
@@ -300,7 +300,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.66";
+var version = "0.1.67";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -357,15 +357,22 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState16 = React.useState(false),
     isHls = _useState16[0],
     setIsHls = _useState16[1];
-  var _useState17 = React.useState(null),
+  var _useState17 = React.useState('RECORDING_STOPPED'),
     recordingState = _useState17[0],
     setRecordingState = _useState17[1];
-  var _useState18 = React.useState(null),
+  var _useState18 = React.useState('LIVESTREAM_STOPPED'),
     livestreamState = _useState18[0],
     setLivestreamState = _useState18[1];
-  var _useState19 = React.useState(null),
+  var _useState19 = React.useState('HLS_STOPPED'),
     hlsState = _useState19[0],
     setHlsState = _useState19[1];
+  var _useState20 = React.useState({
+      downstreamUrl: null,
+      playbackHlsUrl: null,
+      livestreamUrl: null
+    }),
+    hlsUrls = _useState20[0],
+    setHlsUrls = _useState20[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -419,9 +426,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setConnections(new Map());
     setIsMeetingJoined(false);
     setIsHls(false);
-    setRecordingState(null);
-    setLivestreamState(null);
-    setHlsState(null);
+    setRecordingState('RECORDING_STOPPED');
+    setLivestreamState('LIVESTREAM_STOPPED');
+    setHlsState('HLS_STOPPED');
+    setHlsUrls({
+      downstreamUrl: null,
+      playbackHlsUrl: null,
+      livestreamUrl: null
+    });
   };
   var _handle_participant_joined = function _handle_participant_joined(participant) {
     setParticipants(function (participants) {
@@ -622,6 +634,19 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var _handle_hls_state_changed = function _handle_hls_state_changed(data) {
     setHlsState(data === null || data === void 0 ? void 0 : data.status);
+    if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_PLAYABLE') {
+      setHlsUrls({
+        downstreamUrl: data === null || data === void 0 ? void 0 : data.downstreamUrl,
+        playbackHlsUrl: data === null || data === void 0 ? void 0 : data.playbackHlsUrl,
+        livestreamUrl: data === null || data === void 0 ? void 0 : data.livestreamUrl
+      });
+    } else if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_STOPPED') {
+      setHlsUrls({
+        downstreamUrl: null,
+        playbackHlsUrl: null,
+        livestreamUrl: null
+      });
+    }
     eventEmitter.emit(events['hls-state-changed'], data);
   };
   var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
@@ -635,7 +660,6 @@ var MeetingProvider = function MeetingProvider(_ref) {
       participants.set(part.id, part);
       return participants;
     });
-
     if (data.participantId === (meetingRef === null || meetingRef === void 0 ? void 0 : (_meetingRef$current2 = meetingRef.current) === null || _meetingRef$current2 === void 0 ? void 0 : (_meetingRef$current2$ = _meetingRef$current2.localParticipant) === null || _meetingRef$current2$ === void 0 ? void 0 : _meetingRef$current2$.id)) {
       setLocalParticipant(function (participant) {
         participant.mode = data.mode;
@@ -901,7 +925,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       payload = _ref6.payload;
     try {
       var _meeting3 = meetingRef.current;
-      var _temp2 = function () {
+      var _temp = function () {
         if (_meeting3) {
           return Promise.resolve(_meeting3.connectTo({
             meetingId: meetingId,
@@ -909,7 +933,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
           })).then(function () {});
         }
       }();
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -972,6 +996,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       recordingState: recordingState,
       livestreamState: livestreamState,
       hlsState: hlsState,
+      hlsUrls: hlsUrls,
       isMeetingJoined: isMeetingJoined,
       join: join,
       leave: leave,
@@ -1041,7 +1066,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
         cam: false,
         share: false
       };
-
       return {
         participants: participants,
         localParticipant: localParticipant,
@@ -1055,7 +1079,6 @@ var useParticipant = function useParticipant(participantId, _temp) {
     activeSpeakerId = _useMemo.activeSpeakerId,
     mainParticipant = _useMemo.mainParticipant,
     pinState = _useMemo.pinState;
-
   var participant = participants === null || participants === void 0 ? void 0 : participants.get(participantId);
   var _useState5 = React.useState(participant === null || participant === void 0 ? void 0 : participant.webcamOn),
     webcamOn = _useState5[0],
@@ -1176,6 +1199,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
   var unpin = function unpin(data) {
     participant === null || participant === void 0 ? void 0 : participant.unpin(data);
   };
+  var remove = function remove() {
+    participant === null || participant === void 0 ? void 0 : participant.remove();
+  };
   var getAudioStats = function getAudioStats() {
     return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getAudioStats());
   };
@@ -1253,6 +1279,7 @@ var useParticipant = function useParticipant(participantId, _temp) {
     disableWebcam: disableWebcam,
     pin: pin,
     unpin: unpin,
+    remove: remove,
     switchTo: switchTo,
     getAudioStats: getAudioStats,
     getVideoStats: getVideoStats,
@@ -1346,7 +1373,6 @@ var usePubSub = function usePubSub(topic, _temp) {
     messages = _useState[0],
     setMessages = _useState[1];
   var isSubscribed = React.useRef(false);
-
   var publish = function publish(message, options) {
     if (meeting) {
       meeting.pubSub.publish(topic, message, options);
@@ -1388,7 +1414,6 @@ var usePubSub = function usePubSub(topic, _temp) {
 };
 
 var Constants = jsSdk.VideoSDK.Constants;
-
 var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
   var _ref$cameraId = _ref.cameraId,
     cameraId = _ref$cameraId === void 0 ? undefined : _ref$cameraId,
@@ -1412,7 +1437,6 @@ var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
     return Promise.reject(e);
   }
 };
-
 var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
   var _ref2$encoderConfig = _ref2.encoderConfig,
     encoderConfig = _ref2$encoderConfig === void 0 ? undefined : _ref2$encoderConfig,
@@ -1430,7 +1454,6 @@ var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
     return Promise.reject(e);
   }
 };
-
 var createMicrophoneAudioTrack = function createMicrophoneAudioTrack(_ref3) {
   var _ref3$noiseConfig = _ref3.noiseConfig,
     noiseConfig = _ref3$noiseConfig === void 0 ? undefined : _ref3$noiseConfig,