Search code examples
javascripttypescriptgraphqlgraphql-codegenpascalcasing

How do I make Graphql Code Generator for typescript make its enums into pascal case instead of snake case?

Currently, the enums that Graphql Code Generator produces looks like this

export enum Test_Type {
    Test: 'TEST',
}

however I want the generated enums to be in pascal case like this:

export enum TestType {
  Test: 'TEST',
}

Edit, my codegen.yml:

overwrite: true
generates:
  src/graphql/generated/graphql.ts:
    schema: ${API_ENDPOINT}
    documents: ['src/graphql/**/*.graphql', 'src/graphql/**/*.gql']
    plugins:
      - 'typescript'
      - 'typescript-operations'
      - 'typescript-react-apollo'
  ./graphql.schema.json:
    schema: ${API_ENDPOINT}
    plugins:
      - 'introspection'
hooks:
  afterAllFileWrite:
    - prettier --write

The schema for the enum is

enum TEST_TYPE {
    TEST
}
Solution

  • You can set the naming convention in config in your codegen.yml file.

    config:
  namingConvention: change-case-all#pascalCase