typescript-document-nodes

import { PluginApiDocs, PluginHeader } from '@/components/plugin' import { pluginGetStaticProps } from '@/lib/plugin-get-static-props' export const getStaticProps = pluginGetStaticProps(__filename)

Usage

With GitHub GraphQL API v4 schema and following GraphQL operation:

query Viewer {
  viewer {
    login
    name
  }
}

It will generate following TypeScript code:

import { DocumentNode } from 'graphql'
import gql from 'graphql-tag'

export const viewerQuery: DocumentNode = gql`
  query Viewer {
    viewer {
      login
      name
    }
  }
`