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

@nmshd/typescript-rest-swagger

v1.4.1

Published

Generate Swagger files from a typescript-rest project

Downloads

791

Readme

npm version Master Workflow Coverage Status Known Vulnerabilities

Swagger for Typescript-rest

This is a tool to generate swagger files from a typescript-rest project.

Table of Contents

Installation

npm install typescript-rest-swagger -g

Usage

swaggerGen -c ./swaggerConfig.json
swaggerGen -c ./swaggerConfig.js #.js files are also allowed as config files
swaggerGen -c ./swaggerConfig.json -t # load {cwd}/tsconfig.json
swaggerGen -c ./swaggerConfig.json -p ./tsconfig.json # load custom tsconfig.json

Where the swaggerConfig.json file, contains settings about the swagger generation. For example:

{
    "swagger": {
        "outputDirectory": "./dist",
        "entryFile": "./tests/data/apis.ts"
    }
}

Where the tsconfig.json file contains compilerOptions. For example:

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": ["src/*"]
        }
    }
}

For example above options are required for swaggerGen to understand relative imports like import something from '@/something'.

Swagger Decorators

The documentation will be generated consulting all typescript-rest decorators present on your code. However, there are some additional informations that can be provided, only with documentation purposes, through some other decorators present into this library.

Some examples:

import { Path, Accept, GET } from 'typescript-rest';
import { Tags } from 'typescript-rest-swagger';

@Path('mypath')
export class MyService {
    @GET
    @Tags('adminMethod', 'otheTag')
    @Accept('text/html')
    test(): string {
        return 'OK';
    }

    @GET
    @Path('secondpath')
    test2(@QueryParam('testParam') test?: string): Person {
        return { name: 'OK' };
    }
}

It is also important to observe that all JsDoc provided on your methods, classes, and parameters is outputed into the generated swagger file:

@Accept('text/plain')
@Path('mypath')
export class MyService {
    /**
     * This description will be used to describe the get operation of path '/mypath' on the generated swagger
     * @param test And this will describe the parameter test of this same operation
     */
    @GET
    @Path('secondpath')
    test2(@QueryParam('testParam') test?: string): Person {
        return { name: 'OK' };
    }
}

These are the available swagger decorators, provided by typescript-rest-swagger:

@Response

A decorator to document the responses that a given service method can return. It is used to generate documentation for the REST service.

interface MyError {
    message: string;
}

@Path('people')
class PeopleService {
    @Response<string>(200, 'Retrieve a list of people.')
    @Response<MyError>(401, 'The user is unauthorized.', {
        message: 'The user is not authorized to access this operation.'
    })
    @GET
    getPeople(@Param('name') name: string) {
        // ...
    }
}

A Default response is already created in swagger documentation from the method return analisys. So any response declared through this decorator is an additional response created.

@Example

Used to provide an example of method return to be added into the method response section of the generated documentation for this method.

@Path('people')
class PeopleService {
    @Example<Array<Person>>([
        {
            name: 'Joe'
        }
    ])
    @GET
    getPeople(@Param('name') name: string): Person[] {
        // ...
    }
}

@Tags

Add tags for a given method on generated swagger documentation.

@Path('people')
class PeopleService {
    @Tags('adiministrative', 'department1')
    @GET
    getPeople(@Param('name') name: string) {
        // ...
    }
}

@Consumes

Document the consumes property in generated swagger docs

@Path('people')
@Consumes('text/html')
class PeopleService {
    @PUT
    createPeople(@Param('name') name: string, people: People) {
        // ...
    }
}

@Produces

Document the produces property in generated swagger docs

@Path('people')
@Produces('text/html')
class PeopleService {
    @GET
    getPeople(@Param('name') name: string) {
        // ...
    }
}

A Default produces is already created in swagger documentation from the method return analisys. You can use this decorator to override this default produces.

@Hidden

Allow to hide some APIs from swagger docs (ex: test or dev APIs, etc ...). This decorator can be applied for the whole class or only a single method

@Path('people')
@Hidden()
class PeopleService {
    @GET
    getPeople(@Param('name') name: string) {
        // ...
    }
}

@IsInt, @IsLong, @IsFloat, @IsDouble

Document the type of a number property or parameter in generated swagger docs. If no decorator is present, the number type defaults to double format.

class Person {
    @IsInt id: number;
}

@Path('people')
class PeopleService {
    @Path(':id')
    @GET
    getById(@PathParam('id') @IsLong id: number) {
        // ...
    }
}

Because decorators don't work on type and interface properties, this can also be specified as a JSDoc tag.

interface Person {
    /**
     * The person's id
     * @IsInt
     */
    id: number;
}

SwaggerConfig.json

The swagger config file supports the following properties:

| Property | Type | Description | | ------------------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | basePath | string | Base API path; e.g. the 'v1' in https://myapi.com/v1 | | consumes | [string] | Default consumes property for the entire API | | description | string | API description; defaults to npm package description | | entryFile | string or string[] | The entry point to your API (it is possible to use glob patters) | | outputFormat | 'Swagger_2' or 'OpenApi_3' | Inform if the generated spec will be in swagger 2.0 format or i open api 3.0 | | host | string | The hostname to be informed in the generated swagger file | | license | string | API license number; defaults to npm package license | | name | string | API name; defaults to npm package name | | outputDirectory | string | Where to write the generated swagger file | | produces | [string] | Default produces property for the entire API | | version | string | API version number; defaults to npm package version | | yaml | boolean | Generates the output also as an yaml file | | spec | any | Extend generated swagger spec with this object. Note that generated properties will always take precedence over what get specified here | | securityDefinitions | *SecurityDefinition | Security Definitions Object. A declaration of the security schemes available to be used in the specification. This does not enforce the security schemes on the operations and only serves to provide the relevant details for each scheme. | | collectionFormat | string | Default collectionFormat property for the entire API. Possible values are csv, ssv, tsv, pipes, multi. If not specified, Swagger defaults to csv. |

Where the SecurityDefinition contract is defined as:

{
    [name: string]: {
        type: string;
        name?: string;
        authorizationUrl?: string;
        tokenUrl?: string;
        flow?: string;
        in?: string;
        scopes?: { [scopeName: string]: string; }
    }
}

See an example:

{
    "swagger": {
        "outputDirectory": "./dist",
        "entryFile": "./controllers/*.ts",
        "outputFormat": "openapi_3",
        "host": "localhost:3000",
        "version": "1.0",
        "name": "Typescript-rest Test API",
        "description": "a description",
        "license": "MIT",
        "basePath": "/v1",
        "securityDefinitions": {
            "api_key": {
                "type": "apiKey",
                "name": "access_token",
                "in": "query"
            }
        },
        "ignore": ["**/node_modules/**"]
    }
}

or in yaml format: See an example:

swagger:
    outputDirectory: ./dist
    entryFile:
        - ./controllers/*.ts
    outputFormat: openapi_3
    host: localhost:3000
    version: 1.0
    name: Typescript-rest Test API
    description: A description
    license: MIT
    basePath: /v1
    securityDefinitions:
        api_key:
            type: apiKey
            name: access_token
            in: query
    ignore:
        - /node_modules/**