gqlclient.ts

import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { onError } from 'apollo-link-error';
import { ApolloLink, RequestHandler, Operation, NextLink } from 'apollo-link';

import store from './';

const cache = new InMemoryCache();
const link = new HttpLink({ uri: 'http://localhost:4000' });

const middleLink = new ApolloLink((operation: Operation, forward?: NextLink): any => {
  store.dispatch('busy', true);
  return forward && forward(operation).map((response) => {
    store.dispatch('busy', false);
    return response;
  });
});

const errorLink = onError((error: any) => {
  store.dispatch('error', error);
  store.dispatch('busy', false);
});

const client = new ApolloClient({
  link: errorLink.concat(middleLink).concat(link),
  cache
});

export default client;