theluyuan
38ba663466
Some checks failed
Close stale issues and PRs / stale (push) Has been cancelled
84 lines
2.7 KiB
TypeScript
84 lines
2.7 KiB
TypeScript
import { AppState } from 'react-native';
|
|
|
|
import { IStore } from '../../app/types';
|
|
import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
|
|
import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
|
|
|
|
import { _setAppStateSubscription, appStateChanged } from './actions';
|
|
import logger from './logger';
|
|
|
|
/**
|
|
* Middleware that captures App lifetime actions and subscribes to application
|
|
* state changes. When the application state changes it will fire the action
|
|
* required to mute or unmute the local video in case the application goes to
|
|
* the background or comes back from it.
|
|
*
|
|
* @param {Store} store - The redux store.
|
|
* @returns {Function}
|
|
* @see {@link https://facebook.github.io/react-native/docs/appstate.html}
|
|
*/
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
switch (action.type) {
|
|
|
|
case APP_WILL_MOUNT: {
|
|
const { dispatch } = store;
|
|
|
|
_setAppStateListener(store, _onAppStateChange.bind(undefined, dispatch));
|
|
|
|
// Because there is no change taking place when the app mounts,
|
|
// we need to force registering the appState status.
|
|
const appStateInterval = setInterval(() => {
|
|
const { currentState } = AppState;
|
|
|
|
if (currentState !== 'unknown') {
|
|
clearInterval(appStateInterval);
|
|
|
|
_onAppStateChange(dispatch, currentState);
|
|
}
|
|
}, 100);
|
|
|
|
break;
|
|
}
|
|
|
|
case APP_WILL_UNMOUNT:
|
|
_setAppStateListener(store, undefined);
|
|
break;
|
|
}
|
|
|
|
return next(action);
|
|
});
|
|
|
|
/**
|
|
* Called by React Native's AppState API to notify that the application state
|
|
* has changed. Dispatches the change within the (associated) redux store.
|
|
*
|
|
* @param {Dispatch} dispatch - The redux {@code dispatch} function.
|
|
* @param {string} appState - The current application execution state.
|
|
* @private
|
|
* @returns {void}
|
|
*/
|
|
function _onAppStateChange(dispatch: IStore['dispatch'], appState: string) {
|
|
dispatch(appStateChanged(appState));
|
|
|
|
logger.info(`appState changed to: ${appState}`);
|
|
}
|
|
|
|
/**
|
|
* Notifies the feature filmstrip that the action
|
|
* {@link _SET_IMMERSIVE_LISTENER} is being dispatched within a specific redux
|
|
* store.
|
|
*
|
|
* @param {Store} store - The redux store in which the specified action is being
|
|
* dispatched.
|
|
* @param {any} listener - Listener for app state status.
|
|
* @private
|
|
* @returns {Object} The value returned by {@code next(action)}.
|
|
*/
|
|
function _setAppStateListener({ dispatch, getState }: IStore, listener: any) {
|
|
const { subscription } = getState()['features/mobile/background'];
|
|
|
|
subscription?.remove();
|
|
|
|
dispatch(_setAppStateSubscription(listener ? AppState.addEventListener('change', listener) : undefined));
|
|
}
|