Documentation
TypeScript
Fastify is shipped with a typings file, but it still require to install @types/node
, depending on the Node.js version that you are using.
Types support
We do care about the TypeScript community, but the framework is written in plain JavaScript and currently no one of the core team is a TypeScript user while only one of the collaborators is. We do our best to have the typing updated with the latest version of the API, but it can happen that the typings are not in sync.
Luckly this is Open Source and you can contribute to fix them, we will be very happy to accept the fix and release it as soon as possible as a patch release. Checkout the contributing rules!
Plugins may or may not include typings. See Plugin Types for more information.
Example
This example TypeScript app closely aligns with the JavaScript examples:
import * as fastify from 'fastify'
import { Server, IncomingMessage, ServerResponse } from 'http'
// Create a http server. We pass the relevant typings for our http version used.
// By passing types we get correctly typed access to the underlying http objects in routes.
// If using http2 we'd pass <http2.Http2Server, http2.Http2ServerRequest, http2.Http2ServerResponse>
const server: fastify.FastifyInstance<Server, IncomingMessage, ServerResponse> = fastify({})
const opts: fastify.RouteShorthandOptions = {
schema: {
response: {
200: {
type: 'object',
properties: {
pong: {
type: 'string'
}
}
}
}
}
}
server.get('/ping', opts, (request, reply) => {
console.log(reply.res) // this is the http.ServerResponse with correct typings!
reply.code(200).send({ pong: 'it worked!' })
})
HTTP Prototypes
By default, fastify will determine which version of http is being used based on the options you pass to it. If for any reason you need to override this you can do so as shown below:
interface CustomIncomingMessage extends http.IncomingMessage {
getClientDeviceType: () => string
}
// Passing overrides for the http prototypes to fastify
const server: fastify.FastifyInstance<http.Server, CustomIncomingMessage, http.ServerResponse> = fastify()
server.get('/ping', (request, reply) => {
// Access our custom method on the http prototype
const clientDeviceType = request.raw.getClientDeviceType()
reply.send({ clientDeviceType: `you called this endpoint from a ${clientDeviceType}` })
})
In this example we pass a modified http.IncomingMessage
interface since it has been extended elsewhere in our application.
Contributing
TypeScript related changes can be considered to fall into one of two categories:
- Core - The typings bundled with fastify
- Plugins - Fastify ecosystem plugins
Make sure to read our CONTRIBUTING.md
file before getting started to make sure things go smoothly!
Core Types
When updating core types you should make a PR to this repository. Ensure you:
- Update
examples/typescript-server.ts
to reflect the changes (if necessary) - Update
test/types/index.ts
to validate changes work as expected
Plugin Types
Typings for plugins are hosted in DefinitelyTyped. This means when using plugins you should install like so:
npm install fastify-url-data @types/fastify-url-data
After this you should be good to go. Some types might not be available yet, so don't be shy about contributing.
Authoring Plugin Types
Typings for many plugins that extend the FastifyRequest
and FastifyReply
objects can be achieved as shown below.
This code demonstrates adding types for fastify-url-data
to your application.
// filename: custom-types.d.ts
// Core typings and values
import fastify = require('fastify');
// Extra types that will be used for plugin typings
import { UrlObject } from 'url';
// Extend FastifyReply with the "fastify-url-data" plugin
declare module 'fastify' {
interface FastifyRequest {
urlData (): UrlObject
}
}
declare function urlData (): void
declare namespace urlData {}
export = urlData;
Now you can use fastify-url-data
like so:
import * as fastify from 'fastify'
import * as urlData from 'fastify-url-data'
/// <reference types="./custom-types.d.ts"/>
const server = fastify();
server.register(urlData)
server.get('/data', (request, reply) => {
console.log(request.urlData().auth)
console.log(request.urlData().host)
console.log(request.urlData().port)
console.log(request.urlData().query)
reply.send({msg: 'ok'})
})
server.listen(3030)
Remember, if you author typings for a plugin you should publish them to DefinitelyTyped!