UNPKG

9.88 kBMarkdownView Raw
1![logo](https://raw.githubusercontent.com/19majkel94/type-graphql/master/img/logo.png)
2
3# TypeGraphQL
4
5[![npm version](https://badge.fury.io/js/type-graphql.svg)](https://badge.fury.io/js/type-graphql)
6[![Build Status](https://travis-ci.org/19majkel94/type-graphql.svg?branch=master)](https://travis-ci.org/19majkel94/type-graphql)
7[![codecov](https://codecov.io/gh/19majkel94/type-graphql/branch/master/graph/badge.svg)](https://codecov.io/gh/19majkel94/type-graphql)
8[![dependencies](https://david-dm.org/19majkel94/type-graphql/status.svg)](https://david-dm.org/19majkel94/type-graphql)
9[![install size](https://packagephobia.now.sh/badge?p=type-graphql)](https://packagephobia.now.sh/result?p=type-graphql)
10[![gitter](https://badges.gitter.im/type-graphql.svg)](https://gitter.im/type-graphql?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
11
12Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
13
14[**https://typegraphql.ml/**](https://typegraphql.ml/)
15<br>
16<br>
17[![](https://opencollective.com/typegraphql/donate/button.png?color=white)](https://opencollective.com/typegraphql)
18
19## Motivation
20
21We all know that GraphQL is great and solves many problems we have with REST APIs, like overfetching and underfetching. But developing a GraphQL API in Node.js with TypeScript is sometimes a bit of a pain. Why? Let's take a look at the steps we usually have to take.
22
23First, we create all the GraphQL types in `schema.gql` using SDL. Then we create our data models using [ORM classes](https://github.com/typeorm/typeorm), which represent our db entities. Then we start to write resolvers for our queries, mutations and fields, but this forces us to first create TS interfaces for all arguments, inputs, and even object types.
24
25Only then can we actually implement the resolvers using weird generic signatures and manually performing common tasks, like validation, authorization and loading dependencies:
26
27```js
28export const getRecipesResolver: GraphQLFieldResolver<void, Context, GetRecipesArgs> =
29 async (_, args, ctx) => {
30 // common tasks repeatable for almost every resolver
31 const repository = TypeORM.getRepository(Recipe);
32 const auth = Container.get(AuthService);
33 await joi.validate(getRecipesSchema, args);
34 if (!auth.check(ctx.user)) {
35 throw new NotAuthorizedError();
36 }
37
38 // our business logic, e.g.:
39 return repository.find({ skip: args.offset, take: args.limit });
40 };
41```
42
43The biggest problem is redundancy in our codebase, which makes it difficult to keep things in sync. To add a new field to our entity, we have to jump through all the files - modify an entity class, the schema, as well as the interface. The same goes for inputs or arguments. It's easy to forget to update one piece or make a mistake with a single type. Also, what if we've made a typo in field name? The rename feature (F2) won't work correctly.
44
45Tools like [GraphQL Code Generator](https://github.com/dotansimha/graphql-code-generator) or [graphqlgen](https://github.com/prisma/graphqlgen) only solve the first part - they generate the corresponding interfaces (and resolvers skeletons) for our GraphQL schema but they don't fix the schema <--> models redundancy and developer experience (F2 rename won't work, you have to remember about the codegen watch task in background, etc.), as well as common tasks like validation, authorization, etc.
46
47**TypeGraphQL** comes to address these issues, based on experience from a few years of developing GraphQL APIs in TypeScript. The main idea is to have only one source of truth by defining the schema using classes and some help from decorators. Additional features like dependency injection, validation and auth guards help with common tasks that normally we would have to handle ourselves.
48
49## Introduction
50
51As mentioned, **TypeGraphQL** makes developing GraphQL APIs an enjoyable process, i.e. by defining the schema using only classes and a bit of decorator magic.
52
53So, to create types like object type or input type, we use a kind of DTO classes.
54For example, to declare `Recipe` type we simply create a class and annotate it with decorators:
55
56```js
57@ObjectType()
58class Recipe {
59 @Field(type => ID)
60 id: string;
61
62 @Field()
63 title: string;
64
65 @Field(type => [Rate])
66 ratings: Rate[];
67
68 @Field({ nullable: true })
69 averageRating?: number;
70}
71```
72
73And we get the corresponding part of the schema in SDL:
74
75```graphql
76type Recipe {
77 id: ID!
78 title: String!
79 ratings: [Rate!]!
80 averageRating: Float
81}
82```
83
84Then we can create queries, mutations and field resolvers. For this purpose we use controller-like classes that are called "resolvers" by convention. We can also use awesome features like dependency injection and auth guards:
85
86```js
87@Resolver(Recipe)
88class RecipeResolver {
89 // dependency injection
90 constructor(private recipeService: RecipeService) {}
91
92 @Query(returns => [Recipe])
93 recipes() {
94 return this.recipeService.findAll();
95 }
96
97 @Mutation()
98 @Authorized(Roles.Admin) // auth guard
99 removeRecipe(@Arg("id") id: string): boolean {
100 return this.recipeService.removeById(id);
101 }
102
103 @FieldResolver()
104 averageRating(@Root() recipe: Recipe) {
105 return recipe.ratings.reduce((a, b) => a + b, 0) / recipe.ratings.length;
106 }
107}
108```
109
110And in this simple way we get this part of the schema in SDL:
111
112```graphql
113type Query {
114 recipes: [Recipe!]!
115}
116
117type Mutation {
118 removeRecipe(id: String!): Boolean!
119}
120```
121
122## Getting started
123
124A full getting started guide with a simple walkthrough (tutorial) can be found at [getting started docs](https://typegraphql.ml/docs/getting-started.html).
125
126## Video tutorial
127
128If you prefer video tutorials, you can watch [Ben Awad](https://github.com/benawad)'s [TypeGraphQL video series](https://www.youtube.com/playlist?list=PLN3n1USn4xlma1bBu3Tloe4NyYn9Ko8Gs) on YouTube.
129
130## Documentation
131
132The documentation, installation guide, detailed description of the API and all of its features is [available on the website](https://typegraphql.ml/).
133
134## Examples
135
136You can also check the [examples folder](https://github.com/19majkel94/type-graphql/tree/master/examples) in this repository for more examples of usage: simple fields resolvers, DI Container support, TypeORM integration, automatic validation, etc.
137
138The [Tests folder](https://github.com/19majkel94/type-graphql/tree/master/tests) might also give you some tips how to get various things done.
139
140## Towards v1.0
141
142The currently released version is a MVP (Minimum Viable Product). It is well tested (96% coverage, 8000 lines of test code) and has 95% of the planned features already implemented.
143
144However there's still work to be done before the [1.0.0 release](https://github.com/19majkel94/type-graphql/milestone/3) and it's mostly about documentation (website, api reference and jsdoc) and compatibility with the GraphQL spec and other tools.
145
146There are also plans for more features like better TypeORM, Prisma and dataloader integration, custom decorators and metadata annotations support - [the full list of ideas](https://github.com/19majkel94/type-graphql/issues?q=is%3Aissue+is%3Aopen+label%3A"Enhancement+%3Anew%3A") is available on the GitHub repo. You can also keep track of [development's progress on project board](https://github.com/19majkel94/type-graphql/projects/1).
147
148I encourage you to give TypeGraphQL a try and experiment with. If you have any questions, you can [ask on gitter](https://gitter.im/type-graphql/Lobby). If you find a bug, please report it as an issue on GitHub. If you have any interesting feature requests, I would be happy to hear about them.
149
150## Support
151
152TypeGraphQL is an MIT-licensed open source project. This framework is a result of the tremendous amount of work - sleepless nights, busy evenings and weekends.
153
154It doesn't have a large company that sits behind - its ongoing development is possible only thanks to the support by the community.
155
156[![](https://opencollective.com/typegraphql/donate/button.png?color=blue)](https://opencollective.com/typegraphql)
157
158### Gold Sponsors 🏆
159
160Please ask your company to also support this open source project by [becoming a gold sponsor](https://opencollective.com/typegraphql/contribute/tier/8340-gold-sponsors) and getting your company logo on our README on Github as well as on the landing page of the official documentation site with a link to your company site.
161
162### Sponsors 🚀
163
164[![Become a Sponsor](https://opencollective.com/static/images/become_sponsor.svg)](https://opencollective.com/typegraphql)
165
166| [<img src="https://raw.githubusercontent.com/19majkel94/type-graphql/master/img/gorrion.png" width="250">](https://gorrion.io/) | [<img src="https://opencollective-production.s3-us-west-1.amazonaws.com/73f90010-67e9-11e9-b984-89e2dc4d10f9.jpg" height="100">](https://opencollective.com/demid-nikitin) |
167| :---: | :---: |
168| [**Gorrion Software House**](https://gorrion.io/) | [**Demid Nikitin**](https://opencollective.com/demid-nikitin) |
169
170### Backers
171
172[![](https://opencollective.com/typegraphql/backers.svg?width=890&button=false)](https://opencollective.com/typegraphql#contributors)
173
174### Contribution
175
176PRs are welcome, but first check, test and build your code before committing it.
177
178- Use commit rules: For more information checkout this [commit rule guide](https://gist.github.com/stephenparish/9941e89d80e2bc58a153).
179- [Allowing changes to a pull request branch created from a fork](https://help.github.com/articles/allowing-changes-to-a-pull-request-branch-created-from-a-fork/)
180
181If you want to add a new big feature, please create a proposal first, where we can discuss the idea and implementation details. This will prevent wasted time if the PR be rejected.