jiti-meet/react/features/base/user-interaction/middleware.ts

86 lines
2.1 KiB
TypeScript
Raw Normal View History

2022-07-29 13:18:14 +00:00
import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../app/actionTypes';
import MiddlewareRegistry from '../redux/MiddlewareRegistry';
import { USER_INTERACTION_RECEIVED } from './actionTypes';
/**
* Reference to any callback that has been created to be invoked on user
* interaction.
*
* @type {Function|null}
*/
2022-07-29 13:18:14 +00:00
let userInteractionListener: Function|null = null;
/**
* Implements the entry point of the middleware of the feature base/user-interaction.
*
* @param {Store} store - The redux store.
* @returns {Function}
*/
MiddlewareRegistry.register(store => next => action => {
switch (action.type) {
case APP_WILL_MOUNT:
_startListeningForUserInteraction(store);
break;
case APP_WILL_UNMOUNT:
_stopListeningForUserInteraction();
break;
}
return next(action);
});
/**
* Callback invoked when the user interacts with the page.
*
* @param {Function} dispatch - The redux dispatch function.
* @param {Object} event - The DOM event for a user interacting with the page.
* @private
* @returns {void}
*/
2022-07-29 13:18:14 +00:00
function _onUserInteractionReceived(dispatch: Function, event: any) {
if (event.isTrusted) {
dispatch({
type: USER_INTERACTION_RECEIVED
});
_stopListeningForUserInteraction();
}
}
/**
* Registers listeners to notify redux of any user interaction with the page.
*
* @param {Object} store - The redux store.
* @private
* @returns {void}
*/
2022-07-29 13:18:14 +00:00
function _startListeningForUserInteraction({ dispatch }: {dispatch: Function}) {
_stopListeningForUserInteraction();
userInteractionListener = _onUserInteractionReceived.bind(null, dispatch);
2022-07-29 13:18:14 +00:00
// @ts-ignore
window.addEventListener('mousedown', userInteractionListener);
2022-07-29 13:18:14 +00:00
// @ts-ignore
window.addEventListener('keydown', userInteractionListener);
}
/**
* De-registers listeners for user interaction with the page.
*
* @private
* @returns {void}
*/
function _stopListeningForUserInteraction() {
2022-07-29 13:18:14 +00:00
// @ts-ignore
window.removeEventListener('mousedown', userInteractionListener);
2022-07-29 13:18:14 +00:00
// @ts-ignore
window.removeEventListener('keydown', userInteractionListener);
userInteractionListener = null;
}