npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

graphql-field-resolver-to-typescript

v1.0.1

Published

Export ts definitions from your server .graphql files to strictly type your field resolvers

Downloads

4

Readme

graphql-field-resolver-to-typescript · CircleCI Status npm version semantic-release

This project started its life as a fork of graphql-typewriter

Usage

  🚗 Local package.json

$ yarn add --dev graphql-field-resolver-to-typescript
$ gqlfr2ts **/*.graphql -o schema.d.ts

 🚙  Global dependency

$ npm install -g graphql-field-resolver-to-typescript
$ gqlfr2ts **/*.graphql -o schema.d.ts

🏎💨  Using npx

$ npx graphql-field-resolver-to-typescript **/*.graphql -o schema.d.ts

API

$ gqlfr2ts <input>

<input>

You can provide a list over files or use stdin to pipe from other cli programs.

--output, -o path

Optionally specify where to write the output. If not specified it'll pipe to stdout so you can pipe it to any cli program you want.

Examples

$ gqlfr2ts schema.graphql

Processes the file schema.graphql and prints to stdout

$ cat schema.graphql | gqlfr2ts --output schema.d.ts

Processes the input from stdin and writes output to schema.d.ts

$ gqlfr2ts RootQuery.graphql User.graphql --output schema.d.ts

Stitch a schema together and output a complete typescript definition for all the related resolvers

$ cat **/*.graphql | gqlfr2ts > schema.d.ts

Stitch a schema together from stdin and pipe it to stdout and use the shell to write output to file. This is the most performant solution when you have a lot of files that combine to a big schema.

.graphql to .ts examples

input

type RootQuery {
  # A field description
  field1: TypeA
  # Another field description
  field2: TypeB
}

# A simple type
# Multiline description
type TypeA {
  name: String
  size: Int
}

# Another more complex type
type TypeB {
  nested: [TypeA]
}

schema {
  query: RootQuery
}

output

/* tslint:disable */
import { GraphQLResolveInfo } from 'graphql'
type ID = string
export type GraphqlField<Source, Args, Result, Ctx> =
  | Result
  | Promise<Result>
  | ((
      source: Source,
      args: Args,
      context: Ctx,
      info: GraphQLResolveInfo
    ) => Result | Promise<Result>)

export interface RootQuery<Ctx> {
  /**
     * A field description
     */
  field1?: GraphqlField<RootQuery<Ctx>, {}, TypeA<Ctx> | undefined, Ctx>
  /**
     * Another field description
     */
  field2?: GraphqlField<RootQuery<Ctx>, {}, TypeB<Ctx> | undefined, Ctx>
}

/**
 * A simple type
 * Multiline description
 */
export interface TypeA<Ctx> {
  name?: GraphqlField<TypeA<Ctx>, {}, string | undefined, Ctx>
  size?: GraphqlField<TypeA<Ctx>, {}, number | undefined, Ctx>
}

/**
 * Another more complex type
 */
export interface TypeB<Ctx> {
  nested?: GraphqlField<
    TypeB<Ctx>,
    {},
    (TypeA<Ctx> | undefined)[] | undefined,
    Ctx
  >
}

export interface field1Args {}

export interface field2Args {}

export const defaultResolvers = {}

usage in resolvers

@TODO this will come soon, this is a very young project and there's a lot of edge cases to iron out