NOTE: You can use TypedDocumentNode instead

see the example

Graphql generator Apollo Cache Plugin

GraphQL Code Generator plugin for generating a functions to read and write from the apollo cache

Install

npm i graphql-codegen-apollo-cache

Configuration

- excludePatterns (default: null): regexp to exclude operation names
- excludePatternsOptions (default: ''): regexp flags to exclude operation names
- reactApolloVersion (default: 2): apollo client version
- apolloCacheImportFrom (default: apollo-cache-inmemory): apollo-cache-inmemory dependency
- apolloImportFrom (default: apollo-client v2 or @apollo/client v3): apollo client dependency
- dataIdFromObjectImport (default: apollo-cache-inmemory): custom dataIdFromObject dependency
- dataIdFromObjectName: dataIdFromObject function name
- generateFragmentsRead(default: true): generate fragments read functions
- generateFragmentsWrite(default: true): generate fragments write functions
- generateQueriesWrite(default: true): generate query read functions
- generateQueriesWrite(default: true): generate query write functions
- customImports (default: ''): full custom import declaration
- pre (default: ''): custom code before each function
- post (default: ''): custom code after each function

Example config

``
overwrite: true
schema:
- 'https://myschema/graphql'
documents:
- 'src/*/.graphql'
generates:
src/@types/codegen/graphql.tsx:
plugins:
- 'typescript'
- 'typescript-operations'
- 'typescript-react-apollo'
src/@types/codegen/cache.tsx:
config:
documentMode: external
importDocumentNodeExternallyFrom: ./graphql
preset: import-types
presetConfig:
typesPath: ./graphql
plugins:
- ./build/src/index.js
hooks:
afterAllFileWrite:
- prettier --write

``