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

@eropple/nestjs-openapi3

v0.4.4

Published

OpenAPI 3.x document generation, presentation, and validation for NestJS.

Downloads

118

Readme

@eropple/nestjs-openapi3

npm version

@eropple/nestjs-openapi3 is a library for NestJS to generate OpenAPI 3.x documents from your API specification. It attempts to be more integrated with the flow of your application than @nestjs/swagger and to push you towards building clean, well-separated APIs along the way.

Release History

0.4.4

  • Added OAS.propPrefabs that includes some helpful presets for dealing with UUIDs, dates, etc. in proper formatting. Some of these, like dates, are automatically handled if it's a Date, but if you, say, have Date | null, it becomes a pain. Hence things like OAS.propPrefabs.uuid and OAS.propPrefabs.date.
  • Adding the JSON schema text directly to the window object for RapiDoc; if you manage to send a bad JSON file for one reason or another, you can at least go window.specText and find out what's up.
  • Added example and description to prop arguments.

0.4.3

  • Added the validationFailedResponse option to OpenapiModule.attach. This allows you to customize the JSON output from the validation interceptor so you can return predictably-shaped errors. It won't, however, set a 400 default in defaultResponses; that's your job. (Also make sure your error filter returns the same shape for a 400!)

0.4.2

  • Left a logging statement in, 'cause I'm a monster. My apologies to your stdout.

0.4.1

  • Added defaultResponses as an option when creating a document, to allow for standard error types to be returned from your APIs. This does not ensure that these objects are created; you should write an exception filter to do that--but since you can just pass a model type as your response type here, it's pretty easy to just create the object and write it out to your response.
  • Retracted ReDoc support; after investigating them more completely I discovered that they intend to keep on-page client functionality as a paid product and I have no interest in encouraging that.
  • Added RapiDoc 5.3.0 support. apiDocs: now takes 'swagger' | 'rapidoc' | null. This is self-hosted, with no dependency on a remote resource for its script, so you can use it in environments without Internet access. rapidoc shall become the new default in or before version 1.0.0.
  • Fixed another bug related to NestJS metadata parsing. (Pulled 0.4.0 after discovery; it was a tough one.)

0.4.0

  • Added ReDoc support. There is a new config option, apiDocs: 'swagger' | 'redoc' | null; it defaults to swagger. If null is passed, APIs will not be served; this is in addition to skipApiServing: true. This will change before 1.0.0: the default will become redoc and skipApiServing: true will be removed.

0.3.0

  • Now serving your docs with Swagger UI, located at /api-docs. Pass skipApiServing: true to OpenapiModule#attach to disable it.
  • Added Cookie parameter decorator. If you already have something like cookie-parser set up, this library will use the cookies that it parsed; otherwise, it'll parse and create req.cookies with cookie.

0.2.1

  • Fixed some lingering errors in the way endpoint metadata was being set in some cases.
  • Fixed a bunch of TSLint errors I'd forgotten to take care of. Next TODO will be setting up Husky.

0.2.0

  • You can now pass 1-tuple arrays as content and other places where schemas are expected; they will be parsed as an array of whatever type or schema is in that array.
  • allOf, anyOf, oneOf, and items all act as you'd expect--that is, do-what-I-mean schema conversion now respect functions, arrays, etc. and parse them correctly.

0.1.1

  • Fixed one of the wildest bugs in recent memory. The long and the short of it is that TypeScript decorators on an unset property render that property as being non-writable. A real solution is probably in the TypeScript folks's court, but in the interim this library now generates a descriptor for a property when applicable to avoid making it unwritable.

0.1.0

  • Initial release.

Installation

Pop into your NestJS project and npm install @eropple/nestjs-openapi3 or yarn add @eropple/nestjs-openapi3.

You'll need reasonably up-to-date versions of @nestjs/common, @nestjs/core, reflect-metadata, and rxjs. NestJS before version 6.5 is unsupported and shall not be supported.

To serve your OpenAPI document as an explorable page with "try it out" functionality, you'll also need swagger-ui-express (when apiDocs: 'swagger', the default, is set) or rapidoc (when apiDocs: 'rapidoc' is set). If you don't want to serve this, pass apiDocs: null.

Usage

First and foremost, you should be aware that @eropple/nestjs-openapi3 is a heavily integrated library. This is going to touch a lot of your codebase. If you're new to OpenAPI, you should investigate the OpenAPI 3.x spec. If you've used Swagger, whether through @nestjs/swagger or another avenue, you should read up on what's new in OpenAPI 3.x.

Attaching OpenapiModule

You'll need to attach the module to your application. We have to do it this way, rather than as a normal module dependency on AppModule or similar, because we need to get access to the completely populated dependency injection container.

// It's good practice to make this a separate method; you can then
// do handy stuff like generate your OpenAPI document without having
// to start a web server. Take a look at our example app for more
// information.
async function buildOpenapiDocument(app: INestApplication) {
  return OpenapiModule.createDocument(
    {
      app,
      // You can pass `console` here if you're lame, but you
      // should be using Bunyan. Check out `@eropple/nestjs-bunyan`!
      baseLogger: openapiLogger,
    },
    (b) => {
      b.addTitle(`${APPLICATION_NAME} API`);
      b.addVersion(PACKAGE_VERSION);
      b.addServer({
        url: API_URL,
      });
      b.addSecurityScheme('token', {
        name: 'Authorization',
        type: 'apiKey',
        in: 'header',
      });
    },
  );
}

async function configureApp(app: INestApplication) {
  // Wherever you set up CORS, helmet, etc. - just do this

  await OpenapiModule.attach(
    {
      app,
      baseLogger: openapiLogger,
      document: await buildOpenapiDocument(app),
    },
  );
}

You can now see your API document at /openapi.json and your Swagger UI at /api-docs.

Decorators, Decorators, and More Decorators

This package provides a number of decorators and it's probably best to look at Ed's skeleton project to get a works-in-anger example of the full API.

One thing I've found to be very useful is to import decorators under a namespace in order to make it clearer when decorators that aren't from NestJS are being used. My standard approach, then, is to import the entire package:

import * as OAS from '@eropple/nestjs-openapi3';

Parent- and Endpoint-Level Decorators

Some decorators can be applied to controllers (and all endpoints within that controller) and modules (and all endpoints within all controllers). These include:

  • @OAS.Tags() - tags operations in the document (often used to more richly define clients)
  • @OAS.Deprecated() - marks as deprecated
  • @OAS.Ignore() - skips OpenAPI handling
  • @OAS.Parameter() - defines a parameter that's used outside of the handler. For example, in Ed's skeleton project, it's used to provide tenantName in a way that can be passed to @eropple/nestjs-auth to determine tenancy, from which a user can be found.
  • @OAS.SecurityScheme() - adds a security scheme, with scopes for OAuth2 or OIDC schemes

Endpoint-Level Decorators

In addition to the above, some decorators apply explicitly to the endpoint handler.

  • @OAS.Get(), @OAS.Post(), @OAS.Put(), etc. - replaces NestJS's http method decorators (such as @Get()) with decorators that accept OpenAPI operator details.
  • @OAS.Operation() - the "break glass in case of" option. If you want to write a literal operation for inclusion in your OpenAPI document, use this one. You'll need to use a NestJS HTTP method decorator, such as @Get(), to make sure that NestJS can route requests.

Argument-Level Decorators

These decorators only apply to the arguments in an endpoint hander function.

  • @OAS.Body() - wraps NestJS's @Body() and accepts schemas for request bodies.
  • @OAS.Path() - wraps NestJS's @Param(). The name change is intentional to match up with the in field of an OpenAPI parameter object.
  • @OAS.Header() - wraps NestJS's @Headers(), only supporting a single selected header.
  • @OAS.Query() - wraps NestJS's @Query().

SchemaLike: "Do What I Mean" Schema Objects

Most of this library doesn't rely directly on the O3TS.SchemaObject fetched out of our dependency, openapi3-ts. Instead, we rely on the concept of a SchemaLike, which is defined as thus:

export type SchemaLikeSchemaObject =
  & O3TS.SchemaObject
  & {
    allOf: Array<O3TS.SchemaObject | O3TS.ReferenceObject | Ctor | SchemaLikeSchemaObject>;
    anyOf: Array<O3TS.SchemaObject | O3TS.ReferenceObject | Ctor | SchemaLikeSchemaObject>;
    oneOf: Array<O3TS.SchemaObject | O3TS.ReferenceObject | Ctor | SchemaLikeSchemaObject>;

    items: O3TS.SchemaObject | O3TS.ReferenceObject | Ctor | SchemaLikeSchemaObject;
  };

export type SchemaLike =
  SchemaLikeSchemaObject | O3TS.SchemaObject | O3TS.ReferenceObject | Ctor |
  [SchemaLikeSchemaObject | O3TS.SchemaObject | O3TS.ReferenceObject | Ctor];

Anywhere you would normally write a Schema Object, you can pass any of the above:

  • A schema object ({ type: 'string' }, etc.) -- but there's a twist: any of allOf, anyOf, or oneOf can be a SchemaLike.
  • A reference object to a schema declared elsewhere in the API or explicitly against the OpenApiBuilder class during the attachment of the module.
  • A 1-tuple array with any of the above, which will yield { type: 'array', items: YourSubSchemaHere }.
  • A constructor for a class decorated with @OAS.Model(), which will yield as a schema entered into #/components/schemas and used as a reference ({ $ref: '#/components/schemas/YourClassName' }).

Fetching the OpenAPI Document

The OpenAPI specification strongly suggests that the OpenAPI JSON document should be served at /openapi.json. We follow that suggestion.

Your API docs are served at /api-docs. It's configurable between rapidoc and swagger (the default, though it will stop being the default in or before version 1.0.0).

Validation and Coercion

One important difference between @nestjs/swagger and @eropple/nestjs-openapi3 is that this library does type conversion to match your desired schema. By default, in NestJS, the following HTTP handler doesn't do what you'd expect:

@Controller('foo')
export class FooController {
  @Get()
  doSomething(@Query('v') v: number) {
    console.log(typeof(v)); // This will return `string`, not `number`!
  }
}

This stinks, so @eropple/nestjs-openapi3 tries to do one better. Since OpenAPI schemas are just JSON schemas, we use ajv to validate incoming parameters and request bodies. ajv also supports type coercion, which we've enabled. So instead, you've got something more like this:

@Controller('foo')
export class FooController {
  @OAS.Get()
  doSomething(@OAS.Query('v') v: number) {
    console.log(typeof(v)); // This will return `number`.
  }
}

ajv's type coercion also applies to objects in request bodies.

There are some sharp edges to ajv type coercion. Most notably, if a client passes null when a string is expected, it will be coerced to the empty string (""). You might want to take a look at the ajv coercion chart to avoid any footguns.

Upgrading from @nestjs/swagger

Discussing this in-depth is a big ol' TODO item. I've converted projects using Swagger 2.0 to using this library; if you have a basic understanding of a Swagger document and its components, porting is pretty easy. Some notes (please feel free to add more to this list):

  • NestJS's built-in routing decorators, like @Get() and @Post(), can be replaced with @OAS.Get() and @OAS.Post(). You can specify operation information as an argument to this decorator.
  • @Param() is replaced with @OAS.Path()
  • @Headers() is still usable to fetch all headers from a request, but @Headers('specific-header') is replaced with @OAS.Header().
  • @Query() is replaced with @OAS.Query().
  • @Body() is replaced with @OAS.Body().
  • Burn all that @ApiExplicitParam() stuff with cleansing fire.
  • Add @OAS.Model() or @OAS.ModelRaw() to all your request bodies or responses. (@OAS.ModelRaw() is useful for turning off model introspection if you've got an object that hinges on discriminators or other advanced)
  • Replace @ApiModelProperty() with @OAS.Prop() or, if you're writing something that's hard to describe, @OAS.PropRaw().

What This Library Doesn't (And Probably Won't) Do

  • Discriminators are not supported and probably never will. I think they're a bad idea and nearly impossible to model in a generic way. If you've got a brilliant PR suggestion, I'd be willing to look at it, but seeing as how it makes a lot of things break (for example, we no longer can use ajv to validate schemas), I'm skeptical.

Avenues for Contribution

Look for TODOs in the codebase; they're usually good contribution opportunities!

  • Fastify support. A lot of OpenapiValidationInterceptor expects to be using Express. Probably not a huge challenge, though.
  • Add optional Swagger UI functionality, similar to @nestjs/swagger.
  • Tests in isolation. I'm not clear on how to adequately unit test against functionality hanging directly off of NestJS; right now this library (along with other highly integrated libraries of mine, like nestjs-auth) relies on integration tests in example projects.
  • Only the simplest parameter styles are currently supported: simple (the only one for headers, though paths have other options that we don't support) and form for query parameters. If somebody out there needs more complex styles, you should
  • Cleaner types around some of the API. For example, right now you must use one of content or multiContent for request bodies, but there's no type checking to assert that one must be used. Similarly, operation responses are a little kludgy. Probably an easy fix for somebody!
  • Deeply nested SchemaLikes (see above) may not be being handled correctly in all cases.
  • Example functionality is entirely absent. Squaring it with simplified flavors of content objects is hard and I don't use it; pull requests welcome.
  • There are a couple of odd behaviors resulting from using ajv to validate client parameters/request bodies against our OpenAPI 3 schemas. In particular, when dealing with a string field, ajv coerces null to the empty string. I think this should fail hard instead, but not enough to not use ajv!
  • Maybe make defaultResponses a little smarter. Say you're using the module's validationFailedResponse builder--it doesn't make sense for a 400 to be on all endpoints, even ones where there are no parameters or headers. On the other hand, it might make sense, because it means a user can throw a code 400 HttpException even when they're dealing with more intricate details of a bad request. Open to discussion.