@graphql-codegen/typed-document-node
Version:
GraphQL Code Generator plugin for generating ready-to-use TypedDocumentNode based on GraphQL operations
50 lines (47 loc) • 2.07 kB
JavaScript
import { extname } from 'path';
import { oldVisit } from '@graphql-codegen/plugin-helpers';
import { DocumentMode, optimizeOperations, } from '@graphql-codegen/visitor-plugin-common';
import { concatAST, Kind } from 'graphql';
import { TypeScriptDocumentNodesVisitor } from './visitor.js';
export const plugin = (schema, rawDocuments, config) => {
const documents = config.flattenGeneratedTypes ? optimizeOperations(schema, rawDocuments) : rawDocuments;
const allAst = concatAST(documents.map(v => v.document));
const allFragments = [
...allAst.definitions.filter(d => d.kind === Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
node: fragmentDef,
name: fragmentDef.name.value,
onType: fragmentDef.typeCondition.name.value,
isExternal: false,
})),
...(config.externalFragments || []),
];
const visitor = new TypeScriptDocumentNodesVisitor(schema, allFragments, config, documents);
const visitorResult = oldVisit(allAst, { leave: visitor });
let content = [];
if (config.documentMode === DocumentMode.string) {
content = [
`\
export class TypedDocumentString<TResult, TVariables>
extends String
implements DocumentTypeDecoration<TResult, TVariables>
{
__apiType?: DocumentTypeDecoration<TResult, TVariables>['__apiType'];
constructor(private value: string, public __meta__?: Record<string, any> | undefined) {
super(value);
}
toString(): string & DocumentTypeDecoration<TResult, TVariables> {
return this.value;
}
}`,
];
}
return {
prepend: allAst.definitions.length === 0 ? [] : visitor.getImports(),
content: [...content, visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
};
};
export const validate = async (_schema, _documents, _config, outputFile) => {
if (extname(outputFile) !== '.ts' && extname(outputFile) !== '.tsx') {
throw new Error(`Plugin "typed-document-node" requires extension to be ".ts" or ".tsx"!`);
}
};