@bond-london/gatsby-graphql-typegen

Plugin to generate graphql types for Gatsby.

It uses the same approach as the core graphqlTypegen but provides a few more options

Installation

yarn add @bond-london/gatsby-graphql-typegen

Configuration

Add to your gatsby-config.ts and configure it as shown below.

    {
      resolve: "@bond-london/gatsby-graphql-typegen",
      options: {
        gatsbyTypesFile: "gatsby-types.d.ts",
        configOptions: {
          skipTypename: false,
        },
      },
    },

If you specify the gatsbyTypesFile make sure that the tsconfig.json file correctly picks it up.

Configuration options

| Key | Type | Description | | --------------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------- | | gatsbyTypesFiles | String | The name of the types file. This is useful if you use tailwind and don't want to generate in the src directory | | configOptions | Object | Additional configuration options. See https://www.graphql-code-generator.com/plugins/typescript for details | | additionalTypescriptFiles | String[] | Additional files to read queries from in addition to the defaults. [./gatsby-node.ts,./plugins/**/gatsby-node.ts ] |