Provide facade to access the SignalingTypingHandler

Signed-off-by: Daniel Calviño Sánchez <[email protected]>

Author: danxuliu

src/services/participantsService.js

@@ -29,6 +29,7 @@ import { PARTICIPANT } from '../constants.js'
 import {
 	signalingJoinConversation,
 	signalingLeaveConversation,
+	signalingSetTyping,
 } from '../utils/webrtc/index.js'
 
 const PERMISSIONS = PARTICIPANT.PERMISSIONS
@@ -220,6 +221,15 @@ const setPermissions = async (token, attendeeId, permission) => {
 		})
 }
 
+/**
+ * Sets whether the current participant is typing or not.
+ *
+ * @param {boolean} typing whether the current participant is typing.
+ */
+const setTyping = (typing) => {
+	signalingSetTyping(typing)
+}
+
 export {
 	joinConversation,
 	rejoinConversation,
@@ -237,4 +247,5 @@ export {
 	grantAllPermissionsToParticipant,
 	removeAllPermissionsFromParticipant,
 	setPermissions,
+	setTyping,
 }

src/store/participantsStore.js

@@ -42,6 +42,7 @@ import {
 	grantAllPermissionsToParticipant,
 	removeAllPermissionsFromParticipant,
 	setPermissions,
+	setTyping,
 } from '../services/participantsService.js'
 import SessionStorage from '../services/SessionStorage.js'
 
@@ -693,6 +694,14 @@ const actions = {
 		}
 		context.commit('updateParticipant', { token, attendeeId, updatedData })
 	},
+
+	async setTyping(context, { typing }) {
+		if (!context.getters.currentConversationIsJoined()) {
+			return
+		}
+
+		await setTyping(typing)
+	},
 }
 
 export default { state, mutations, getters, actions }

src/utils/webrtc/index.js

@@ -25,6 +25,7 @@ import { PARTICIPANT, VIRTUAL_BACKGROUND } from '../../constants.js'
 import { fetchSignalingSettings } from '../../services/signalingService.js'
 import CancelableRequest from '../cancelableRequest.js'
 import Signaling from '../signaling.js'
+import SignalingTypingHandler from '../SignalingTypingHandler.js'
 import CallAnalyzer from './analyzers/CallAnalyzer.js'
 import MediaDevicesManager from './MediaDevicesManager.js'
 import CallParticipantCollection from './models/CallParticipantCollection.js'
@@ -43,6 +44,10 @@ const mediaDevicesManager = new MediaDevicesManager()
 let callAnalyzer = null
 let sentVideoQualityThrottler = null
 
+// This does not really belongs here, as it is unrelated to WebRTC, but it is
+// included here for the time being until signaling and WebRTC are split.
+const signalingTypingHandler = new SignalingTypingHandler()
+
 let cancelFetchSignalingSettings = null
 let signaling = null
 let tokensInSignaling = {}
@@ -126,6 +131,7 @@ async function connectSignaling(token) {
 			signaling.settings = settings
 		})
 
+		signalingTypingHandler.setSignaling(signaling)
 	}
 
 	tokensInSignaling[token] = true
@@ -436,6 +442,15 @@ function signalingKill() {
 	}
 }
 
+/**
+ * Sets whether the current participant is typing.
+ *
+ * @param {boolean} typing whether the current participant is typing.
+ */
+function signalingSetTyping(typing) {
+	signalingTypingHandler.setTyping(typing)
+}
+
 export {
 	callParticipantCollection,
 	localCallParticipantModel,
@@ -452,4 +467,6 @@ export {
 	signalingLeaveCall,
 	signalingLeaveConversation,
 	signalingKill,
+
+	signalingSetTyping,
 }