snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/large-video/middleware.ts

@@ -0,0 +1,74 @@
+import {
+    DOMINANT_SPEAKER_CHANGED,
+    PARTICIPANT_JOINED,
+    PARTICIPANT_LEFT,
+    PIN_PARTICIPANT
+} from '../base/participants/actionTypes';
+import { getDominantSpeakerParticipant, getLocalParticipant } from '../base/participants/functions';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { isTestModeEnabled } from '../base/testing/functions';
+import {
+    TRACK_ADDED,
+    TRACK_REMOVED
+} from '../base/tracks/actionTypes';
+import { TOGGLE_DOCUMENT_EDITING } from '../etherpad/actionTypes';
+
+import { selectParticipantInLargeVideo } from './actions';
+import logger from './logger';
+
+import './subscriber';
+
+/**
+ * Middleware that catches actions related to participants and tracks and
+ * dispatches an action to select a participant depicted by LargeVideo.
+ *
+ * @param {Store} store - Redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+    case DOMINANT_SPEAKER_CHANGED: {
+        const state = store.getState();
+        const localParticipant = getLocalParticipant(state);
+        const dominantSpeaker = getDominantSpeakerParticipant(state);
+
+
+        if (dominantSpeaker?.id === action.participant.id) {
+            return next(action);
+        }
+
+        const result = next(action);
+
+        if (isTestModeEnabled(state)) {
+            logger.info(`Dominant speaker changed event for: ${action.participant.id}`);
+        }
+
+        if (localParticipant && localParticipant.id !== action.participant.id) {
+            store.dispatch(selectParticipantInLargeVideo());
+        }
+
+        return result;
+    }
+    case PIN_PARTICIPANT: {
+        const result = next(action);
+
+        store.dispatch(selectParticipantInLargeVideo(action.participant?.id));
+
+        return result;
+    }
+    case PARTICIPANT_JOINED:
+    case PARTICIPANT_LEFT:
+    case TOGGLE_DOCUMENT_EDITING:
+    case TRACK_ADDED:
+    case TRACK_REMOVED: {
+        const result = next(action);
+
+        store.dispatch(selectParticipantInLargeVideo());
+
+        return result;
+    }
+    }
+    const result = next(action);
+
+    return result;
+});