• Stars
    star
    1,043
  • Rank 42,452 (Top 0.9 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 15 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The best way to create REST APIs - Generate RESTful APIs from your GraphQL Server

sofa

npm version Discord Chat code style: prettier renovate-app badge

The best way to create REST APIs (is GraphQL).

Installation

yarn add sofa-api
# or
npm install sofa-api

Getting Started

Here's complete example with no dependency on frameworks, but also integratable with any of them:

import http from 'http';
import getStream from 'get-stream';
import { useSofa } from 'sofa-api';

const server = http.createServer(
  useSofa({
    basePath: '/api',
    schema,
  })
);

Another example with builtin express-like frameworks support

import { useSofa } from 'sofa-api';
import express from 'express';

const app = express();

app.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
  })
);

// GET /api/users
// GET /api/messages

How it works

Sofa takes your GraphQL Schema, looks for available queries, mutations and subscriptions and turns all of that into REST API.

Given the following schema:

type Chat {
  id: ID
  text: String
}

type Query {
  chat(id: ID): Chat
  chats: [Chat]
  me: Chat
  recentChats: [Chat]
}

Routes that are being generated:

GET /chat/:id
GET /chats
GET /me
GET /recent-chats

Nested data and idea behind Models

Sofa treats some types differently than others, those are called Models.

The idea behind Models is to not expose full objects in every response, especially if it's a nested, not first-level data.

For example, when fetching a list of chats you don't want to include all messages in the response, you want them to be just IDs (or links). Those messages would have to have their own endpoint. We call this type of data, a Model. In REST you probably call them Resources.

In order to treat particular types as Models you need to provide two queries, one that exposes a list (with no non-optional arguments) and the other to fetch a single entity (id field as an argument). The model itself has to have an id field. Those are the only requirements.

# Message is treated as a Model
type Query {
  messages: [Message]
  message(id: ID): Message
}

type Message {
  id: ID
  # other fields ...
}

Provide a Context

In order for Sofa to resolve operations based on a Context, you need te be able to provide some. Here's how you do it:

api.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    async context({ req }) {
      return {
        req,
        ...yourContext,
      };
    },
  })
);

You can pass a plain object or a function.

Use full responses instead of IDs

There are some cases where sending a full object makes more sense than passing only the ID. Sofa allows you to easily define where to ignore the default behavior:

api.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    ignore: ['Message.author'],
  })
);

Whenever Sofa tries to resolve an author of a message, instead of exposing an ID it will pass whole data.

Pattern is easy: Type.field or Type

Customize endpoint's HTTP Method, path and response status code

Sofa allows you to cutomize the http method, path and response status. For example, in case you need POST instead of GET method in one of your query, you do the following:

api.use(
  '/api',
  useSofa({
    schema,
    routes: {
      'Query.feed': { method: 'POST' },
    },
  })
);

When Sofa tries to define a route for feed of Query, instead of exposing it under GET (default for Query type) it will use POST method.

Pattern is easy: Type.field where Type is your query or mutation type.

You can also specify path with dynamic params support (for example /feed/:offset/:limit) and responseStatus.

Custom depth limit

Sofa prevents circular references by default, but only one level deep. In order to change it, set the depthLimit option to any number:

api.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    depthLimit: 2,
  })
);

Custom execute phase

By default, Sofa uses graphql function from graphql-js to turn an operation into data but it's very straightforward to pass your own logic. Thanks to that you can even use a remote GraphQL Server (with Fetch or through Apollo Links).

api.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    async execute(args) {
      return yourOwnLogicHere(args);
    },
  })
);

Subscriptions as webhooks

Sofa enables you to run GraphQL Subscriptions through WebHooks. It has a special API to start, update and stop a subscription.

  • POST /webhook - starts a subscription
  • DELETE /webhook/:id - stops it
  • POST /webhook/:id- updates it

Starting a subscription

To start a new subscription you need to include following data in request's body:

  • subscription - subscription's name, matches the name in GraphQL Schema
  • variables - variables passed to run a subscription (optional)
  • url - an url of your webhook receiving endpoint

After sending it to POST /webhook you're going to get in return a unique ID that is your started subscription's identifier.

{
  "id": "SUBSCRIPTION-UNIQUE-ID"
}

Stoping a subscription

In order to stop a subscription, you need to pass its id and hit DELETE /webhook/:id.

Updating a subscription

Updating a subscription looks very similar to how you start one. Your request's body should contain:

  • variables - variables passed to run a subscription (optional)

After sending it to POST /webhook/:id you're going to get in return a new ID:

{
  "id": "SUBSCRIPTION-UNIQUE-ID"
}

Example

Given the following schema:

type Subscription {
  onBook: Book
}

Let's start a subscription by sending that to POST /webhook:

{
  "subscription": "onBook",
  "variables": {},
  "url": "https://app.com/new-book"
}

In return we get an id that we later on use to stop or update subscription:

DELETE /webhook/:id

OpenAPI and Swagger

Thanks to GraphQL's Type System Sofa is able to generate OpenAPI (Swagger) definitions out of it. Possibilities are endless here. You get all the information you need in order to write your own definitions or create a plugin that follows any specification.

import { useSofa, OpenAPI } from 'sofa-api';
import { writeFileSync } from 'fs';

const openApi = OpenAPI({
  schema,
  info: {
    title: 'Example API',
    version: '3.0.0',
  },
});

app.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    onRoute(info) {
      openApi.addRoute(info, {
        basePath: '/api',
      });
    },
  })
);

// writes every recorder route
writeFileSync('./swagger.json', JSON.stringify(openApi.get(), null, 2));

OpenAPI (Swagger) with Bearer Authentication

import { useSofa, OpenAPI } from 'sofa-api';
import { writeFileSync } from 'fs';

const openApi = OpenAPI({
  schema,
  info: {
    title: 'Example API',
    version: '3.0.0',
  },
  components: {
    securitySchemes: {
      bearerAuth: {
        type: 'http',
        scheme: 'bearer',
        bearerFormat: 'JWT',
      },
    },
  },
  security: [
    {
      bearerAuth: [],
    },
  ],
});

app.use(
  '/api',
  useSofa({
    basePath: '/api',
    schema,
    onRoute(info) {
      openApi.addRoute(info, {
        basePath: '/api',
      });
    },
  })
);

// writes every recorder route
writeFileSync('./swagger.json', JSON.stringify(openApi.get(), null, 2));

OpenAPI (Swagger) with custom tags, summary and description

const openApi = OpenAPI({
  schema,
  info: {
    title: 'Example API',
    version: '3.0.0',
  },
    tags: [
        {
            name: 'Book',
            description: 'Book related operations',
        },
        {
            name: 'Author',
            description: 'Author related operations',
        },
    ],
});
@Resolver(Book)
export class BookResolver {
    @Query(() => Book, { description: 'Get book by id' }) // custom summary tag
    getBookById(@Arg('id', () => Int) id: number) {
        return 'book';
    }
}
const routes: SofaConfig['routes'] = {
    'Query.getBookById': {
        method: 'POST',
        path: '/book/:id',
        tags: ['Book'],
        description: 'This is a custom detailed description for getBookById',
    },
}

const createSofaMiddleware = (
    schema: GraphQLSchema,
    openApi: ReturnType<typeof OpenAPI>,
    basePath = ''
): ReturnType<typeof useSofa> => {
    return useSofa({
        routes,
        basePath,
        schema,
        onRoute(info) {
            openApi.addRoute(info, { basePath });
        },
    });
};
// writes every recorder route
openApi.save('./swagger.yml');

License

MIT © Uri Goldshtein

More Repositories

1

angular-meteor

Angular and Meteor - The perfect stack
Dockerfile
2,362
star
2

graphql-cli

📟 Command line tool for common GraphQL development workflows
TypeScript
1,983
star
3

graphql-scalars

A library of custom GraphQL Scalars for creating precise type-safe GraphQL schemas.
TypeScript
1,835
star
4

awesome-meteor

A curated, community driven list of awesome Meteor packages, libraries, resources and shiny things
1,419
star
5

graphql-modules

Enterprise Grade Tooling For Your GraphQL Server
TypeScript
1,288
star
6

merge-graphql-schemas

A utility library to facilitate merging of modularized GraphQL schemas and resolver objects.
930
star
7

WhatsApp-Clone-Client-React

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
TypeScript
610
star
8

WhatsApp-Clone-Tutorial

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
530
star
9

WhatsApp-Clone-Server

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
TypeScript
453
star
10

angular2-meteor

Angular 2.0 and Meteor - the perfect stack
298
star
11

meteor-ionic

Ionic framework packaged for Meteor.
JavaScript
216
star
12

Ionic-MeteorCLI-WhatsApp

WhatsApp Clone tutorial with Ionic 1.0 and Meteor CLI
JavaScript
206
star
13

meteor-client-bundler

https://blog.meteor.com/leverage-the-power-of-meteor-with-any-client-side-framework-bfb909141008
JavaScript
193
star
14

angular-spinkit

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS
CSS
189
star
15

meteor-angular2.0-socially

CSS
170
star
16

Ionic2CLI-Meteor-WhatsApp

WhatsApp Clone tutorial with Ionic 2.0 CLI and Meteor Server
TypeScript
163
star
17

meteor-angular-socially

angular-meteor example and tutorial app
TypeScript
155
star
18

angular-meteor-base

TypeScript
131
star
19

meteor-rxjs

Exposing Mongo Cursor as RxJS Observable
TypeScript
120
star
20

WhatsApp-Clone-Client-Angular

TypeScript
73
star
21

Ionic2-MeteorCLI-WhatsApp

WhatsApp Clone tutorial with Ionic 2.0 and Meteor CLI
TypeScript
54
star
22

tortilla

The Framework for tutorials
TypeScript
50
star
23

typescript-node-es-modules-example

Latest Typescript and Node - as bare-bone as possible example app
TypeScript
34
star
24

leumi-leumicard-bank-data-scraper

Open bank data for Leumi bank and Leumi card credit card
JavaScript
28
star
25

apollo-local-state-examples

3 stages and approaches for using GraphQL for your local state
TypeScript
26
star
26

WhatsApp-Clone-GraphQL-Angular-Material

TypeScript
25
star
27

angular-meteor-docs

Source for http://www.angular-meteor.com/
TypeScript
25
star
28

IonicCLI-Meteor-WhatsApp

WhatsApp Clone tutorial with Ionic 1.0 CLI and Meteor Server
JavaScript
22
star
29

angular-embedly

JavaScript
19
star
30

angular2-meteor-accounts-ui

TypeScript
18
star
31

israeli-bank-scrapers-modern-schemas

A new architecture for Poalim bank scraper to hopefully merge into Israeli-bank-scrapers when they are ready
TypeScript
17
star
32

angular-blaze-template

Include Blaze templates in your angular-meteor application
JavaScript
15
star
33

whatsapp-textrepo-angularcli-express

13
star
34

angular-meteor-seed

Seed app for AngularJS and meteor
JavaScript
13
star
35

meteor-static-html-compiler

Compiles static HTML templates so you could import them from a module
TypeScript
10
star
36

angular2-meteor-auto-bootstrap

TypeScript
10
star
37

React-Meteor-Todo-app

JavaScript
10
star
38

Thinkster-MEAN-Tutorial-in-angular-meteor

angular-meteor version of Thinkster.io's mean-stack-tutorial
HTML
10
star
39

meteor-static-templates

Meteor plugin for importing static HTML templates
JavaScript
9
star
40

angular-meteor-auth

JavaScript
7
star
41

accounter-fullstack

TypeScript
7
star
42

tutorial-infrastructure

TypeScript
5
star
43

WhatsApp-Server-GraphQL-Live-RxJS-Meteor

JavaScript
4
star
44

angular-meteor-legacy

Shell
3
star
45

meteor-native-packages

JavaScript
3
star
46

ng-vegas-first-example

HTML
3
star
47

node-express-course

An introduction to Node.js and Express.js servers
1
star
48

tortilla-website

JavaScript
1
star