46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import VueApollo from 'vue-apollo';
|
||
|
|
import { IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';
|
||
|
|
import createDefaultClient from '~/lib/graphql';
|
||
|
|
import introspectionQueryResultData from './fragmentTypes.json';
|
||
|
|
|
||
|
|
Vue.use(VueApollo);
|
||
|
|
|
||
|
|
// We create a fragment matcher so that we can create a fragment from an interface
|
||
|
|
// Without this, Apollo throws a heuristic fragment matcher warning
|
||
|
|
const fragmentMatcher = new IntrospectionFragmentMatcher({
|
||
|
|
introspectionQueryResultData,
|
||
|
|
});
|
||
|
|
|
||
|
|
const defaultClient = createDefaultClient(
|
||
|
|
{},
|
||
|
|
{
|
||
|
|
cacheConfig: {
|
||
|
|
fragmentMatcher,
|
||
|
|
dataIdFromObject: obj => {
|
||
|
|
/* eslint-disable @gitlab/i18n/no-non-i18n-strings */
|
||
|
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
|
switch (obj.__typename) {
|
||
|
|
// We need to create a dynamic ID for each entry
|
||
|
|
// Each entry can have the same ID as the ID is a commit ID
|
||
|
|
// So we create a unique cache ID with the path and the ID
|
||
|
|
case 'TreeEntry':
|
||
|
|
case 'Submodule':
|
||
|
|
case 'Blob':
|
||
|
|
return `${obj.flatPath}-${obj.id}`;
|
||
|
|
default:
|
||
|
|
// If the type doesn't match any of the above we fallback
|
||
|
|
// to using the default Apollo ID
|
||
|
|
// eslint-disable-next-line no-underscore-dangle
|
||
|
|
return obj.id || obj._id;
|
||
|
|
}
|
||
|
|
/* eslint-enable @gitlab/i18n/no-non-i18n-strings */
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
);
|
||
|
|
|
||
|
|
export default new VueApollo({
|
||
|
|
defaultClient,
|
||
|
|
});
|