Generating code for calling multiple GraphQL services

[kbrooks]

Is it possible to generate code for more than one GraphQL schema and service? I want

• each schema to be generated into separate typescript files
• generated hooks/functions for each schema to automatically specify client property

One way to do this would be to create two separate graphql-codegen configs that are configured independently. Is there a way to do it with a single codegen configuration?

I was thinking that the generated code would work something like this:

import {gqlFooService} from '@gql/serviceA`;
import {gqlBarService} from '@gql/serviceB`;

gqlFooService`
  query runsOnFooService {
      # ...
  }
`

gqlBarService`
  query runsOnBarService {
      # ...
  }
`

Codegen could use the tags to differentiate between the services/schemas. Generated React hook code (minus types for brevity) would look like this:

export function useRunsOnFooServiceQuery(baseOptions) {
  return ApolloReactHooks.useQuery(RunsOnFooServiceQueryDocument, { client: FooServiceClient, ...baseOptions });
}

export function useRunsOnBarServiceQuery(baseOptions) {
  return ApolloReactHooks.useQuery(RunsOnFooServiceQueryDocument, { client: BarServiceClient, ...baseOptions });
}