This codemod puts the generic arguments in the correct order to keep type safety.

Estimated time saving

Up to 15 minutes/occurrence

Change mode

Applicability criteria

MSW version >= 1.0.0

Made by

Intuita

Usage →

Intuita CLI:

intuita msw/2/type-args

Intuita VS Code extension:

Run in VS Code

Description

There is a change to generic type interface of rest.method() calls. This codemod puts the generic arguments in the correct order to keep type safety.

WARNING

This codemod runs .fixUnusedIdentifiers() on a source file you are running it on. This would remove any unused declarations in the file. This is due to atomicity of this mod, which blindly inserts the callback structure into each msw handler callback and then cleans up the variables that are not used.

Example

Before

http.get<ReqBodyType, PathParamsType>('/resource', (req, res, ctx) => {
  return res(ctx.json({ firstName: 'John' }));
});

After

http.get<PathParamsType, ReqBodyType>('/resource', (req, res, ctx) => {
  return res(ctx.json({ firstName: 'John' }));
});

Before

http.get<ReqBodyType>('/resource', (req, res, ctx) => {
  return res(ctx.json({ firstName: 'John' }));
});

After

http.get<any, ReqBodyType>('/resource', (req, res, ctx) => {
  return res(ctx.json({ firstName: 'John' }));
});

Before

const handlers: RestHandler<DefaultBodyType>[] = [
  http.get('/resource', (req, res, ctx) => {
    return res(ctx.json({ firstName: 'John' }));
  }),
];

After

const handlers: HttpHandler[] = [
  http.get<any, DefaultBodyType>('/resource', (req, res, ctx) => {
    return res(ctx.json({ firstName: 'John' }));
  }),
];

Before

export function mockFactory(
  url: string,
  resolver: ResponseResolver<
    MockedRequest<{ id: string }>,
    RestContext,
    Awaited<ImportedPromiseBodyType>
  >,
) {
  return http.get(url, resolver);
};

After

export function mockFactory(
  url: string,
  resolver: ResponseResolver<
    HttpRequestResolverExtras<PathParams>,
    { id: string },
    Awaited<ImportedPromiseBodyType>
  >,
) {
  return http.get(url, resolver);
};

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.