@graphql-codegen/cli

Patch Changes

• #9051 f7313f7ca Thanks @saihaj! - dependencies updates:

  • Added dependency micromatch@^4.0.5 ↗︎ (to dependencies)

• #9051 f7313f7ca Thanks @saihaj! - only run generate for files that users have listed in config to avoid running this over every change that codegen is not supposed to execute

Minor Changes

• d84afec09: Support TypeScript ESM modules ("module": "node16" and "moduleResolution": "node16").

  More information on the TypeScript Release Notes.

Patch Changes

• Updated dependencies [d84afec09]
• Updated dependencies [a4fe5006b]
• Updated dependencies [8e44df58b]
  • @graphql-codegen/[email protected]

Minor Changes

• #9009 288ed0977 Thanks @saihaj! - use @parcel/watcher for improved watch functionality

Patch Changes

• #9009 288ed0977 Thanks @saihaj! - dependencies updates:
  • Added dependency @parcel/watcher@^2.1.0 ↗︎ (to dependencies)
  • Removed dependency chokidar@^3.5.2 ↗︎ (from dependencies)

Minor Changes

• #8893 a118c307a Thanks @n1ru4l! - It is no longer mandatory to declare an empty plugins array when using a preset

• #8723 a3309e63e Thanks @kazekyo! - Introduce a new feature called DocumentTransform.

  DocumentTransform is a functionality that allows you to modify documents before they are processed by plugins. You can use functions passed to the documentTransforms option to make changes to GraphQL documents.

  To use this feature, you can write documentTransforms as follows:

  import type { CodegenConfig } from '@graphql-codegen/cli'
  
  const config: CodegenConfig = {
    schema: 'https://localhost:4000/graphql',
    documents: ['src/**/*.tsx'],
    generates: {
      './src/gql/': {
        preset: 'client',
        documentTransforms: [
          {
            transform: ({ documents }) => {
              // Make some changes to the documents
              return documents
            }
          }
        ]
      }
    }
  }
  export default config
  

  For instance, to remove a @localOnlyDirective directive from documents, you can write the following code:

  import type { CodegenConfig } from '@graphql-codegen/cli'
  import { visit } from 'graphql'
  
  const config: CodegenConfig = {
    schema: 'https://localhost:4000/graphql',
    documents: ['src/**/*.tsx'],
    generates: {
      './src/gql/': {
        preset: 'client',
        documentTransforms: [
          {
            transform: ({ documents }) => {
              return documents.map(documentFile => {
                documentFile.document = visit(documentFile.document, {
                  Directive: {
                    leave(node) {
                      if (node.name.value === 'localOnlyDirective') return null
                    }
                  }
                })
                return documentFile
              })
            }
          }
        ]
      }
    }
  }
  export default config
  

  DocumentTransform can also be specified by file name. You can create a custom file for a specific transformation and pass it to documentTransforms.

  Let's create the document transform as a file:

  module.exports = {
    transform: ({ documents }) => {
      // Make some changes to the documents
      return documents
    }
  }
  

  Then, you can specify the file name as follows:

  import type { CodegenConfig } from '@graphql-codegen/cli'
  
  const config: CodegenConfig = {
    schema: 'https://localhost:4000/graphql',
    documents: ['src/**/*.tsx'],
    generates: {
      './src/gql/': {
        preset: 'client',
        documentTransforms: ['./my-document-transform.js']
      }
    }
  }
  export default config
  

Patch Changes

• #9000 4c422ccf6 Thanks @renovate! - dependencies updates:
  • Updated dependency @whatwg-node/fetch@^0.8.0 ↗︎ (from ^0.6.0, in dependencies)
• Updated dependencies [8206b268d, 8206b268d, a118c307a, a3309e63e]:
  • @graphql-codegen/[email protected]
  • @graphql-codegen/[email protected]