@reactoo/watchtogether-sdk-js 2.5.9 → 2.5.10

package/example/bulk_join_room/bulk_join_room.html

@@ -70,11 +70,6 @@
 		document.getElementById('join-room').setAttribute('disabled', true);
 		document.getElementById('joined-participants-count').value = joinedParticipantsCount;
 
-		// // TODO - toto tu na konci nebude. Je to len preistotu, aby som znova nezhodil server
-		// if (participantsCount > 4) {
-		// 	participantsCount = 4;
-		// }
-
 		participantsData = Array(participantsCount).fill(0).map((_, i) => {
 			const canvas = document.createElement('canvas');
 			const canvasContext = canvas.getContext('2d');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactoo/watchtogether-sdk-js",
-  "version": "2.5.9",
+  "version": "2.5.10",
   "description": "Javascript SDK for Reactoo",
   "main": "src/index.js",
   "unpkg": "dist/watchtogether-sdk.min.js",
@@ -42,10 +42,9 @@
     "yargs": "^10.1.2"
   },
   "dependencies": {
-    "@fingerprintjs/fingerprintjs": "^2.1.5",
+    "@fingerprintjs/fingerprintjs": "^3.3.2",
     "aws-iot-device-sdk": "^2.2.11",
-    "paho-mqtt": "^1.1.0",
-    "serialize-error": "^7.0.1",
+    "serialize-error": "^9.1.0",
     "swagger-client": "^3.18.0",
     "webrtc-adapter": "^8.1.1"
   },

package/src/models/auth.js

@@ -34,8 +34,7 @@ let auth = function () {
         },
         
         deviceLogin: (salt) => {
-            return wait(300)
-                .then(() => getBrowserFingerprint(this.__instanceType, salt))
+            return getBrowserFingerprint(this.__instanceType, salt)
                 .then( deviceId => Promise.all([deviceId, this.__privates.auth.__client]))
                 .then(([deviceId, client]) => client.apis.auth.deviceSignIn({},{requestBody:{deviceId, domain: location.hostname}}))
                 .then(response => {

package/src/models/room-session.js

@@ -19,6 +19,7 @@ import syncUniversal from "../modules/sync-modules/sync-universal";
 
 let roomSession = function ({roomId, pinHash, isTalkback, isMonitor, isInstructor}, room, wt) {
 
+	let primaryRoomId = roomId;
 	let publicCustomEvents = ['changePlayerSource', 'chatMessage', 'userUpdate', 'reconnecting', 'connecting', 'remoteMuted', 'scaling'];
 
 	const addEvents = (events) => {
@@ -82,11 +83,11 @@ let roomSession = function ({roomId, pinHash, isTalkback, isMonitor, isInstructo
 			return room._iceRestart(room.handleId);
 		},
 
-		connect: function () {
+		connect: function ({reactooRoomId = null} = {}) {
 			emitter.emit('connecting', true);
 			clearTimeout(alpTimeoutId);
 			return Promise.all([wt.room.__joinRoom({
-				roomId,
+				roomId: reactooRoomId || primaryRoomId,
 				pinHash,
 				isTalkback,
 				isMonitor,
@@ -94,16 +95,14 @@ let roomSession = function ({roomId, pinHash, isTalkback, isMonitor, isInstructo
 			}), wt.user.getUserSelf()])
 				.then(([roomData, userData]) => {
 					// Happens when we reroute user to a different room
-					if(roomData?.data?.reactooRoomId) {
-						roomId = roomData.data.reactooRoomId
+					if(roomData?.data?.reactooRoomId !== roomId) {
+						roomId = roomData.data.reactooRoomId;
+						emitter.emit('changeRoomId', roomId);
 					}
 					return Promise.all([roomData, userData])
 				})
 				.then(([roomData, userData]) => Promise.all([roomData, userData, this.setRoomVars()]))
 				.then(([roomData, userData, _]) => Promise.all([roomData, userData, room.connect(roomData.data.roomId, roomData.data.pin, roomData.data.href, roomData.data.iceServers, roomData.data.accessToken, (isMonitor || isInstructor || isTalkback) ? roomData.data.userId : userData.data._id, roomData.data.webrtcVersion, (roomData.data.bitrate ? parseInt(roomData.data.bitrate) : 0), isMonitor, roomData.data.recordingFilename)]))
-				.then(([roomData, userData, _]) => {
-					return roomData.data
-				})
 				.finally(() => {
 					emitter.emit('connecting', false);
 				})
@@ -116,7 +115,7 @@ let roomSession = function ({roomId, pinHash, isTalkback, isMonitor, isInstructo
 		},
 
 		//TODO: refactor restart method
-		restart: function (isObserver = false) {
+		restart: function ({isObserver = false, reactooRoomId = null} = {}) {
 
 			emitter.emit('reconnecting', true);
 			room.isRestarting = true;
@@ -130,7 +129,7 @@ let roomSession = function ({roomId, pinHash, isTalkback, isMonitor, isInstructo
 
 			return this.disconnect()
 				.then(() => wait(1000)) //TODO: remove 1000ms wait by waiting for proper events from janus
-				.then(() => this.connect())
+				.then(() => this.connect({reactooRoomId}))
 				.then(() => {
 					if (isObserver) {
 						return this.publishLocal(null, {getStreamIfEmpty: false, unpublishFirst: true});

package/src/modules/wt-utils.js

@@ -1,27 +1,21 @@
-import Fingerprint2 from '@fingerprintjs/fingerprintjs';
+import FingerprintJs from "@fingerprintjs/fingerprintjs";
 
 let wait = function(ms) { return new Promise(resolve => setTimeout(resolve, ms))};
-
+let fingerprint = FingerprintJs.load({
+    monitoring: false
+})
 let getBrowserFingerprint = function (instanceType = '', salt = '') {
-    return new Promise((resolve) => {
-        let options = {
-            extraComponents : [
-                {
-                    key: 'instanceType',
-                    getData: function (done, options) {
-                        done(instanceType + '_' + salt)
-                    }
-                }
-            ]
-        }
-        new Fingerprint2.get(options, (components) => {
-            var values = components.map(function (component) { return component.value });
-            var murmur = Fingerprint2.x64hash128(values.join(''), 31);
-            resolve([8,13,18,23].reduce((acc, cur) => {
+    return fingerprint
+        .then(fp => fp.get())
+        .then(result => {
+            const components = {
+                ...result.components,
+                instanceType: { value: instanceType + '_' + salt },
+            }
+            return [8,13,18,23].reduce((acc, cur) => {
                 return acc.slice(0,cur) + '-' + acc.slice(cur)
-            }, murmur).substr(0,36));
+            }, FingerprintJs.hashComponents(components)).substring(0,36)
         })
-    });
 };
 
 let generateUUID = function () {