react-apollo-network-helper.ts

import { NetworkStatus, isNetworkRequestInFlight } from 'apollo-client/core/networkStatus';

type isNetworkTransitionArg = {
    networkStatus: NetworkStatus;
};

export enum NetworkTransition {
    LOADED_DATA,
    WAS_IN_CACHE,
    LOADING,
    REFETCHING,
    REFETCHED,
    FETCHING_MORE
}

export const networkTransitionIs = (
    prev: isNetworkTransitionArg,
    current: isNetworkTransitionArg,
    transition: NetworkTransition
) => {
    switch (transition) {
        case NetworkTransition.WAS_IN_CACHE:
            return (
                current.networkStatus === NetworkStatus.ready &&
                prev.networkStatus === NetworkStatus.ready
            );
        case NetworkTransition.LOADED_DATA:
            return (
                current.networkStatus === NetworkStatus.ready &&
                isNetworkRequestInFlight(prev.networkStatus)
            );
        case NetworkTransition.REFETCHING:
            return (
                current.networkStatus === NetworkStatus.refetch
            );
        case NetworkTransition.REFETCHED:
            return (
                current.networkStatus === NetworkStatus.ready &&
                prev.networkStatus === NetworkStatus.refetch
            );
        case NetworkTransition.FETCHING_MORE:
            return (
                current.networkStatus === NetworkStatus.ready &&
                prev.networkStatus === NetworkStatus.fetchMore
            );
        case NetworkTransition.LOADING:
            return (
                current.networkStatus === NetworkStatus.loading &&
                isNetworkRequestInFlight(prev.networkStatus)
            );
        default:
            return false;
    }
};

export const isQueryLoading = (
    prev: isNetworkTransitionArg,
    current: isNetworkTransitionArg
) => {
    return networkTransitionIs(prev, current, NetworkTransition.LOADING);
};

export const isQueryLoaded = (
    prev: isNetworkTransitionArg,
    current: isNetworkTransitionArg,
    { from_cache = false }: { from_cache: boolean }
) => {
    return networkTransitionIs(
        prev,
        current,
        from_cache ?
            NetworkTransition.WAS_IN_CACHE :
            NetworkTransition.LOADED_DATA
    );
};

export const isQueryRefetching = (
    prev: isNetworkTransitionArg,
    current: isNetworkTransitionArg
) => {
    return networkTransitionIs(prev, current, NetworkTransition.REFETCHING);
};

export const isQueryRefetched = (
    prev: isNetworkTransitionArg,
    current: isNetworkTransitionArg
) => {
    return networkTransitionIs(prev, current, NetworkTransition.REFETCHED);
};