apollo-auth-header.js

import fetch from 'isomorphic-fetch'
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { from, ApolloLink } from 'apollo-link'

// WORKING -------------------------------------------------------------------

const httpLink = new HttpLink({
   uri: process.env.GRAPHCOOL_ENDPOINT,
   credentials: 'same-origin'
})

const authLink = new ApolloLink((operation, forward) => {
   const token = localStorage.getItem('graphcoolToken')

   operation.setContext(({ headers = {} }) => ({
      headers: {
         Authorization: token ? `Bearer ${token}` : null,
         ...headers
      }
   }))

   return forward(operation)
})

const link = from([authLink, httpLink])

return new ApolloClient({
   link,
   cache: new InMemoryCache().restore(window.__APOLLO_STATE__),
})