1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-relay-modern/lib/createRelayEnvironment.js

51 lines
1.3 KiB
JavaScript
Raw Normal View History

2017-08-14 16:41:12 +00:00
import { Environment, Network, RecordSource, Store } from 'relay-runtime'
import fetch from 'isomorphic-unfetch'
2017-08-14 16:41:12 +00:00
let relayEnvironment = null
// Define a function that fetches the results of an operation (query/mutation/etc)
// and returns its results as a Promise:
function fetchQuery (
operation,
variables,
cacheConfig,
uploadables
2017-08-14 16:41:12 +00:00
) {
return fetch(process.env.RELAY_ENDPOINT, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}, // Add authentication and other headers here
body: JSON.stringify({
query: operation.text, // GraphQL text from input
variables
})
}).then(response => response.json())
}
export default function initEnvironment ({ records = {} } = {}) {
// Create a network layer from the fetch function
2017-08-14 16:41:12 +00:00
const network = Network.create(fetchQuery)
const store = new Store(new RecordSource(records))
// Make sure to create a new Relay environment for every server-side request so that data
// isn't shared between connections (which would be bad)
2017-08-14 16:41:12 +00:00
if (!process.browser) {
return new Environment({
network,
store
})
}
// reuse Relay environment on client-side
2017-08-14 16:41:12 +00:00
if (!relayEnvironment) {
relayEnvironment = new Environment({
network,
store
})
}
return relayEnvironment
}