summaryrefslogtreecommitdiffstats
path: root/frontend/lib/initApollo.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-03-12 14:06:25 -0400
committerWes Bos <wesbos@gmail.com>2018-03-12 14:06:25 -0400
commit46a0ba30ef54a7e36206481a4f5b2bf1f9702fca (patch)
treea95fd534fc27761d8b26d0dffcdb5f300f7a61c7 /frontend/lib/initApollo.js
parentf7bea2d1b7be2b70dceb25c9837f608b538e9cec (diff)
wip
Diffstat (limited to 'frontend/lib/initApollo.js')
-rw-r--r--frontend/lib/initApollo.js76
1 files changed, 12 insertions, 64 deletions
diff --git a/frontend/lib/initApollo.js b/frontend/lib/initApollo.js
index e86c7e1..f8a363b 100644
--- a/frontend/lib/initApollo.js
+++ b/frontend/lib/initApollo.js
@@ -1,77 +1,25 @@
-import { ApolloClient } from 'apollo-client';
-import { ApolloLink, from } from 'apollo-link';
-import { HttpLink } from 'apollo-link-http';
-import { InMemoryCache } from 'apollo-cache-inmemory';
+import ApolloClient from 'apollo-boost';
import fetch from 'isomorphic-fetch';
-import { withClientState } from 'apollo-link-state';
import { endpoint } from '../config';
-let apolloClient = null;
-
// Polyfill fetch() on the server (used by apollo-client)
if (!process.browser) {
global.fetch = fetch;
}
-function create(initialState) {
- // Create a new Cache
- const cache = new InMemoryCache().restore(initialState || {});
- // First we create three peices of middleware
- const stateLink = withClientState({
- cache,
- defaults: {
- uiData: {
- __typename: 'UIData',
- isConnected: true,
- isCartOpen: false,
- },
- },
- resolvers: {
- Mutation: {
- setLocalData: (_, values, { cache }) => {
- const data = {
- uiData: {
- __typename: 'UIData',
- ...values,
- },
- };
- cache.writeData({ data });
- return null;
- },
- },
- },
- });
-
- // 1. Create a link for local state to be managed in Apollo
-
- // 2. connect to our GraphQL API
- const httpLink = new HttpLink({
- uri: endpoint, // Server URL (must be absolute)
- opts: {
- credentials: 'same-origin',
- },
- });
-
- // 3. One to tack on our auth token on each request
- const authMiddleware = new ApolloLink((operation, forward) => {
- const headers = {};
-
- if (typeof localStorage !== 'undefined' && localStorage.getItem('token')) {
- headers.authorization = `Bearer ${localStorage.getItem('token')}`;
- }
-
- operation.setContext({ headers });
- return forward(operation);
- });
+let apolloClient = null;
+function create(initialState) {
return new ApolloClient({
- connectToDevTools: process.browser,
- ssrMode: !process.browser, // Disables forceFetch on the server (so queries are only run once)
- link: from([stateLink, authMiddleware, httpLink]),
- cache,
- defaultOptions: {
- query: { errorPolicy: 'all' },
- mutate: { errorPolicy: 'all' },
+ uri: endpoint,
+ request: operation => {
+ if (typeof localStorage !== 'undefined' && localStorage.getItem('token')) {
+ operation.setContext({
+ headers: {
+ authorization: `Bearer ${localStorage.getItem('token')}`,
+ },
+ });
+ }
},
});
}