@videosdk.live/react-sdk 0.2.3 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +115 -57
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +115 -57
- package/dist/index.modern.js.map +1 -1
- package/dist/types/index.d.ts +18 -0
- package/dist/types/meeting.d.ts +16 -0
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -5,52 +5,62 @@ var React__default = _interopDefault(React);
|
|
|
5
5
|
var EventEmitter = _interopDefault(require('events'));
|
|
6
6
|
var jsSdk = require('@videosdk.live/js-sdk');
|
|
7
7
|
|
|
8
|
-
function _arrayLikeToArray(r, a) {
|
|
9
|
-
(null == a || a > r.length) && (a = r.length);
|
|
10
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
11
|
-
return n;
|
|
12
|
-
}
|
|
13
|
-
function _createForOfIteratorHelperLoose(r, e) {
|
|
14
|
-
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
15
|
-
if (t) return (t = t.call(r)).next.bind(t);
|
|
16
|
-
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
|
|
17
|
-
t && (r = t);
|
|
18
|
-
var o = 0;
|
|
19
|
-
return function () {
|
|
20
|
-
return o >= r.length ? {
|
|
21
|
-
done: !0
|
|
22
|
-
} : {
|
|
23
|
-
done: !1,
|
|
24
|
-
value: r[o++]
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
29
|
-
}
|
|
30
8
|
function _extends() {
|
|
31
|
-
|
|
32
|
-
for (var
|
|
33
|
-
var
|
|
34
|
-
for (var
|
|
9
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
10
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
11
|
+
var source = arguments[i];
|
|
12
|
+
for (var key in source) {
|
|
13
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
14
|
+
target[key] = source[key];
|
|
15
|
+
}
|
|
16
|
+
}
|
|
35
17
|
}
|
|
36
|
-
return
|
|
37
|
-
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
return _extends.apply(this, arguments);
|
|
38
21
|
}
|
|
39
|
-
function _objectWithoutPropertiesLoose(
|
|
40
|
-
if (
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
23
|
+
if (source == null) return {};
|
|
24
|
+
var target = {};
|
|
25
|
+
var sourceKeys = Object.keys(source);
|
|
26
|
+
var key, i;
|
|
27
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
28
|
+
key = sourceKeys[i];
|
|
29
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
30
|
+
target[key] = source[key];
|
|
45
31
|
}
|
|
46
|
-
return
|
|
32
|
+
return target;
|
|
33
|
+
}
|
|
34
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
35
|
+
if (!o) return;
|
|
36
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
37
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
38
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
39
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
40
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
41
|
+
}
|
|
42
|
+
function _arrayLikeToArray(arr, len) {
|
|
43
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
44
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
45
|
+
return arr2;
|
|
47
46
|
}
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
48
|
+
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
49
|
+
if (it) return (it = it.call(o)).next.bind(it);
|
|
50
|
+
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
51
|
+
if (it) o = it;
|
|
52
|
+
var i = 0;
|
|
53
|
+
return function () {
|
|
54
|
+
if (i >= o.length) return {
|
|
55
|
+
done: true
|
|
56
|
+
};
|
|
57
|
+
return {
|
|
58
|
+
done: false,
|
|
59
|
+
value: o[i++]
|
|
60
|
+
};
|
|
61
|
+
};
|
|
53
62
|
}
|
|
63
|
+
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
54
64
|
}
|
|
55
65
|
|
|
56
66
|
var eventPrifix = 'videosdk-live-react-sdk';
|
|
@@ -91,7 +101,9 @@ var events = {
|
|
|
91
101
|
'character-joined': eventPrifix + "-character-joined",
|
|
92
102
|
'character-left': eventPrifix + "-character-left",
|
|
93
103
|
'whiteboard-started': eventPrifix + "-whiteboard-started",
|
|
94
|
-
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped"
|
|
104
|
+
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
|
|
105
|
+
'paused-all-streams': eventPrifix + "-paused-all-streams",
|
|
106
|
+
'resumed-all-streams': eventPrifix + "-resumed-all-streams"
|
|
95
107
|
};
|
|
96
108
|
var eventEmitter = new EventEmitter();
|
|
97
109
|
eventEmitter.setMaxListeners(9999);
|
|
@@ -126,6 +138,10 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
126
138
|
onEntryRequested = _ref$onEntryRequested === void 0 ? function () {} : _ref$onEntryRequested,
|
|
127
139
|
_ref$onEntryResponded = _ref.onEntryResponded,
|
|
128
140
|
onEntryResponded = _ref$onEntryResponded === void 0 ? function () {} : _ref$onEntryResponded,
|
|
141
|
+
_ref$onPausedAllStrea = _ref.onPausedAllStreams,
|
|
142
|
+
onPausedAllStreams = _ref$onPausedAllStrea === void 0 ? function () {} : _ref$onPausedAllStrea,
|
|
143
|
+
_ref$onResumedAllStre = _ref.onResumedAllStreams,
|
|
144
|
+
onResumedAllStreams = _ref$onResumedAllStre === void 0 ? function () {} : _ref$onResumedAllStre,
|
|
129
145
|
_ref$onRecordingStart = _ref.onRecordingStarted,
|
|
130
146
|
onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
|
|
131
147
|
_ref$onRecordingStopp = _ref.onRecordingStopped,
|
|
@@ -184,6 +200,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
184
200
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
185
201
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
186
202
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
203
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
204
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
187
205
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
188
206
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
189
207
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -218,6 +236,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
218
236
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
219
237
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
220
238
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
239
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
240
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
221
241
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
222
242
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
223
243
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -262,6 +282,10 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
262
282
|
onEntryRequested = _ref2$onEntryRequeste === void 0 ? function () {} : _ref2$onEntryRequeste,
|
|
263
283
|
_ref2$onEntryResponde = _ref2.onEntryResponded,
|
|
264
284
|
onEntryResponded = _ref2$onEntryResponde === void 0 ? function () {} : _ref2$onEntryResponde,
|
|
285
|
+
_ref2$onPausedAllStre = _ref2.onPausedAllStreams,
|
|
286
|
+
onPausedAllStreams = _ref2$onPausedAllStre === void 0 ? function () {} : _ref2$onPausedAllStre,
|
|
287
|
+
_ref2$onResumedAllStr = _ref2.onResumedAllStreams,
|
|
288
|
+
onResumedAllStreams = _ref2$onResumedAllStr === void 0 ? function () {} : _ref2$onResumedAllStr,
|
|
265
289
|
_ref2$onRecordingStar = _ref2.onRecordingStarted,
|
|
266
290
|
onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
|
|
267
291
|
_ref2$onRecordingStop = _ref2.onRecordingStopped,
|
|
@@ -321,6 +345,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
321
345
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
322
346
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
323
347
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
348
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
349
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
324
350
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
325
351
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
326
352
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -354,6 +380,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
354
380
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
355
381
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
356
382
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
383
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
384
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
357
385
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
358
386
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
359
387
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -383,7 +411,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
383
411
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
384
412
|
};
|
|
385
413
|
|
|
386
|
-
var version = "0.
|
|
414
|
+
var version = "0.3.0";
|
|
387
415
|
|
|
388
416
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
389
417
|
var children = _ref.children,
|
|
@@ -635,7 +663,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
635
663
|
setIsMeetingJoined(true);
|
|
636
664
|
}
|
|
637
665
|
};
|
|
638
|
-
var
|
|
666
|
+
var _handle_meeting_left = function _handle_meeting_left() {
|
|
639
667
|
eventEmitter.emit(events['meeting-left']);
|
|
640
668
|
var meeting = meetingRef.current;
|
|
641
669
|
if (meeting) {
|
|
@@ -653,7 +681,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
653
681
|
meeting.off('recording-started', _handle_recording_started);
|
|
654
682
|
meeting.off('recording-stopped', _handle_recording_stopped);
|
|
655
683
|
meeting.off('meeting-joined', _handle_meeting_joined);
|
|
656
|
-
meeting.off('meeting-left',
|
|
684
|
+
meeting.off('meeting-left', _handle_meeting_left);
|
|
657
685
|
meeting.off('livestream-started', _handle_live_stream_started);
|
|
658
686
|
meeting.off('livestream-stopped', _handle_live_stream_stopped);
|
|
659
687
|
meeting.off('video-state-changed', _handle_video_state_changed);
|
|
@@ -661,6 +689,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
661
689
|
meeting.off('webcam-requested', _handle_webcam_requested);
|
|
662
690
|
meeting.off('mic-requested', _handle_mic_requested);
|
|
663
691
|
meeting.off('pin-state-changed', _handle_pin_state_changed);
|
|
692
|
+
meeting.off('paused-all-streams', _handle_streams_paused);
|
|
693
|
+
meeting.off('resumed-all-streams', _handle_streams_resumed);
|
|
664
694
|
meeting.off('connection-open', _handle_connection_open);
|
|
665
695
|
meeting.off('connection-close', _handle_connection_close);
|
|
666
696
|
meeting.off('switch-meeting', _handle_switch_meeting);
|
|
@@ -703,6 +733,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
703
733
|
pinnedBy: pinnedBy
|
|
704
734
|
});
|
|
705
735
|
};
|
|
736
|
+
var _handle_streams_paused = function _handle_streams_paused(_ref3) {
|
|
737
|
+
var kind = _ref3.kind;
|
|
738
|
+
eventEmitter.emit(events['paused-all-streams'], {
|
|
739
|
+
kind: kind
|
|
740
|
+
});
|
|
741
|
+
};
|
|
742
|
+
var _handle_streams_resumed = function _handle_streams_resumed(_ref4) {
|
|
743
|
+
var kind = _ref4.kind;
|
|
744
|
+
eventEmitter.emit(events['resumed-all-streams'], {
|
|
745
|
+
kind: kind
|
|
746
|
+
});
|
|
747
|
+
};
|
|
706
748
|
var _handle_connection_open = function _handle_connection_open(connection) {
|
|
707
749
|
setConnections(function (s) {
|
|
708
750
|
s.set(connection.id, connection);
|
|
@@ -821,7 +863,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
821
863
|
meeting.on('recording-started', _handle_recording_started);
|
|
822
864
|
meeting.on('recording-stopped', _handle_recording_stopped);
|
|
823
865
|
meeting.on('meeting-joined', _handle_meeting_joined);
|
|
824
|
-
meeting.on('meeting-left',
|
|
866
|
+
meeting.on('meeting-left', _handle_meeting_left);
|
|
825
867
|
meeting.on('livestream-started', _handle_live_stream_started);
|
|
826
868
|
meeting.on('livestream-stopped', _handle_live_stream_stopped);
|
|
827
869
|
meeting.on('video-state-changed', _handle_video_state_changed);
|
|
@@ -829,6 +871,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
829
871
|
meeting.on('webcam-requested', _handle_webcam_requested);
|
|
830
872
|
meeting.on('mic-requested', _handle_mic_requested);
|
|
831
873
|
meeting.on('pin-state-changed', _handle_pin_state_changed);
|
|
874
|
+
meeting.on('paused-all-streams', _handle_streams_paused);
|
|
875
|
+
meeting.on('resumed-all-streams', _handle_streams_resumed);
|
|
832
876
|
meeting.on('connection-open', _handle_connection_open);
|
|
833
877
|
meeting.on('connection-close', _handle_connection_close);
|
|
834
878
|
meeting.on('switch-meeting', _handle_switch_meeting);
|
|
@@ -861,6 +905,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
861
905
|
meeting.end();
|
|
862
906
|
}
|
|
863
907
|
};
|
|
908
|
+
var pauseAllStreams = function pauseAllStreams(kind) {
|
|
909
|
+
var meeting = meetingRef.current;
|
|
910
|
+
if (meeting) {
|
|
911
|
+
meeting.pauseAllStreams(kind);
|
|
912
|
+
}
|
|
913
|
+
};
|
|
914
|
+
var resumeAllStreams = function resumeAllStreams(kind) {
|
|
915
|
+
var meeting = meetingRef.current;
|
|
916
|
+
if (meeting) {
|
|
917
|
+
meeting.resumeAllStreams(kind);
|
|
918
|
+
}
|
|
919
|
+
};
|
|
864
920
|
var startRecording = function startRecording(webhookUrl, awsDirPath, config, transcription) {
|
|
865
921
|
var meeting = meetingRef.current;
|
|
866
922
|
if (meeting) {
|
|
@@ -928,9 +984,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
928
984
|
enableWebcam(customVideoTrack);
|
|
929
985
|
}
|
|
930
986
|
};
|
|
931
|
-
var switchTo = function switchTo(
|
|
932
|
-
var meetingId =
|
|
933
|
-
token =
|
|
987
|
+
var switchTo = function switchTo(_ref5) {
|
|
988
|
+
var meetingId = _ref5.meetingId,
|
|
989
|
+
token = _ref5.token;
|
|
934
990
|
var meeting = meetingRef.current;
|
|
935
991
|
if (meeting) {
|
|
936
992
|
meeting.switchTo({
|
|
@@ -1025,8 +1081,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1025
1081
|
meeting.changeMic(obj);
|
|
1026
1082
|
}
|
|
1027
1083
|
};
|
|
1028
|
-
var startVideo = function startVideo(
|
|
1029
|
-
var link =
|
|
1084
|
+
var startVideo = function startVideo(_ref6) {
|
|
1085
|
+
var link = _ref6.link;
|
|
1030
1086
|
var meeting = meetingRef.current;
|
|
1031
1087
|
if (meeting) {
|
|
1032
1088
|
meeting.startVideo({
|
|
@@ -1046,8 +1102,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1046
1102
|
meeting.resumeVideo();
|
|
1047
1103
|
}
|
|
1048
1104
|
};
|
|
1049
|
-
var pauseVideo = function pauseVideo(
|
|
1050
|
-
var currentTime =
|
|
1105
|
+
var pauseVideo = function pauseVideo(_ref7) {
|
|
1106
|
+
var currentTime = _ref7.currentTime;
|
|
1051
1107
|
var meeting = meetingRef.current;
|
|
1052
1108
|
if (meeting) {
|
|
1053
1109
|
meeting.pauseVideo({
|
|
@@ -1067,8 +1123,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1067
1123
|
meeting.disableAdaptiveSubscription();
|
|
1068
1124
|
}
|
|
1069
1125
|
};
|
|
1070
|
-
var seekVideo = function seekVideo(
|
|
1071
|
-
var currentTime =
|
|
1126
|
+
var seekVideo = function seekVideo(_ref8) {
|
|
1127
|
+
var currentTime = _ref8.currentTime;
|
|
1072
1128
|
var meeting = meetingRef.current;
|
|
1073
1129
|
if (meeting) {
|
|
1074
1130
|
meeting.seekVideo({
|
|
@@ -1088,9 +1144,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1088
1144
|
meeting.stopLivestream();
|
|
1089
1145
|
}
|
|
1090
1146
|
};
|
|
1091
|
-
var connectTo = function connectTo(
|
|
1092
|
-
var meetingId =
|
|
1093
|
-
payload =
|
|
1147
|
+
var connectTo = function connectTo(_ref9) {
|
|
1148
|
+
var meetingId = _ref9.meetingId,
|
|
1149
|
+
payload = _ref9.payload;
|
|
1094
1150
|
try {
|
|
1095
1151
|
var _meeting3 = meetingRef.current;
|
|
1096
1152
|
var _temp = function () {
|
|
@@ -1173,6 +1229,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1173
1229
|
join: join,
|
|
1174
1230
|
leave: leave,
|
|
1175
1231
|
end: end,
|
|
1232
|
+
pauseAllStreams: pauseAllStreams,
|
|
1233
|
+
resumeAllStreams: resumeAllStreams,
|
|
1176
1234
|
startRecording: startRecording,
|
|
1177
1235
|
stopRecording: stopRecording,
|
|
1178
1236
|
sendChatMessage: sendChatMessage,
|