@reactoo/watchtogether-sdk-js 2.5.23 → 2.5.24

package/example/bulk_join_room/bulk_join_room.html

@@ -19,7 +19,12 @@
 	<!--<br><br>-->
 
 	<label for="room-id">Room ID</label><br>
-	<input type="text" id="room-id" placeholder="0512f218-6a4a-45e1-9d05-d5a0e5afb33d" size="40">
+	<input type="text" id="room-id" placeholder="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" size="40">
+
+	<br><br>
+
+	<label for="pin-hash">Pin Hash</label><br>
+	<input type="text" id="pin-hash" placeholder="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX" size="40">
 
 	<br><br>
 
@@ -48,6 +53,7 @@
 	let participantsCount = 3;
 	let instanceType = "reactooDemo";
 	let roomId = "0512f218-6a4a-45e1-9d05-d5a0e5afb33d";
+	let pinHash = undefined;
 	let timeoutBetweenParticipantsJoins = 5000;
 
 	let participantsData = null;
@@ -65,8 +71,17 @@
 		participantsCount = parseInt(document.getElementById('users-count').value);
 		// instanceType = document.getElementById('instance-type').value;
 		roomId = document.getElementById('room-id').value;
+		pinHash = document.getElementById('pin-hash').value;
 		timeoutBetweenParticipantsJoins = document.getElementById('connection-timeout').value;
 
+		const url = new URL(location.href);
+		participantsCount ? url.searchParams.set('participantsCount', participantsCount) : url.searchParams.delete('participantsCount');
+		// instanceType ? url.searchParams.set('instanceType', instanceType) : url.searchParams.delete('instanceType');
+		roomId ? url.searchParams.set('roomId', roomId) : url.searchParams.delete('roomId');
+		pinHash ? url.searchParams.set('pinHash', pinHash) : url.searchParams.delete('pinHash');
+		timeoutBetweenParticipantsJoins ? url.searchParams.set('timeoutBetweenParticipantsJoins', timeoutBetweenParticipantsJoins) : url.searchParams.delete('timeoutBetweenParticipantsJoins');
+		history.replaceState (null, '', url);
+
 		document.getElementById('join-room').setAttribute('disabled', true);
 		document.getElementById('joined-participants-count').value = joinedParticipantsCount;
 
@@ -169,7 +184,7 @@
 
 	function joinRoom(participantData) {
 		return participantData.sdkInstance.auth.deviceLogin(participantData.id)
-			.then(() => participantData.sdkInstance.room.createSession({roomId}))
+			.then(() => participantData.sdkInstance.room.createSession({roomId, pinHash}))
 			.then(session => {
 				participantData.session = session;
 				return Promise.all([session, session.connect()])
@@ -182,10 +197,24 @@
 		return participantData.session.disconnect();
 	}
 
+	function getQueryVar(varName){
+		const queryStr = decodeURI(window.location.search) + '&';
+		const regex = new RegExp('.*?[&\\?]' + varName + '=(.*?)&.*');
+		const val = queryStr.replace(regex, "$1");
+		return val === queryStr ? false : val;
+	}
+
 	document.addEventListener("DOMContentLoaded", function() {
+		participantsCount = getQueryVar('participantsCount') || participantsCount;
+		// instanceType = getQueryVar('instanceType') || instanceType;
+		roomId = getQueryVar('roomId') || roomId;
+		pinHash = getQueryVar('pinHash') || pinHash || '';
+		timeoutBetweenParticipantsJoins = getQueryVar('timeoutBetweenParticipantsJoins') || timeoutBetweenParticipantsJoins;
+
 		document.getElementById('users-count').value = participantsCount;
 		// document.getElementById('instance-type').value = instanceType;
 		document.getElementById('room-id').value = roomId;
+		document.getElementById('pin-hash').value = pinHash;
 		document.getElementById('connection-timeout').value = timeoutBetweenParticipantsJoins;
 	});
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactoo/watchtogether-sdk-js",
-  "version": "2.5.23",
+  "version": "2.5.24",
   "description": "Javascript SDK for Reactoo",
   "main": "src/index.js",
   "unpkg": "dist/watchtogether-sdk.min.js",

package/src/modules/sync-modules/sync-universal.js

@@ -339,7 +339,7 @@ const syncUniversal = function ({room, wt, roomSession, emitter} = {}) {
 				timestamp: new Date().getTime(),
 				fragment: String("0"),
 				fragment_pos: Number(fragmentPosition),
-				slave_id:Number(slaveId)
+				slave_id: Number(slaveId)
 			}});
 	};
 	

package/src/modules/wt-room.js

@@ -160,6 +160,8 @@ class RoomSession {
 		this._isStreaming = false;
 		this._isPublished = false;
 		this._isDataChannelOpen = false;
+		this._dataChannelTimeoutId = null;
+		this._messageTimeoutId = null;
 		this.isAudioMuted = false;
 		this.isVideoMuted = false;
 		this.isVideoEnabled = false;
@@ -319,14 +321,12 @@ class RoomSession {
 			transaction,
 			token: this.token, ...((this.sessionId && {'session_id': this.sessionId}) || {})
 		};
-		let timeouId = null;
-
 		return new Promise((resolve, reject) => {
 			let parseResponse = (event) => {
 				let json = JSON.parse(event.data);
 				let r_transaction = json['transaction'];
 				if (r_transaction === transaction && (!dontResolveOnAck || json['janus'] !== 'ack')) {
-					clearTimeout(timeouId);
+					clearTimeout(this._messageTimeoutId);
 					this.ws.removeEventListener('message', parseResponse);
 					if (json['janus'] === 'error') {
 						if (json?.error?.code == 403) {
@@ -348,7 +348,7 @@ class RoomSession {
 			} else {
 				if (this.ws && this.ws.readyState === 1) {
 					this.ws.addEventListener('message', parseResponse);
-					timeouId = setTimeout(() => {
+					this._messageTimeoutId = setTimeout(() => {
 						this.ws.removeEventListener('message', parseResponse);
 						reject({type: 'error', id: 3, message: 'send timeout', data: requestData});
 					}, 10000);
@@ -960,7 +960,8 @@ class RoomSession {
 		if (this.disconnectingPromise) {
 			return this.disconnectingPromise;
 		}
-
+		clearTimeout(this._messageTimeoutId);
+		clearTimeout(this._dataChannelTimeoutId);
 		this._stopKeepAlive();
 		this.disconnectingPromise = Promise.all(this._participants.map(p => this._removeParticipant(p.handleId)))
 			.finally(() => {
@@ -1864,12 +1865,12 @@ class RoomSession {
 					return new Promise((resolve, reject) => {
 						let __ = (val) => {
 							if (val) {
-								clearTimeout(___);
+								clearTimeout(this._dataChannelTimeoutId);
 								this.off('dataChannel', __, this);
 								resolve(this);
 							}
 						};
-						let ___ = setTimeout(() => {
+						this._dataChannelTimeoutId = setTimeout(() => {
 							this.off('dataChannel', __, this);
 							reject({type: 'error', id: 27, message: 'Data channel did not open', data: null});
 						}, 5000);