Usage with GraphQL

Usage with Interceptors

You can configure SuperTokens to intercept API calls when initialising the package. The package will then take care of managing your user session for you.

import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import SuperTokensRequest from 'supertokens-website';

// interception is on by default
SuperTokensRequest.init({
    refreshTokenUrl: "/session/refresh"
});

const client = new ApolloClient({
    link: new HttpLink({
        uri: "/graphql",  // change this depending on your path
    }),
    cache: new InMemoryCache(),  // change this depending on your preference
    // ... other params
});

// use client as usual.

Usage without Interceptors

If you choose to opt out of interceptors you need to manually change the way the client handles API calls.

import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import SuperTokensRequest from 'supertokens-website';

SuperTokensRequest.init({
    refreshTokenUrl: "/session/refresh",
    viaInterceptor: false
});

const client = new ApolloClient({
    link: new HttpLink({
        uri: "/graphql",  // change this depending on your path
        fetch: (uri, options) => {
            return SuperTokensRequest.fetch(uri, options);
        }
    }),
    cache: new InMemoryCache(),  // change this depending on your preference
    // ... other params
});

// use client as usual.