@envelop/persisted-operations

@envelop/persisted-operations

This plugin allow you to enforce execution of persisted (hashed) operation, using a custom store.

The idea behind running persisted operations is to allow clients to run only specific queries, that
defined ahead of time. This provides an enhances security and disables (optionally) the execution of
other operations. This plugin is useful if you are looking for a way to improve security and reduce
network traffic.

Note: If you are using GraphQL Yoga, please use the
dedicated Persisted Operations plugin
instead.

Getting Started

``
yarn add @envelop/persisted-operations
`

Usage Example

The most basic implementation can use an in-memory JS Map wrapper with a Store object:

`ts
import { execute, parse, specifiedRules, subscribe, validate } from 'graphql'
import { envelop, useEngine } from '@envelop/core'
import { InMemoryStore, usePersistedOperations } from '@envelop/persisted-operations'

// You can retrieve the store in any way (e.g. from a remote source) and implement it with a simple Map / Key->Value
const myData = new Map()
myData.set('persisted_1', parse(query { ... }))
myData.set('persisted_2', 'query { ... }')

const store = new InMemoryStore({
initialData: myData
})

const getEnveloped = envelop({
plugins: [
useEngine({ parse, validate, specifiedRules, execute, subscribe }),
// ... other plugins ...
usePersistedOperations({
store: myStore
})
]
})
`

Now, when running operations through your GraphQL server, you can use a key instead of a query
language:

`json
{
"query": "persisted_1",
"variables": {}
}
`

You can also provide a function to retrieve the operation id from a custom property available in
your context / incoming request:

`ts
usePersistedOperations({
store: myStore,
extractOperationId: (context) => context.request.body.operationId // get id from custom property in body object
}),
`

Usage Example with built-in JsonFileStore

`ts
import { execute, parse, specifiedRules, subscribe, validate } from 'graphql'
import { envelop, useEngine } from '@envelop/core'
import { JsonFileStore, usePersistedOperations } from '@envelop/persisted-operations'

const persistedOperationsStore = new JsonFilesStore()
const filePath = resolve(process.cwd(), 'assets/client1PersistedOperations.json')

// sync
persistedOperationsStore.loadFromFileSync(filePath) // load and parse persisted-operations files

// or async
await persistedOperationsStore.loadFromFile(filePath) // load and parse persisted-operations files

const getEnveloped = envelop({
plugins: [
useEngine({ parse, validate, specifiedRules, execute, subscribe }),
// ... other plugins ...
usePersistedOperations({
store: persistedOperationsStore
})
]
})
`

Multiple Stores

The store parameter accepts both a Store instance, or a function. If you need to support
multiple stores (based on incoming GraphQL operation/HTTP request), you can provide a function to
toggle between the stores, based on your needs:

`ts
import { execute, parse, specifiedRules, subscribe, validate } from 'graphql'
import { envelop, useEngine } from '@envelop/core'

const getEnveloped = envelop({
plugins: [
useEngine({ parse, validate, specifiedRules, execute, subscribe }),
// ... other plugins ...
usePersistedOperations({
store: context => {
if (context.req.headers['user-agent'].includes('Android')) {
return mobileClientsStore
}

return defaultStore
}
})
]
})

// later, pass the initial context
const proxyFns = getEnveloped({ req })
`

Additional options

$3

You can pass onlyPersisted: true when you want to allow persisted operations only in your server.
In this case the plugin will issue a GraphQL error when it does not receive an operation Id, or when
the received operation id is not available in your store/s.

$3

You might want to perform some actions, such as logging custom events, when your operation Id is not
matched in your store/s; in this case you can use the onMissingMatch callback function. The
function receives the context and operationId as arguments, so you can use it like so:

`js
onMissingMatch: (context, operationId) => {
myEventPool.add(
Missing match for operation "${operationId}" from agent "${context.req.headers['user-agent']}"
)
}
`

With Relay

If you are using Relay, you can leverage relay-compiler feature for hashing and and creating the
store for you, during build.

You can read more about this feature here. After
building your hashes, you can use queryMap.json` as your store.