Expose standardGraphQLHandlers to type graphql.link

[R4YM3]

Scope

Adds a new behavior

Compatibility

• This is a breaking change

Feature description

First of all, thanks for this amazing library.

I am trying the following:

import handlers from './handlers.ts'

export const getMswWorker = () => setupWorker(...handlers);

handlers.ts:

import someQuery from './someQuery.ts'

const service = graphql.link("https://www.website.com/graphql");

export default [
  ...someQuery(service),
]

someQuery.ts:

export default (service: standardGraphQLHandlers) => [
  service.query(USEFEATURE_OPERATIONNAME, (req, res, ctx) => {
    return res(
      ctx.data({
        foo: 'bar'
      })
    );
  })
]

In this last codeblock i need to type graphql.link, which is i believe standardGraphQLHandlers.
Only this type is not exposed.

Feature request: expose standardGraphQLHandlers type.

[tdraper-dev]

Also running into needing the same type exposed:

The inferred type of 'storefrontLink' cannot be named without a reference to 'msw/node_modules/graphql'. This is likely not portable. A type annotation is necessary.ts(2742)

[kettanaito]

Hey, @R4YM3. Thanks for raising this.

standardGraphQLHandlers is a part of the internal logic and I wouldn't expose it, as it doesn't provide any runtime value for the end consumer of the library. This needs a proper solution, I will try to think of one.

For the time being, I can suggest annotating your someQuery.ts like this:

import { graphql } from 'msw'

type StandardGraphQLHandlers = Omit<typeof graphql, 'link'>

export default (service: StandardGraphQLHandlers) => { /* ... */ }

Since graphql is a composition of standard handlers and link(), this should give you the same result type-wise.

[tdraper-dev]

@kettanaito

Another reason to love msw, fantastic communication.

Thanks so much!

[R4YM3]

@kettanaito great, thanks for the suggestion.
This will help me forward.

Keep up the good work.