31 lines
922 B
TypeScript
31 lines
922 B
TypeScript
import {
|
|
CheckNetworkStatusPayloadType,
|
|
NetworkActionType,
|
|
} from '../state/ducks/network';
|
|
import { getSocketStatus } from '../shims/socketStatus';
|
|
|
|
type NetworkActions = {
|
|
checkNetworkStatus: (x: CheckNetworkStatusPayloadType) => NetworkActionType;
|
|
closeConnectingGracePeriod: () => NetworkActionType;
|
|
};
|
|
|
|
const REFRESH_INTERVAL = 5000;
|
|
|
|
export function initializeNetworkObserver(networkActions: NetworkActions) {
|
|
const { log } = window;
|
|
log.info(`Initializing network observer every ${REFRESH_INTERVAL}ms`);
|
|
|
|
const refresh = () => {
|
|
networkActions.checkNetworkStatus({
|
|
isOnline: navigator.onLine,
|
|
socketStatus: getSocketStatus(),
|
|
});
|
|
};
|
|
|
|
window.addEventListener('online', refresh);
|
|
window.addEventListener('offline', refresh);
|
|
window.setInterval(refresh, REFRESH_INTERVAL);
|
|
window.setTimeout(() => {
|
|
networkActions.closeConnectingGracePeriod();
|
|
}, REFRESH_INTERVAL);
|
|
}
|