87 lines
1.8 KiB
TypeScript
87 lines
1.8 KiB
TypeScript
import { ApolloClient, HttpLink, InMemoryCache, split } from "@apollo/client/core"
|
|
import { WebSocketLink } from "@apollo/client/link/ws"
|
|
import { setContext } from "@apollo/client/link/context"
|
|
import { fb } from "./fb"
|
|
import { getMainDefinition } from "@apollo/client/utilities"
|
|
|
|
let authToken: String | null = null
|
|
|
|
export function registerApolloAuthUpdate() {
|
|
fb.idToken$.subscribe((token: String | null) => {
|
|
console.log(token, "from sub")
|
|
|
|
authToken = token
|
|
})
|
|
}
|
|
|
|
/**
|
|
* Injects auth token if available
|
|
*/
|
|
const authLink = setContext((_, { headers }) => {
|
|
console.log(authToken)
|
|
|
|
if (authToken) {
|
|
return {
|
|
headers: {
|
|
...headers,
|
|
authorization: `Bearer ${authToken}`,
|
|
},
|
|
}
|
|
} else {
|
|
return {
|
|
headers,
|
|
}
|
|
}
|
|
})
|
|
|
|
const httpLink = new HttpLink({
|
|
uri:
|
|
process.env.CONTEXT === "production"
|
|
? "https://api.hoppscotch.io/graphql"
|
|
: "https://api.hoppscotch.io/graphql",
|
|
})
|
|
|
|
const wsLink = new WebSocketLink({
|
|
uri:
|
|
process.env.CONTEXT === "production"
|
|
? "wss://api.hoppscotch.io/graphql"
|
|
: "wss://api.hoppscotch.io/graphql",
|
|
options: {
|
|
reconnect: true,
|
|
lazy: true,
|
|
connectionParams: () => {
|
|
if (authToken) {
|
|
return {}
|
|
} else {
|
|
return {
|
|
authorization: `Bearer ${authToken}`,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
})
|
|
|
|
const splitLink = split(
|
|
({ query }) => {
|
|
const definition = getMainDefinition(query)
|
|
return definition.kind === "OperationDefinition" && definition.operation === "subscription"
|
|
},
|
|
wsLink,
|
|
httpLink
|
|
)
|
|
|
|
export const apolloClient = new ApolloClient({
|
|
link: authLink.concat(splitLink),
|
|
cache: new InMemoryCache(),
|
|
defaultOptions: {
|
|
query: {
|
|
fetchPolicy: "network-only",
|
|
errorPolicy: "ignore",
|
|
},
|
|
watchQuery: {
|
|
fetchPolicy: "network-only",
|
|
errorPolicy: "ignore",
|
|
},
|
|
},
|
|
})
|