When working on front-end typescript projects that integrate with GraphQL, you often find yourself handwriting types within your app. This is tedious and can lead to mistakes when typing your app.

Graphweaver will auto-generate a typescript file on each build that can be used in your project so that you no longer have to do this by hand.

By default, the file will be generated into the ./src/frontend directory at the root of your project.

The types file is generated whenever you run one of the following commands:

graphweaver build

graphweaver start

graphweaver watch

It can be useful to also generate the file on its own. For that, you can use the command line:

graphweaver build-types

If you need to change the location of the types.ts file then you can use the fileAutoGenerationOptions, like this:

export const graphweaver = new Graphweaver({
	resolvers,
	fileAutoGenerationOptions: {
		typesOutputPath: ['./'],
	},
});

In the example above, this will generate the typescript files in the root of the app.