在GraphQl Codegen中生成正确的类型而不是联合

Question

我正在尝试迁移一个设置，该设置完全生成所有类型，就像服务器所拥有的类型一样，仅基于我们编写的文档节点。

我在.graphqlrc.js中具有这种配置

/** @type {import('graphql-config').IGraphQLConfig} */
const graphqlConfig = {
  schema: process.env.NEXT_PUBLIC_API_URL,
  documents: './src/graphql/**/*.ts',
  extensions: {
    codegen: {
      hooks: {
        afterAllFileWrite: ['prettier --write'],
      },
      generates: {
        './src/__generated__/graphql.ts': {
          plugins: [
            'typescript',
            'typescript-operations',
            {
              add: {
                content: '/* eslint-disable */',
              },
            },
          ],
          config: {
            disableDescriptions: true,
          },
        },
        './src/__generated__/introspection-result.ts': {
          plugins: ['fragment-matcher'],
          config: {
            useExplicitTyping: true,
          },
        },
      },
    },
  },
}

，这会生成以下类似的东西

export type QueryName = {
  __typename?: 'Query'
  resource?:
    | { __typename?: 'A' }
    | { __typename?: 'B' }
    | {
        __typename?: 'C'
        id: string
        prop1: any
        prop2: any
      }
}

，而不是我期望生成的东西。我期望

export type QueryName = {
  __typename?: 'Query'
  resource?: {
        __typename?: 'C'
        id: string
        prop1: any
        prop2: any
  }
}

像c那样的问题。当前生成的类型将影响很多代码，而如果我能输出要实现的目标，我们只需要更改类型即可。

我已经尝试使用config找到在这里解决方案。请让我知道这是否可能，或者如果有什么东西可以解决这个问题。

提前致谢！

Answer 1

最终，我最终使用 tiny-invariant 为此。考虑FF代码

const {data} = useUserQuery({variables: {id}});

// more codes here...

invariant(data.user.__typename === "User");

// now we should get the type that we want here

Answer 2

有一个很好的解决方案！

例如，您有类似的东西：

export type GetProductQuery = {
  __typename?: 'Query'
  product?:
    | { __typename: 'NotFound'; message: string }
    | {
        __typename: 'Product'
        id: string
        title: string
        currentPrice: number
      }
    | null
}

然后，可以使用 /a>实用程序类型

type QueryProductData = Extract<GetProductQuery['product'], { __typename: 'Product' }>
type QueryNotFoundData = Extract<GetProductQuery['product'], { __typename: 'NotFound' }>

从这些类型中，您将来可以构造任何类型。

Answer 3

您也可以做到

if (data.user.__typename === "User") { ... };

以确保其指代联盟内部的类型