@reactoo/watchtogether-sdk-js 2.5.45 → 2.5.46

package/example/bulk_join_room/bulk_join_room_2.html

@@ -48,6 +48,11 @@
 			<input type="text" id="instance-type" onchange="applySettingsFromForm()">
 		</div>
 
+		<div class="form-group">
+			<label for="swagger-url">Swagger URL</label>
+			<input type="text" id="swagger-url" onchange="applySettingsFromForm()">
+		</div>
+
 		<div class="form-group">
 			<label for="fetch-names">Fetch participants names</label>
 			<input type="checkbox" id="fetch-names" onchange="applySettingsFromForm()">
@@ -95,11 +100,12 @@
 		participantsOrderRandomization: false,
 		minParticipantsCount: 1,
 		maxParticipantsCount: 32,
-		instanceType: "reactooDemo",
 		roomId: "",
 		pinHash: "",
 		connectionDelay: 1,
 		parallelQueues: 1, // number of parallel queues for joining participants - only applied when connectionDelay is 0
+		instanceType: "reactooDemo",
+		swaggerUrl: "https://api.reactoo.com/v3/swagger.json",
 		fetchNames: false,
 		participantsNames: [],
 	};
@@ -119,6 +125,7 @@
 			connectionDelay: document.getElementById("connection-delay"),
 			parallelQueues: document.getElementById("parallel-queues"),
 			instanceType: document.getElementById("instance-type"),
+			swaggerUrl: document.getElementById("swagger-url"),
 			fetchNames: document.getElementById("fetch-names"),
 			participantsNames: document.getElementById("participants-names"),
 		},
@@ -144,17 +151,18 @@
 
 	function applySettingsFromForm() {
 		settings = {
-			participantsCount: parseInt(elements.form.participantsCount.value) || 0,
+			participantsCount: parseInt(elements.form.participantsCount.value) || defaultSettings.participantsCount,
 			participantsOrderRandomization: elements.form.participantsOrderRandomization.checked,
-			minParticipantsCount: parseInt(settings.minParticipantsCount) || 1,
-			maxParticipantsCount: parseInt(settings.maxParticipantsCount) || 32,
-			roomId: elements.form.roomId.value || "",
-			pinHash: elements.form.pinHash.value || "",
-			connectionDelay: parseFloat(elements.form.connectionDelay.value) || 0,
-			parallelQueues: parseInt(elements.form.parallelQueues.value) || 1,
-			instanceType: elements.form.instanceType.value || "reactooDemo",
+			minParticipantsCount: parseInt(settings.minParticipantsCount) || defaultSettings.minParticipantsCount,
+			maxParticipantsCount: parseInt(settings.maxParticipantsCount) || defaultSettings.maxParticipantsCount,
+			roomId: elements.form.roomId.value || defaultSettings.roomId,
+			pinHash: elements.form.pinHash.value || defaultSettings.pinHash,
+			connectionDelay: parseFloat(elements.form.connectionDelay.value) || defaultSettings.connectionDelay,
+			parallelQueues: parseInt(elements.form.parallelQueues.value) || defaultSettings.parallelQueues,
+			instanceType: elements.form.instanceType.value || defaultSettings.instanceType,
+			swaggerUrl: elements.form.swaggerUrl.value || defaultSettings.swaggerUrl,
 			fetchNames: elements.form.fetchNames.checked,
-			participantsNames: elements.form.participantsNames.value.split("\n"),
+			participantsNames: elements.form.participantsNames.value.split("\n") || "",
 		};
 
 		setSettingsToUrl(false);
@@ -201,6 +209,7 @@
 		elements.form.connectionDelay.value = settings.connectionDelay;
 		elements.form.parallelQueues.value = settings.parallelQueues;
 		elements.form.instanceType.value = settings.instanceType;
+		elements.form.swaggerUrl.value = settings.swaggerUrl;
 		elements.form.fetchNames.checked = settings.fetchNames;
 		elements.form.participantsNames.value = settings.participantsNames.join("\n");
 	}
@@ -234,7 +243,7 @@
 
 		const gifUrl = `./persons_gifs/${gifId}.gif`;
 		const frameIndex = 0;
-		const sdkInstance = WatchTogetherSDK({debug:true, storagePrefix: `participant_${gifId}`})({instanceType: settings.instanceType});
+		const sdkInstance = WatchTogetherSDK({debug: true, storagePrefix: `participant_${gifId}`, apiUrl: settings.swaggerUrl})({instanceType: settings.instanceType});
 
 		const containerElement = document.createElement('div');
 		containerElement.classList.add('participant-container');

package/package.json

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

package/src/modules/wt-room.js

@@ -98,9 +98,9 @@ class RoomSession {
 		participant: {
 			"watchparty": ['participant', 'talkback'],
 			"commentary": ['participant', 'talkback'],
-			"videowall": ['host', 'observer', 'talkback'],
-			"videowall-queue": ['host', 'observer', 'talkback'],
-			"videowall-queue-video": ['host', 'observer', 'talkback']
+			"videowall": ['host', 'talkback', 'observerSolo1', 'observerSolo2', 'observerSolo3'],
+			"videowall-queue": ['host', 'talkback', 'observerSolo1', 'observerSolo2', 'observerSolo3'],
+			"videowall-queue-video": ['host', 'talkback', 'observerSolo1', 'observerSolo2', 'observerSolo3']
 		},
 		monitor: {
 			"watchparty": ['participant'],
@@ -123,6 +123,27 @@ class RoomSession {
 			"videowall-queue": ['participant'],
 			"videowall-queue-video": ['participant'],
 		},
+		observerSolo1: {
+			"watchparty": ['participant'],
+			"commentary": ['participant'],
+			"videowall": ['participant'],
+			"videowall-queue": ['participant'],
+			"videowall-queue-video": ['participant'],
+		},
+		observerSolo2: {
+			"watchparty": ['participant'],
+			"commentary": ['participant'],
+			"videowall": ['participant'],
+			"videowall-queue": ['participant'],
+			"videowall-queue-video": ['participant'],
+		},
+		observerSolo3: {
+			"watchparty": ['participant'],
+			"commentary": ['participant'],
+			"videowall": ['participant'],
+			"videowall-queue": ['participant'],
+			"videowall-queue-video": ['participant'],
+		},
 		host: {
 			"watchparty": [],
 			"commentary": [],