79 lines
1.9 KiB
TypeScript
79 lines
1.9 KiB
TypeScript
import {
|
|
ClientOptions,
|
|
dedupExchange,
|
|
fetchExchange,
|
|
Exchange,
|
|
subscriptionExchange,
|
|
createClient
|
|
} from '@urql/core'
|
|
// import { createClient as createSubClient } from 'graphql-sse'
|
|
import { createClient as createWSClient } from 'graphql-ws'
|
|
import { devtoolsExchange } from '@urql/devtools'
|
|
import { isDev, apiBaseUrl } from '../utils/config'
|
|
// import { cache } from './cache'
|
|
|
|
const TOKEN_LOCAL_STORAGE_KEY = 'token'
|
|
|
|
const exchanges: Exchange[] = [dedupExchange, fetchExchange]
|
|
|
|
if (isDev) {
|
|
exchanges.unshift(devtoolsExchange)
|
|
}
|
|
|
|
export const getToken = (): string => {
|
|
return localStorage.getItem(TOKEN_LOCAL_STORAGE_KEY)
|
|
}
|
|
|
|
export const setToken = (token: string) => {
|
|
if (!token) {
|
|
console.error('[privateGraphQLClient] setToken: token is null!')
|
|
}
|
|
|
|
localStorage.setItem(TOKEN_LOCAL_STORAGE_KEY, token)
|
|
}
|
|
|
|
export const resetToken = () => {
|
|
localStorage.removeItem(TOKEN_LOCAL_STORAGE_KEY)
|
|
}
|
|
|
|
const options: ClientOptions = {
|
|
url: apiBaseUrl,
|
|
maskTypename: true,
|
|
requestPolicy: 'cache-and-network',
|
|
fetchOptions: () => {
|
|
// localStorage is the source of truth for now
|
|
// to change token call setToken, for example after login
|
|
const token = localStorage.getItem(TOKEN_LOCAL_STORAGE_KEY)
|
|
if (!token) {
|
|
console.error('[privateGraphQLClient] fetchOptions: token is null!')
|
|
}
|
|
const headers = { Authorization: token }
|
|
return { headers }
|
|
},
|
|
exchanges
|
|
}
|
|
|
|
export const privateGraphQLClient = createClient(options)
|
|
|
|
export const createSubClient = () => {
|
|
const subClient = createWSClient({
|
|
url: apiBaseUrl.replace('http', 'ws') // + '/messages'
|
|
})
|
|
|
|
const subExchange = subscriptionExchange({
|
|
forwardSubscription(operation) {
|
|
return {
|
|
subscribe: (sink) => {
|
|
const dispose = subClient.subscribe(operation, sink)
|
|
return {
|
|
unsubscribe: dispose
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
options.exchanges.unshift(subExchange)
|
|
return createClient(options)
|
|
}
|