@reactoo/watchtogether-sdk-js 2.6.25 → 2.6.27

package/package.json

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

package/src/modules/wt-room.js

@@ -518,8 +518,23 @@ class RoomSession {
 					this.id = msg["id"];
 					this.privateId = msg["private_id"];
 					this.isConnected = true;
-					this.emit('joined', true);
 					this._log('We have successfully joined Room');
+					this.emit('joined', true, this.constructId);
+					this.emit('addLocalParticipant', {
+						tid: generateUUID(),
+						id: handle.handleId,
+						constructId: this.constructId,
+						userId: decodeJanusDisplay(handle.userId)?.userId,
+						role: decodeJanusDisplay(this.display)?.role,
+						track: null,
+						stream: null,
+						streamMap: {},
+						source: null,
+						adding: false,
+						removing: false,
+						hasAudioTrack: false,
+						hasVideoTrack: false,
+					});
 					for (let f in list) {
 						let userId = list[f]["display"];
 						let streams = list[f]["streams"] || [];
@@ -736,6 +751,7 @@ class RoomSession {
 					source: null,
 					track: null,
 					adding: false,
+					removing: false,
 					constructId: this.constructId,
 					hasAudioTrack: false,
 					hasVideoTrack: false
@@ -1397,9 +1413,9 @@ class RoomSession {
 						streamMap: structuredClone(config.streamMap),
 						track: null,
 						source: null,
-						optional: true,
 						constructId: this.constructId,
 						adding: false,
+						removing: false,
 						hasAudioTrack: !!(config.stream && config.stream.getAudioTracks().length),
 						hasVideoTrack: !!(config.stream && config.stream.getVideoTracks().length)
 					})
@@ -1420,7 +1436,6 @@ class RoomSession {
 						streamMap: structuredClone(config.streamMap),
 						track: null,
 						source: null,
-						optional: true,
 						constructId: this.constructId,
 						adding: false,
 						hasAudioTrack: !!(config.stream && config.stream.getAudioTracks().length),
@@ -1507,6 +1522,7 @@ class RoomSession {
 							track: event.track,
 							constructId: this.constructId,
 							adding: true,
+							removing: false,
 							hasAudioTrack: !!(config.stream && config.stream.getAudioTracks().length),
 							hasVideoTrack: !!(config.stream && config.stream.getVideoTracks().length)
 						});
@@ -2008,7 +2024,12 @@ class RoomSession {
 		let needsNegotiation = false;
 		let transceivers = config.pc.getTransceivers();
 		let existingTracks = [...(config.streamMap[source] || [])];
-		config.streamMap[source] = stream?.getTracks()?.map(track => track.id) || [];
+
+		if(stream?.getTracks().length) {
+			config.streamMap[source] = stream?.getTracks()?.map(track => track.id) || [];
+		} else {
+			delete config.streamMap[source];
+		}
 
 		// remove old audio track related to this source
 		let oldAudioStream = config?.stream?.getAudioTracks()?.find(track => existingTracks.includes(track.id));
@@ -2158,6 +2179,12 @@ class RoomSession {
 				config.stream.onremovetrack = (ev) => {};
 
 				let trackremoved = (ev) => {
+
+					config.streamMap[source] = config.streamMap[source].filter(id => id !== ev.detail.id);
+					if(config.streamMap[source].length === 0) {
+						delete config.streamMap[source];
+					}
+
 					this.emit('addLocalParticipant', {
 						tid: generateUUID(),
 						id: handle.handleId,
@@ -2211,7 +2238,6 @@ class RoomSession {
 				})
 			}
 
-			//TODO: legacy event, remove in future
 			else {
 				this.emit('addLocalParticipant', {
 					tid: generateUUID(),