Skip to content

Relay made simple in code-first GraphQL typescript applications

License

Notifications You must be signed in to change notification settings

wemaintain/auto-relay

Repository files navigation

AutoRelay

npm version Build Status

AutoRelay is a librairy designed to work alongside TypeGraphQL and make it easy to paginate your results using the Relay spec.

https://superd001.gitbook.io/autorelay/

Motivation

At WeMaintain we're huge fans of TypeGraphQL and its code first approach to GraphQL. While implementing it in production, we quickly realized we wanted a systematic way to handle our pagination in a robust way. the Relay spec seemed perfect for our use cases and well supported in many client side libraries, but this meant creating a Connection and Edge type for each and every one of our entities.

Moreover, it meant copy/pasting a whole bunch of boilerplate to translate ConnectionArgs to inputs expected by an ORM, and some more for converting the results from the db to a relay Collection .

AutoRelay aims to make pagination using Relay easy and fast while still retaining customization and robustness.

As such, AutoRelay was designed with two goals in mind :

  • Automate the pagination between two entities that share a relationship in TypeORM (more ORM support coming soon)
  • Make it easy and boilerplate-free to implement your own pagination logic, by taking care of all the type generating and exposing easy to use APIs

{% hint style="danger" %} Please note this is currently a W.I.P, expect frequent breaking changes in the API until 1.0.0 {% endhint %}

@Entity()
@ObjectType()
class User {
  @OneToMany(() => Recipe)
  @RelayedConnection(() => Recipe)
  recipes: Recipe[];
}

This will result in the following working SDL:

// Autogenrated by AutoRelay
type PageInfo {
  hasNextPage: Boolean!
  hasPreviousPage: Boolean!
  startCursor: String!
  endCursor: String!
}

// AutoGenerated by AutoRelay
type UserRecipeConnection {
  edges: [UserRecipeEdge]!
  pageInfo: PageInfo!
}

// AutoGenerated by AutoRelay
type UserRecipeEdge {
  cursor: String!
  node: Recipe!
}

type Recipe {
  // ...
}

type User {
  recipes(...): UserRecipeConnection
}

where User.recipes is now a fully working field resolver, that automatically takes Relay ConnectionArguments (first, before, after, last) and returns a Relay Connection containing the results.

Installation

This lib is meant to be used with TypeGraphQL. It will not work with other code-first graphql librairies

  1. Install the npm package:

    npm install auto-relay --save

  2. (Install an ORM if you plan to use @RelayedConnection)

    currently only TypeORM is supported

    npm install @auto-relay/typeorm

Quick Start

Simply configure AutoRelay to use your ORM of choice, and you're ready to go !

index.ts

import { TypeOrmConnection } from '@auto-relay/typeorm'
import { AutoRelayConfig } from 'auto-relay'

new AutoRelayConfig({ orm: () => TypeOrmConnection })

About

Relay made simple in code-first GraphQL typescript applications

Resources

License

Stars

Watchers

Forks

Packages

No packages published