A way to add TTL to Apollo Client query

ApolloClientQueryPlus.js

import client from './client'
import gql from 'graphql-tag';

const queryPlus = async (props) => {
    const { cacheId: id, ttl = 900000, ...queryProps } = props
    if (!id)
	    throw new Error('cacheId is required')

    const fragment = gql`
        fragment cacheRef on CacheRef {
            id
            timestamp
ttl
        }
    `
    
    try {
        const cacheRef = function() {
            const _item = client.readFragment({
                id,
                fragment
            });

            const hasExpired = function() {
                const now = new Date()
                if (_item) {
                    return ((now - new Date(_item.timestamp)) >= (ttl || _item.ttl))
                }
                return true
            }()

            return {
                hasExpired: hasExpired
            }
        }()

        const res = await client.query({
            ...queryProps,
            fetchPolicy: cacheRef.hasExpired ? 'network-only' : 'cache-first'
        })

        // Set the cache item
        if (cacheRef.hasExpired) {
            const timestamp = new Date().toString()

            client.writeFragment({
                id,
                fragment,
                data: {
                    id,
                    timestamp,
                    ttl,
                    __typename: 'CacheRef'
                },
            });
        }

        return Promise.resolve(res)
    } catch (e) {
        return Promise.reject(e)
    }
} 

export { client, queryPlus };

// Usage 

const res = await queryPlus({ 
	query, 
	variables,
	cacheId: `User:${id}`,
	ttl: 450000
})

See: apollographql/apollo-client#1461

Wouldn't you want the cache id to be generated in a similar way to apollo-client, e.g. serialize the query + variables?

@mshwery you're right (though it would make for a long id) but it could be good for a default ID with the option to override it