47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
|
import { ApolloClient, from, HttpLink, InMemoryCache } from '@apollo/client'
|
||
|
|
import { NormalizedCacheObject } from '@apollo/client/cache/inmemory/types'
|
||
|
|
import { setContext } from '@apollo/client/link/context'
|
||
|
|
import 'isomorphic-fetch'
|
||
|
|
import getConfig from 'next/config'
|
||
|
|
import { NextConfigType } from '../next.config.type'
|
||
|
|
|
||
|
|
let client: ApolloClient<NormalizedCacheObject>
|
||
|
|
|
||
|
|
const getClient = (): ApolloClient<NormalizedCacheObject> => {
|
||
|
|
if (!client) {
|
||
|
|
const config = getConfig() as NextConfigType
|
||
|
|
|
||
|
|
if (!config) return client
|
||
|
|
|
||
|
|
const { publicRuntimeConfig, serverRuntimeConfig } = config
|
||
|
|
|
||
|
|
client = new ApolloClient<NormalizedCacheObject>({
|
||
|
|
cache: new InMemoryCache(),
|
||
|
|
link: from([
|
||
|
|
setContext((request, context) => {
|
||
|
|
const headers: { [key: string]: string } = {}
|
||
|
|
|
||
|
|
if (process.browser) {
|
||
|
|
const access = localStorage.getItem('access')
|
||
|
|
|
||
|
|
if (access) {
|
||
|
|
headers.authorization = `Bearer ${access}`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
headers,
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
new HttpLink({
|
||
|
|
uri: serverRuntimeConfig.endpoint || publicRuntimeConfig.endpoint,
|
||
|
|
}),
|
||
|
|
]),
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
return client
|
||
|
|
}
|
||
|
|
|
||
|
|
export default getClient
|