typescript-graphql-request: Extract first component from Query / Mutation result

[zirkelc]

The generated code for typescript-graphql-request contains a method for each Query or Mutation. The response of these methods contain the result wrapped in a component with the same name as the operation.

For example, the response for a GetProductQuery would be the following:

{
  "getProduct": {
      "id": 1,
      "name": "iPhone",
      "sku": "ABC-DEF"
  }  
}

The content of "getProduct" is the object type "Product". With a middleware its easy to extract always the first object key (i.e. "getProduct") and return this object instead of the original response. However, then we loose the type-safety from the generated methods.

In case of Create or Update Mutations, the difference is if I already have an ID (then its an update) or not (then its a create). However, both options return a "Product" object wrapped in their mutation name:

const saveProductMutation = async (product: Product) => {
  const variables: CreateProductInput | UpdateProductInput = {
    name: product.name,
    sku: product.sku,
  };

  const result = isEmpty(product.id)
    ? await graphql.CreateProduct({ input: { ...variables } })
    : await graphql.UpdateProduct({ input: { ...variables, id: product.id } });

  // the result contains either "createProduct" or "updateProduct" which both contain the type "Product"
  return (result as CreateProductMutation).createProduct || (result as UpdateProductMutation).updateProduct;
};

Instead it would be nice if both CreateProductand UpdateProduct return a Product object.

I'm not an expert in Typescript type definitions. Would it be possible to write a SDK wrapper function that automatically extracts the first component from the resulting type?