Is it possible to provide a minimal custom HTTPHandler with TypeScript?

[vidjul]

Hey there! 👋

I'm trying to extending the RequestHandler to add some extra properties on the class but I'm struggling with the typing.

Is it possible to provide me a minimal example of a custom handler like the one https://mswjs.io/docs/api/request-handler#properties with the proper types?

class MyHandler extends RequestHandler {
  constructor(method, path, resolver) {
    super({
      info: {
        // Public representation of this request handler.
        // This string will be used when logging the handler
        // using the ".log()" method.
        header: `${method} ${path}`,
        // Additional info properties forwarded from the
        // constructor arguments of this custom handler.
        method,
        path,
      },
      resolver,
    })
  }
}

Out of topic but the extra property I want to add is the mock associated to the handler. Is it possible to get it without going through a custom handler perhaps?

[mattcosta7]

class MyHandler extends RequestHandler {

I would look at the typings applied for HttpHandler and GraphQLHandler internally, and that should help you write a custom one based on the base RequestHandler

[mattcosta7]

msw/src/core/handlers/HttpHandler.ts

Lines 59 to 63 in c27c320

	export class HttpHandler extends RequestHandler<
	HttpHandlerInfo,
	HttpRequestParsedResult,
	HttpRequestResolverExtras<any>
	> {

[vidjul]

Your point made me think that actually, I've just wanted to extend HttpHandler and not the abstract class that it extends.
All sorted while directly extending HttpHandler to add my property, thanks!