codegen.yml

# more config option https://www.graphql-code-generator.com/docs/generated-config/typescript

# Endpoint API, the following URL is a example
schema: ${NEXT_PUBLIC_GRAPHQL_API_ENDPOINT}
overwrite: true

generates:
  # Get schemas from server
  src/graphql/schemas.ts:
    documents: "src/**/**.gql"
    plugins:
      - typescript

  # Create operations based on queries
  src/graphql/operations.ts:
    documents: "src/**/**.gql"
    preset: import-types
    presetConfig:
      typesPath: ./schemas
    plugins:
      - typescript-operations

  # 1. Export GraphQL documents
  # 2. React interface
  src/graphql/hooks.ts:
    documents: "src/**/**.gql"
    preset: import-types
    presetConfig:
      typesPath: ./operations
    plugins:
      - typescript-react-apollo
    config:
      # Optionals
      withHOC: false
      withComponent: false
      withHooks: true
      reactApolloVersion: 3
      useImplementingTypes: true
      disableDescriptions: true
      maybeValue: T | null | undefined
      enumsAsTypes: true
# Format files
hooks:
  afterAllFileWrite:
    - prettier --write