87 lines
2.5 KiB
JavaScript
87 lines
2.5 KiB
JavaScript
import { ApolloClient, InMemoryCache, from, HttpLink } from '@apollo/client'
|
|
import { decodeCursor, LIMIT } from './cursor'
|
|
import { RetryLink } from '@apollo/client/link/retry'
|
|
|
|
const additiveLink = from([
|
|
new RetryLink(),
|
|
new HttpLink({ uri: '/api/graphql' })
|
|
])
|
|
|
|
function isFirstPage (cursor, existingThings) {
|
|
if (cursor) {
|
|
const decursor = decodeCursor(cursor)
|
|
return decursor.offset === LIMIT
|
|
} else {
|
|
// we don't have anything cached, or our existing items are less than
|
|
// or equal to a full page
|
|
return existingThings?.length < LIMIT
|
|
}
|
|
}
|
|
|
|
export default function getApolloClient () {
|
|
global.apolloClient ||= new ApolloClient({
|
|
link: additiveLink,
|
|
cache: new InMemoryCache({
|
|
typePolicies: {
|
|
Query: {
|
|
fields: {
|
|
moreItems: {
|
|
keyArgs: ['sort', 'name', 'within'],
|
|
merge (existing, incoming) {
|
|
if (isFirstPage(incoming.cursor, existing?.items)) {
|
|
return incoming
|
|
}
|
|
|
|
return {
|
|
cursor: incoming.cursor,
|
|
items: [...(existing?.items || []), ...incoming.items]
|
|
}
|
|
}
|
|
},
|
|
moreFlatComments: {
|
|
keyArgs: ['name'],
|
|
merge (existing, incoming) {
|
|
if (isFirstPage(incoming.cursor, existing?.comments)) {
|
|
return incoming
|
|
}
|
|
|
|
return {
|
|
cursor: incoming.cursor,
|
|
comments: [...(existing?.comments || []), ...incoming.comments]
|
|
}
|
|
}
|
|
},
|
|
notifications: {
|
|
keyArgs: false,
|
|
merge (existing, incoming) {
|
|
if (isFirstPage(incoming.cursor, existing?.notifications)) {
|
|
return incoming
|
|
}
|
|
|
|
return {
|
|
cursor: incoming.cursor,
|
|
notifications: [...(existing?.notifications || []), ...incoming.notifications],
|
|
lastChecked: incoming.lastChecked
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}),
|
|
defaultOptions: {
|
|
// cache-and-network allows us to refresh pages on navigation
|
|
watchQuery: {
|
|
fetchPolicy: 'cache-only',
|
|
nextFetchPolicy: 'cache-first'
|
|
},
|
|
query: {
|
|
fetchPolicy: 'cache-only',
|
|
nextFetchPolicy: 'cache-first'
|
|
}
|
|
}
|
|
})
|
|
|
|
return global.apolloClient
|
|
}
|