| Package name | Weekly Downloads | Version | License | Updated |
|---|---|---|---|---|
@graphql-codegen/flow-operations | Sep 26th, 2022 |
Installation
yarn add -D @graphql-codegen/flow-operationsUsage Requirements
In order to use this GraphQL Codegen plugin, please make sure that you have GraphQL operations (query / mutation / subscription and fragment) set as documents: … in your codegen.yml.
Without loading your GraphQL operations (query, mutation, subscription and fragment), you won't see any change in the generated output.
This plugin generates Flow types based on your GraphQLSchema and your GraphQL operations and fragments.
It generates types for your GraphQL documents: Query, Mutation, Subscription and Fragment.
This plugin requires you to use @graphql-codegen/flow as well, because it depends on its types.
Config API Reference
useFlowExactObjects
type: boolean
default: true
Generates Flow types as Exact types.
Usage Examples
generates:
path/to/file.ts:
plugins:
- flow
config:
useFlowExactObjects: falseuseFlowReadOnlyTypes
type: boolean
default: false
Generates read-only Flow types
Usage Examples
generates:
path/to/file.ts:
plugins:
- flow
config:
useFlowReadOnlyTypes: trueflattenGeneratedTypes
type: boolean
default: false
Flatten fragment spread and inline fragments into a simple selection set before generating.
Usage Examples
generates:
path/to/file.ts:
plugins:
- typescript
- typescript-operations
config:
flattenGeneratedTypes: truepreResolveTypes
type: boolean
default: true
Uses primitive types where possible.
Set to false in order to use Pick and take use the types generated by typescript plugin.
Usage Examples
plugins
config:
preResolveTypes: falseskipTypeNameForRoot
type: boolean
default: false
Avoid adding __typename for root types. This is ignored when a selection explicitly specifies __typename.
Usage Examples
plugins
config:
skipTypeNameForRoot: trueglobalNamespace
type: boolean
default: false
Puts all generated code under global namespace. Useful for Stencil integration.
Usage Examples
plugins
config:
globalNamespace: trueoperationResultSuffix
type: string
default: (empty)
Adds a suffix to generated operation result type names
dedupeOperationSuffix
type: boolean
default: false
Set this configuration to true if you wish to make sure to remove duplicate operation name suffix.
omitOperationSuffix
type: boolean
default: false
Set this configuration to true if you wish to disable auto add suffix of operation name, like Query, Mutation, Subscription, Fragment.
exportFragmentSpreadSubTypes
type: boolean
default: false
If set to true, it will export the sub-types created in order to make it easier to access fields declared under fragment spread.
experimentalFragmentVariables
type: boolean
default: false
If set to true, it will enable support for parsing variables on fragments.
mergeFragmentTypes
type: boolean
default: false
If set to true, merge equal fragment interfaces.
addUnderscoreToArgsType
type: boolean
Adds _ to generated Args types in order to avoid duplicate identifiers.
Usage Examples
With Custom Values
config:
addUnderscoreToArgsType: trueenumValues
type: EnumValuesMap
Overrides the default value of enum values declared in your GraphQL schema.
You can also map the entire enum to an external type by providing a string that of module#type.
declarationKind
type: DeclarationKindConfig | string (values: abstract class, class, interface, type)
Overrides the default output for various GraphQL elements.
Usage Examples
Override all declarations
config:
declarationKind: 'interface'Override only specific declarations
config:
declarationKind:
type: 'interface'
input: 'interface'enumPrefix
type: boolean
default: true
Allow you to disable prefixing for generated enums, works in combination with typesPrefix.
Usage Examples
Disable enum prefixes
config:
typesPrefix: I
enumPrefix: falsefieldWrapperValue
type: string
default: T
Allow you to add wrapper for field type, use T as the generic value. Make sure to set wrapFieldDefinitions to true in order to make this flag work.
Usage Examples
Allow Promise
generates:
path/to/file.ts:
plugins:
- typescript
config:
wrapFieldDefinitions: true
fieldWrapperValue: T | Promise<T>wrapFieldDefinitions
type: boolean
default: false
Set to true in order to wrap field definitions with FieldWrapper.
This is useful to allow return types such as Promises and functions.
Usage Examples
Enable wrapping fields
generates:
path/to/file.ts:
plugins:
- typescript
config:
wrapFieldDefinitions: trueonlyEnums
type: boolean
default: false
This will cause the generator to emit types for enums only
Usage Examples
Override all definition types
generates:
path/to/file.ts:
plugins:
- typescript
config:
onlyEnums: trueonlyOperationTypes
type: boolean
default: false
This will cause the generator to emit types for operations only (basically only enums and scalars)
Usage Examples
Override all definition types
generates:
path/to/file.ts:
plugins:
- typescript
config:
onlyOperationTypes: trueignoreEnumValuesFromSchema
type: boolean
default: false
This will cause the generator to ignore enum values defined in GraphQLSchema
Usage Examples
Ignore enum values from schema
generates:
path/to/file.ts:
plugins:
- typescript
config:
ignoreEnumValuesFromSchema: truewrapEntireFieldDefinitions
type: boolean
default: true
Set to true in order to wrap field definitions with EntireFieldWrapper.
This is useful to allow return types such as Promises and functions for fields.
Differs from wrapFieldDefinitions in that this wraps the entire field definition if i.e. the field is an Array, while
wrapFieldDefinitions will wrap every single value inside the array.
entireFieldWrapperValue
type: string
default: T | Promise<T> | (() => T | Promise<T>)
Allow to override the type value of EntireFieldWrapper. This wrapper applies outside of Array and Maybe
unlike fieldWrapperValue, that will wrap the inner type.
directiveArgumentAndInputFieldMappings
type: DirectiveArgumentAndInputFieldMappings
Replaces a GraphQL scalar with a custom type based on the applied directive on an argument or input field.
You can use both module#type and module#namespace#type syntax.
Will NOT work with introspected schemas since directives are not exported.
Only works with directives on ARGUMENT_DEFINITION or INPUT_FIELD_DEFINITION.
WARNING: Using this option does only change the type definitions.
For actually ensuring that a type is correct at runtime you will have to use schema transforms (e.g. with @graphql-tools/utils mapSchema) that apply those rules! Otherwise, you might end up with a runtime type mismatch which could cause unnoticed bugs or runtime errors.
Please use this configuration option with care!
directiveArgumentAndInputFieldMappingTypeSuffix
type: string
Adds a suffix to the imported names to prevent name clashes.
Usage Examples
plugins:
config:
directiveArgumentAndInputFieldMappingTypeSuffix: ModelstrictScalars
type: boolean
default: false
Makes scalars strict.
If scalars are found in the schema that are not defined in scalars
an error will be thrown during codegen.
Usage Examples
config:
strictScalars: truedefaultScalarType
type: string
default: any
Allows you to override the type that unknown scalars will have.
Usage Examples
config:
defaultScalarType: unknownscalars
type: ScalarsMap
Extends or overrides the built-in scalars and custom GraphQL scalars to a custom type.
namingConvention
type: NamingConvention
default: change-case-all#pascalCase
Allow you to override the naming convention of the output.
You can either override all namings, or specify an object with specific custom naming convention per output.
The format of the converter must be a valid module#method.
Allowed values for specific output are: typeNames, enumValues.
You can also use "keep" to keep all GraphQL names as-is.
Additionally, you can set transformUnderscore to true if you want to override the default behavior,
which is to preserve underscores.
Available case functions in change-case-all are camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, lowerCase, localeLowerCase, lowerCaseFirst, spongeCase, titleCase, upperCase, localeUpperCase and upperCaseFirst
See more
typesPrefix
typesSuffix
skipTypename
type: boolean
default: false
Does not add __typename to the generated types, unless it was specified in the selection set.
Usage Examples
config:
skipTypename: truenonOptionalTypename
type: boolean
default: false
Automatically adds __typename field to the generated types, even when they are not specified
in the selection set, and makes it non-optional
Usage Examples
config:
nonOptionalTypename: trueuseTypeImports
type: boolean
default: false
Will use import type {} rather than import {} when importing only types. This gives
compatibility with TypeScript's "importsNotUsedAsValues": "error" option
dedupeFragments
type: boolean
default: false
Removes fragment duplicates for reducing data transfer. It is done by removing sub-fragments imports from fragment definition Instead - all of them are imported to the Operation node.
inlineFragmentTypes
type: InlineFragmentTypeOptions
default: inline
Whether fragment types should be inlined into other operations. "inline" is the default behavior and will perform deep inlining fragment types within operation type definitions. "combine" is the previous behavior that uses fragment type references without inlining the types (and might cause issues with deeply nested fragment that uses list types).
emitLegacyCommonJSImports
type: boolean
default: true
Emit legacy common js imports.
Default it will be true this way it ensure that generated code works with non-compliant bundlers.