Graphql-code-generator: Unused imports are generated when using fragment

Created on 21 Aug 2019 · 4Comments · Source: dotansimha/graphql-code-generator

Describe the bug
tsc --noUnusedLocals warn generated files because the files include unused imports when using fragment.

To Reproduce
Steps to reproduce the behavior:

Sample repository: https://github.com/mizdra/graphql-code-generator-sample

$ git clone https://github.com/mizdra/graphql-code-generator-sample.git
$ cd graphql-code-generator-sample
$ yarn install
$ yarn run build:graphql
$ yarn run check:typecheck # tsc --noUnusedLocals

My GraphQL schema:

type Query {
  articles: [Article!]!
}
type Article {
  id: ID!
  title: String!
  body: String!
}

My GraphQL operations:

// ArticleListItem.tsx
export function ArticleListItem() { ... }
ArticleListItem.Fragment = gql`
  fragment SimpleArticle on Article {
    title
    body
  }
`

// ArticleList.tsx
import { ArticleListItem } from './ArticleListItem'

const GET_ARTICLES = gql`
  query GetArticles {
    articles {
      ...SimpleArticle
    }
  }
  ${ArticleListItem.Fragment}
`

My codegen.yml config file:

overwrite: true
schema: schema.graphql
generates:
  src/types.generated.ts:
    - typescript
  src/:
    documents: 'src/**/*.{ts,tsx}'
    preset: near-operation-file
    presetConfig:
      extension: .generated.tsx
      baseTypesPath: types.generated.ts
    plugins:
      - typescript-operations

Expected behavior
Unused imports should be removed from generated files.

Environment: