@videosdk.live/react-sdk 0.4.0 → 0.4.2
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 +83 -72
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +83 -72
- package/dist/index.modern.js.map +1 -1
- package/dist/types/connectionMeeting.d.ts +2 -2
- package/dist/types/index.d.ts +14 -12
- package/dist/types/meeting.d.ts +20 -13
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -64,7 +64,7 @@ var events = {
|
|
|
64
64
|
'entry-responded': eventPrifix + "-entry-responded",
|
|
65
65
|
'recording-started': eventPrifix + "-recording-started",
|
|
66
66
|
'recording-stopped': eventPrifix + "-recording-stopped",
|
|
67
|
-
|
|
67
|
+
data: eventPrifix + "-data",
|
|
68
68
|
'meeting-joined': eventPrifix + "-meeting-joined",
|
|
69
69
|
'meeting-left': eventPrifix + "-meeting-left",
|
|
70
70
|
'live-stream-started': eventPrifix + "-live-stream-started",
|
|
@@ -141,8 +141,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
141
141
|
onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
|
|
142
142
|
_ref$onRecordingStopp = _ref.onRecordingStopped,
|
|
143
143
|
onRecordingStopped = _ref$onRecordingStopp === void 0 ? function () {} : _ref$onRecordingStopp,
|
|
144
|
-
_ref$
|
|
145
|
-
|
|
144
|
+
_ref$onData = _ref.onData,
|
|
145
|
+
onData = _ref$onData === void 0 ? function () {} : _ref$onData,
|
|
146
146
|
_ref$onMeetingJoined = _ref.onMeetingJoined,
|
|
147
147
|
onMeetingJoined = _ref$onMeetingJoined === void 0 ? function () {} : _ref$onMeetingJoined,
|
|
148
148
|
_ref$onMeetingLeft = _ref.onMeetingLeft,
|
|
@@ -209,7 +209,7 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
209
209
|
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
210
210
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
211
211
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
212
|
-
eventEmitter.on(events['
|
|
212
|
+
eventEmitter.on(events['data'], onData);
|
|
213
213
|
eventEmitter.on(events['meeting-joined'], onMeetingJoined);
|
|
214
214
|
eventEmitter.on(events['meeting-left'], onMeetingLeft);
|
|
215
215
|
eventEmitter.on(events['live-stream-started'], onLiveStreamStarted);
|
|
@@ -250,7 +250,7 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
250
250
|
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
251
251
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
252
252
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
253
|
-
eventEmitter.off(events['
|
|
253
|
+
eventEmitter.off(events['data'], onData);
|
|
254
254
|
eventEmitter.off(events['meeting-joined'], onMeetingJoined);
|
|
255
255
|
eventEmitter.off(events['meeting-left'], onMeetingLeft);
|
|
256
256
|
eventEmitter.off(events['live-stream-started'], onLiveStreamStarted);
|
|
@@ -305,8 +305,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
305
305
|
onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
|
|
306
306
|
_ref2$onRecordingStop = _ref2.onRecordingStopped,
|
|
307
307
|
onRecordingStopped = _ref2$onRecordingStop === void 0 ? function () {} : _ref2$onRecordingStop,
|
|
308
|
-
_ref2$
|
|
309
|
-
|
|
308
|
+
_ref2$onData = _ref2.onData,
|
|
309
|
+
onData = _ref2$onData === void 0 ? function () {} : _ref2$onData,
|
|
310
310
|
_ref2$onMeetingJoined = _ref2.onMeetingJoined,
|
|
311
311
|
onMeetingJoined = _ref2$onMeetingJoined === void 0 ? function () {} : _ref2$onMeetingJoined,
|
|
312
312
|
_ref2$onMeetingLeft = _ref2.onMeetingLeft,
|
|
@@ -374,7 +374,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
374
374
|
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
375
375
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
376
376
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
377
|
-
eventEmitter.on(events['
|
|
377
|
+
eventEmitter.on(events['data'], onData);
|
|
378
378
|
eventEmitter.on(events['meeting-joined'], onMeetingJoined);
|
|
379
379
|
eventEmitter.on(events['meeting-left'], onMeetingLeft);
|
|
380
380
|
eventEmitter.on(events['live-stream-enabled'], onLiveStreamStarted);
|
|
@@ -414,7 +414,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
414
414
|
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
415
415
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
416
416
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
417
|
-
eventEmitter.off(events['
|
|
417
|
+
eventEmitter.off(events['data'], onData);
|
|
418
418
|
eventEmitter.off(events['meeting-joined'], onMeetingJoined);
|
|
419
419
|
eventEmitter.off(events['meeting-left'], onMeetingLeft);
|
|
420
420
|
eventEmitter.off(events['live-stream-enabled'], onLiveStreamStarted);
|
|
@@ -446,7 +446,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
446
446
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
447
447
|
};
|
|
448
448
|
|
|
449
|
-
var version = "0.4.
|
|
449
|
+
var version = "0.4.2";
|
|
450
450
|
|
|
451
451
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
452
452
|
var children = _ref.children,
|
|
@@ -483,49 +483,49 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
483
483
|
var _useState9 = React.useState(false),
|
|
484
484
|
isRecording = _useState9[0],
|
|
485
485
|
setIsRecording = _useState9[1];
|
|
486
|
-
var
|
|
487
|
-
messages =
|
|
488
|
-
setMessages =
|
|
489
|
-
var _useState1 = React.useState(new Map()),
|
|
490
|
-
participants = _useState1[0],
|
|
491
|
-
setParticipants = _useState1[1];
|
|
492
|
-
var _useState10 = React.useState(new Map()),
|
|
493
|
-
characters = _useState10[0],
|
|
494
|
-
setCharacters = _useState10[1];
|
|
486
|
+
var _useState10 = React.useState([]),
|
|
487
|
+
messages = _useState10[0],
|
|
488
|
+
setMessages = _useState10[1];
|
|
495
489
|
var _useState11 = React.useState(new Map()),
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
var _useState12 = React.useState(
|
|
499
|
-
|
|
500
|
-
|
|
490
|
+
participants = _useState11[0],
|
|
491
|
+
setParticipants = _useState11[1];
|
|
492
|
+
var _useState12 = React.useState(new Map()),
|
|
493
|
+
characters = _useState12[0],
|
|
494
|
+
setCharacters = _useState12[1];
|
|
501
495
|
var _useState13 = React.useState(new Map()),
|
|
502
|
-
|
|
503
|
-
|
|
496
|
+
pinnedParticipants = _useState13[0],
|
|
497
|
+
setPinnedParticipants = _useState13[1];
|
|
504
498
|
var _useState14 = React.useState(false),
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
var _useState15 = React.useState(
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
var _useState16 = React.useState(
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
var _useState17 = React.useState(
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
var _useState18 = React.useState('
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
var _useState19 = React.useState(
|
|
499
|
+
isLiveStreaming = _useState14[0],
|
|
500
|
+
setIsLiveStreaming = _useState14[1];
|
|
501
|
+
var _useState15 = React.useState(new Map()),
|
|
502
|
+
connections = _useState15[0],
|
|
503
|
+
setConnections = _useState15[1];
|
|
504
|
+
var _useState16 = React.useState(false),
|
|
505
|
+
isMeetingJoined = _useState16[0],
|
|
506
|
+
setIsMeetingJoined = _useState16[1];
|
|
507
|
+
var _useState17 = React.useState(false),
|
|
508
|
+
isHls = _useState17[0],
|
|
509
|
+
setIsHls = _useState17[1];
|
|
510
|
+
var _useState18 = React.useState('RECORDING_STOPPED'),
|
|
511
|
+
recordingState = _useState18[0],
|
|
512
|
+
setRecordingState = _useState18[1];
|
|
513
|
+
var _useState19 = React.useState('LIVESTREAM_STOPPED'),
|
|
514
|
+
livestreamState = _useState19[0],
|
|
515
|
+
setLivestreamState = _useState19[1];
|
|
516
|
+
var _useState20 = React.useState('HLS_STOPPED'),
|
|
517
|
+
hlsState = _useState20[0],
|
|
518
|
+
setHlsState = _useState20[1];
|
|
519
|
+
var _useState21 = React.useState({
|
|
520
520
|
downstreamUrl: null,
|
|
521
521
|
playbackHlsUrl: null,
|
|
522
522
|
livestreamUrl: null
|
|
523
523
|
}),
|
|
524
|
-
hlsUrls =
|
|
525
|
-
setHlsUrls =
|
|
526
|
-
var
|
|
527
|
-
transcriptionState =
|
|
528
|
-
setTranscriptionState =
|
|
524
|
+
hlsUrls = _useState21[0],
|
|
525
|
+
setHlsUrls = _useState21[1];
|
|
526
|
+
var _useState22 = React.useState('TRANSCRIPTION_STOPPED'),
|
|
527
|
+
transcriptionState = _useState22[0],
|
|
528
|
+
setTranscriptionState = _useState22[1];
|
|
529
529
|
var meetingRef = React.useRef();
|
|
530
530
|
var localMicOnRef = React.useRef();
|
|
531
531
|
var localWebcamOnRef = React.useRef();
|
|
@@ -625,7 +625,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
625
625
|
setMessages(function (s) {
|
|
626
626
|
return [].concat(s, [data]);
|
|
627
627
|
});
|
|
628
|
-
eventEmitter.emit(events['
|
|
628
|
+
eventEmitter.emit(events['data'], data);
|
|
629
629
|
};
|
|
630
630
|
var _handle_entry_requested = function _handle_entry_requested(data) {
|
|
631
631
|
eventEmitter.emit(events['entry-requested'], data);
|
|
@@ -714,7 +714,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
714
714
|
meeting.off('speaker-changed', _handle_speaker_changed);
|
|
715
715
|
meeting.off('entry-requested', _handle_entry_requested);
|
|
716
716
|
meeting.off('entry-responded', _handle_entry_responded);
|
|
717
|
-
meeting.off('
|
|
717
|
+
meeting.off('data', _handle_chat_message);
|
|
718
718
|
meeting.off('recording-started', _handle_recording_started);
|
|
719
719
|
meeting.off('recording-stopped', _handle_recording_stopped);
|
|
720
720
|
meeting.off('meeting-joined', _handle_meeting_joined);
|
|
@@ -911,7 +911,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
911
911
|
meeting.on('speaker-changed', _handle_speaker_changed);
|
|
912
912
|
meeting.on('entry-requested', _handle_entry_requested);
|
|
913
913
|
meeting.on('entry-responded', _handle_entry_responded);
|
|
914
|
-
meeting.on('
|
|
914
|
+
meeting.on('data', _handle_chat_message);
|
|
915
915
|
meeting.on('recording-started', _handle_recording_started);
|
|
916
916
|
meeting.on('recording-stopped', _handle_recording_stopped);
|
|
917
917
|
meeting.on('meeting-joined', _handle_meeting_joined);
|
|
@@ -1084,10 +1084,21 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1084
1084
|
meeting.changeMode(mode);
|
|
1085
1085
|
}
|
|
1086
1086
|
};
|
|
1087
|
-
var
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1087
|
+
var send = function send(payload, options) {
|
|
1088
|
+
if (options === void 0) {
|
|
1089
|
+
options = {
|
|
1090
|
+
reliability: 'RELIABLE'
|
|
1091
|
+
};
|
|
1092
|
+
}
|
|
1093
|
+
try {
|
|
1094
|
+
var _meeting = meetingRef.current;
|
|
1095
|
+
return Promise.resolve(function () {
|
|
1096
|
+
if (_meeting) {
|
|
1097
|
+
return Promise.resolve(_meeting.send(payload, options));
|
|
1098
|
+
}
|
|
1099
|
+
}());
|
|
1100
|
+
} catch (e) {
|
|
1101
|
+
return Promise.reject(e);
|
|
1091
1102
|
}
|
|
1092
1103
|
};
|
|
1093
1104
|
var respondEntry = function respondEntry(participantId, decision) {
|
|
@@ -1098,10 +1109,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1098
1109
|
};
|
|
1099
1110
|
var getMics = function getMics() {
|
|
1100
1111
|
try {
|
|
1101
|
-
var
|
|
1112
|
+
var _meeting2 = meetingRef.current;
|
|
1102
1113
|
return Promise.resolve(function () {
|
|
1103
|
-
if (
|
|
1104
|
-
return Promise.resolve(
|
|
1114
|
+
if (_meeting2) {
|
|
1115
|
+
return Promise.resolve(_meeting2.getMics());
|
|
1105
1116
|
}
|
|
1106
1117
|
}());
|
|
1107
1118
|
} catch (e) {
|
|
@@ -1110,10 +1121,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1110
1121
|
};
|
|
1111
1122
|
var getWebcams = function getWebcams() {
|
|
1112
1123
|
try {
|
|
1113
|
-
var
|
|
1124
|
+
var _meeting3 = meetingRef.current;
|
|
1114
1125
|
return Promise.resolve(function () {
|
|
1115
|
-
if (
|
|
1116
|
-
return Promise.resolve(
|
|
1126
|
+
if (_meeting3) {
|
|
1127
|
+
return Promise.resolve(_meeting3.getWebcams());
|
|
1117
1128
|
}
|
|
1118
1129
|
}());
|
|
1119
1130
|
} catch (e) {
|
|
@@ -1220,14 +1231,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1220
1231
|
meeting.stopLivestream();
|
|
1221
1232
|
}
|
|
1222
1233
|
};
|
|
1223
|
-
var connectTo = function connectTo(
|
|
1224
|
-
var meetingId =
|
|
1225
|
-
payload =
|
|
1234
|
+
var connectTo = function connectTo(_ref10) {
|
|
1235
|
+
var meetingId = _ref10.meetingId,
|
|
1236
|
+
payload = _ref10.payload;
|
|
1226
1237
|
try {
|
|
1227
|
-
var
|
|
1238
|
+
var _meeting4 = meetingRef.current;
|
|
1228
1239
|
var _temp = function () {
|
|
1229
|
-
if (
|
|
1230
|
-
return Promise.resolve(
|
|
1240
|
+
if (_meeting4) {
|
|
1241
|
+
return Promise.resolve(_meeting4.connectTo({
|
|
1231
1242
|
meetingId: meetingId,
|
|
1232
1243
|
payload: payload
|
|
1233
1244
|
})).then(function () {});
|
|
@@ -1310,7 +1321,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1310
1321
|
resumeAllStreams: resumeAllStreams,
|
|
1311
1322
|
startRecording: startRecording,
|
|
1312
1323
|
stopRecording: stopRecording,
|
|
1313
|
-
|
|
1324
|
+
send: send,
|
|
1314
1325
|
respondEntry: respondEntry,
|
|
1315
1326
|
muteMic: muteMic,
|
|
1316
1327
|
unmuteMic: unmuteMic,
|
|
@@ -1648,13 +1659,13 @@ var useConnection = function useConnection(connectionId, _temp) {
|
|
|
1648
1659
|
onMeeting: {
|
|
1649
1660
|
onParticipantJoined: function onParticipantJoined() {},
|
|
1650
1661
|
onParticipantLeft: function onParticipantLeft() {},
|
|
1651
|
-
|
|
1662
|
+
onData: function onData() {}
|
|
1652
1663
|
}
|
|
1653
1664
|
} : _temp,
|
|
1654
1665
|
onMeeting = _ref.onMeeting;
|
|
1655
1666
|
var onParticipantJoined = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantJoined;
|
|
1656
1667
|
var onParticipantLeft = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantLeft;
|
|
1657
|
-
var
|
|
1668
|
+
var onData = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onData;
|
|
1658
1669
|
var meeting = useMeeting();
|
|
1659
1670
|
var _useMemo = React.useMemo(function () {
|
|
1660
1671
|
var connection = meeting === null || meeting === void 0 ? void 0 : meeting.connections.get(connectionId);
|
|
@@ -1689,16 +1700,16 @@ var useConnection = function useConnection(connectionId, _temp) {
|
|
|
1689
1700
|
onParticipantLeft(participantId);
|
|
1690
1701
|
};
|
|
1691
1702
|
var _handleChatMessage = function _handleChatMessage(data) {
|
|
1692
|
-
|
|
1703
|
+
onData(data);
|
|
1693
1704
|
};
|
|
1694
1705
|
React.useEffect(function () {
|
|
1695
1706
|
connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-joined', _handleParticipantJoined);
|
|
1696
1707
|
connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-left', _handleParticipantLeft);
|
|
1697
|
-
connection === null || connection === void 0 ? void 0 : connection.meeting.on('
|
|
1708
|
+
connection === null || connection === void 0 ? void 0 : connection.meeting.on('data', _handleChatMessage);
|
|
1698
1709
|
return function () {
|
|
1699
1710
|
connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-joined', _handleParticipantJoined);
|
|
1700
1711
|
connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-left', _handleParticipantLeft);
|
|
1701
|
-
connection === null || connection === void 0 ? void 0 : connection.meeting.off('
|
|
1712
|
+
connection === null || connection === void 0 ? void 0 : connection.meeting.off('data', _handleChatMessage);
|
|
1702
1713
|
};
|
|
1703
1714
|
}, [connection]);
|
|
1704
1715
|
return {
|
|
@@ -1731,7 +1742,7 @@ var usePubSub = function usePubSub(topic, _temp) {
|
|
|
1731
1742
|
var isSubscribed = React.useRef(false);
|
|
1732
1743
|
var publish = function publish(message, options, payload) {
|
|
1733
1744
|
if (meeting) {
|
|
1734
|
-
meeting.pubSub.publish(topic, message, options, payload);
|
|
1745
|
+
return meeting.pubSub.publish(topic, message, options, payload);
|
|
1735
1746
|
}
|
|
1736
1747
|
};
|
|
1737
1748
|
var _handlePubSub = function _handlePubSub(data) {
|