feat(participants): store signaling sessions metadata and map attende…

…es from participants update

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/store/participantsStore.js

@@ -37,6 +37,7 @@ import {
 import SessionStorage from '../services/SessionStorage.js'
 import { talkBroadcastChannel } from '../services/talkBroadcastChannel.js'
 import { useGuestNameStore } from '../stores/guestName.js'
+import { useSignalingStore } from '../stores/signaling.ts'
 import CancelableRequest from '../utils/cancelableRequest.js'
 
 /**
@@ -687,6 +688,10 @@ const actions = {
 			}
 		}
 
+		const signalingStore = useSignalingStore()
+		const unknownSignalingSessions = Object.values(signalingStore.sessions)
+			.filter(session => !session.attendeeId)
+
 		newParticipants.forEach(participant => {
 			if (context.state.attendees[token]?.[participant.attendeeId]) {
 				context.dispatch('updateParticipantIfHasChanged', { token, participant, hasUserStatuses })
@@ -697,6 +702,11 @@ const actions = {
 				}
 			}
 
+			const session = unknownSignalingSessions.find(session => participant.sessionIds.includes(session.sessionId))
+			if (session) {
+				signalingStore.addSignalingSession({ ...session, attendeeId: participant.attendeeId })
+			}
+
 			if (participant.participantType === PARTICIPANT.TYPE.GUEST
 				|| participant.participantType === PARTICIPANT.TYPE.GUEST_MODERATOR) {
 				guestNameStore.addGuestName({

src/stores/signaling.ts

@@ -0,0 +1,44 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { defineStore } from 'pinia'
+import Vue from 'vue'
+
+import type { Participant } from '../types'
+
+type Session = {
+	attendeeId: number | undefined,
+	token: string,
+	signalingSessionId: string,
+	sessionId: string | undefined,
+}
+type State = {
+	sessions: Record<string, Session>,
+}
+export const useSignalingStore = defineStore('signaling', {
+	state: (): State => ({
+		sessions: {},
+	}),
+
+	getters: {
+		getSignalingSession: (state) => (signalingSessionId?: string): Session | undefined => {
+			if (signalingSessionId) {
+				return state.sessions[signalingSessionId]
+			}
+		},
+	},
+
+	actions: {
+		addSignalingSession(session: Session) {
+			Vue.set(this.sessions, session.signalingSessionId, session)
+		},
+
+		deleteSignalingSession(signalingSessionId: string) {
+			if (this.sessions[signalingSessionId]) {
+				Vue.delete(this.sessions, signalingSessionId)
+			}
+		},
+	},
+})