120 lines
3.9 KiB
TypeScript
120 lines
3.9 KiB
TypeScript
import { AnyAction } from 'redux';
|
|
|
|
import { IStore } from '../../app/types';
|
|
import { getFeatureFlag } from '../flags/functions';
|
|
import MiddlewareRegistry from '../redux/MiddlewareRegistry';
|
|
import { updateSettings } from '../settings/actions';
|
|
|
|
import { OVERWRITE_CONFIG, SET_CONFIG } from './actionTypes';
|
|
import { updateConfig } from './actions';
|
|
import { IConfig } from './configType';
|
|
|
|
/**
|
|
* The middleware of the feature {@code base/config}.
|
|
*
|
|
* @param {Store} store - The redux store.
|
|
* @private
|
|
* @returns {Function}
|
|
*/
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
switch (action.type) {
|
|
case SET_CONFIG:
|
|
return _setConfig(store, next, action);
|
|
|
|
case OVERWRITE_CONFIG:
|
|
return _updateSettings(store, next, action);
|
|
}
|
|
|
|
return next(action);
|
|
});
|
|
|
|
/**
|
|
* Notifies the feature {@code base/config} that the {@link SET_CONFIG} redux
|
|
* action is being {@code dispatch}ed in a specific redux store.
|
|
*
|
|
* @param {Store} store - The redux store in which the specified {@code action}
|
|
* is being dispatched.
|
|
* @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
|
|
* specified {@code action} in the specified {@code store}.
|
|
* @param {Action} action - The redux action which is being {@code dispatch}ed
|
|
* in the specified {@code store}.
|
|
* @private
|
|
* @returns {*} The return value of {@code next(action)}.
|
|
*/
|
|
function _setConfig({ dispatch, getState }: IStore, next: Function, action: AnyAction) {
|
|
// The reducer is doing some alterations to the config passed in the action,
|
|
// so make sure it's the final state by waiting for the action to be
|
|
// reduced.
|
|
const result = next(action);
|
|
const state = getState();
|
|
|
|
// Update the config with user defined settings.
|
|
const settings = state['features/base/settings'];
|
|
const config: IConfig = {};
|
|
|
|
if (typeof settings.disableP2P !== 'undefined') {
|
|
config.p2p = { enabled: !settings.disableP2P };
|
|
}
|
|
|
|
const resolutionFlag = getFeatureFlag(state, 'resolution');
|
|
|
|
if (typeof resolutionFlag !== 'undefined') {
|
|
config.resolution = resolutionFlag;
|
|
}
|
|
|
|
if (action.config.doNotFlipLocalVideo === true) {
|
|
dispatch(updateSettings({
|
|
localFlipX: false
|
|
}));
|
|
}
|
|
|
|
if (action.config.disableSelfView !== undefined) {
|
|
dispatch(updateSettings({
|
|
disableSelfView: action.config.disableSelfView
|
|
}));
|
|
}
|
|
|
|
if (action.config.filmstrip?.stageFilmstripParticipants !== undefined) {
|
|
dispatch(updateSettings({
|
|
maxStageParticipants: action.config.filmstrip.stageFilmstripParticipants
|
|
}));
|
|
}
|
|
|
|
dispatch(updateConfig(config));
|
|
|
|
// FIXME On Web we rely on the global 'config' variable which gets altered
|
|
// multiple times, before it makes it to the reducer. At some point it may
|
|
// not be the global variable which is being modified anymore due to
|
|
// different merge methods being used along the way. The global variable
|
|
// must be synchronized with the final state resolved by the reducer.
|
|
if (typeof window.config !== 'undefined') {
|
|
window.config = state['features/base/config'];
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* Updates settings based on some config values.
|
|
*
|
|
* @param {Store} store - The redux store in which the specified {@code action}
|
|
* is being dispatched.
|
|
* @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
|
|
* specified {@code action} in the specified {@code store}.
|
|
* @param {Action} action - The redux action which is being {@code dispatch}ed
|
|
* in the specified {@code store}.
|
|
* @private
|
|
* @returns {*} The return value of {@code next(action)}.
|
|
*/
|
|
function _updateSettings({ dispatch }: IStore, next: Function, action: AnyAction) {
|
|
const { config: { doNotFlipLocalVideo } } = action;
|
|
|
|
if (doNotFlipLocalVideo === true) {
|
|
dispatch(updateSettings({
|
|
localFlipX: false
|
|
}));
|
|
}
|
|
|
|
return next(action);
|
|
}
|