40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
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;
|
|
|
|
interface ShimmedWindow extends Window {
|
|
log: {
|
|
info: (...args: any) => void;
|
|
};
|
|
}
|
|
|
|
const unknownWindow = window as unknown;
|
|
const shimmedWindow = unknownWindow as ShimmedWindow;
|
|
|
|
export function initializeNetworkObserver(networkActions: NetworkActions) {
|
|
const { log } = shimmedWindow;
|
|
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);
|
|
}
|