import { ApolloClient } from 'react-apollo'
import { createApolloFetchUpload } from 'apollo-fetch-upload'
import { print } from 'graphql/language/printer'
import 'isomorphic-fetch'

// Used in the browser to share a single Apollo Client instance between
// decorated components.
let apolloClient = null

/**
 * Creates a new Apollo Client instance.
 * @param {Object} [initialState] - Apollo client Redux store initial state.
 * @returns {Object} Apollo Client instance.
 */
function createApolloClient(initialState) {
  const apolloFetchUpload = createApolloFetchUpload({
    uri: process.env.API_URI
  })

  return new ApolloClient({
    initialState,
    ssrMode: !process.browser,
    networkInterface: {
      query: req => apolloFetchUpload({ ...req, query: print(req.query) })
    }
  })
}

/**
 * Gets or creates the Apollo Client instance.
 * @param {Object} [initialState] - Apollo client Redux store initial state.
 * @returns {Object} Apollo Client instance.
 */
export default function initApolloClient(initialState) {
  // Create a new client every server-side request so that data isn't shared
  // between connections.
  if (!process.browser) return createApolloClient(initialState)

  // Reuse client on the client-side.
  if (!apolloClient) apolloClient = createApolloClient(initialState)

  return apolloClient
}