Persistent Queries

[ntelkedzhiev]

Any plans of supporting persistent queries?

https://facebook.github.io/relay/docs/en/persisted-queries.html

[nodkz]

We are currently using Apollo.
So need help from the community for the implementation of this feature.

[maraisr]

@nodkz are you using Apollo for network layer, but relay as the runtime?

@ntelkedzhiev I'll be happy to take a look at this. ⚡️

[rramaa]

I have written a middleware to send persisted queries to gql server. Would be happy contribute. Would be cool if the persisted queries middleware is supported out of the box

[felippepuhle]

@rramaa can you open a PR when you get some free time?

[rramaa]

Yeah...will open a PR as soon as I get some free time...been a bit busy last couple of weeks

[limaAniceto]

a middleware to send persisted queries to gql server. Would be happy contribute. Would be cool if the persisted queries middleware is supported out of the box

Hey @rramaa,
Could you please share here that middleware for the community?

Appreciate the help 🙏

[limaAniceto]

Just for reference we are using react-relay-network-modern and ended up going with this middleware (with some other tweaks but this should be clear enough )

Just sharing it to save someone else's time

UPDATE: This catch fallback needs improvements, we've iterated on it and we'll post it on a new comment below in the coming days - Please see the PR associated with this issue

// @flow
import { RelayNetworkLayerRequestBatch } from 'react-relay-network-modern';

type PersistedQueriesMiddlewareOptions = { hash: string };

const persistedQueriesMiddleware = (
    options: PersistedQueriesMiddlewareOptions = {}
) => (next: Function) => async (req: Object) => {
    try {
        if (req instanceof RelayNetworkLayerRequestBatch) {
            throw new Error(
                'Batched requests are not supported by current version.'
            );
        }
        const { cacheID: queryId, text: queryText } = req.operation;

        if (!queryId && (!options.hash || !queryText)) {
            throw new Error(
                'Either query id or hashing function & query must be defined!'
            );
        }

        const body = JSON.parse(req.fetchOpts.body);
        delete body.query;
        body.doc_id = queryId;
        req.fetchOpts.body = JSON.stringify(body);
        delete req.operation.text;

        const res = await next(req);

        return res;
    } catch (Error) {
        return await next(req);
    }
};

export default persistedQueriesMiddleware;