Interagindo com a API GraphQL
Interagindo com a API GraphQLAlterando o caminho onde um campo é impresso na resposta

Alterando o caminho onde um campo é impresso na resposta

Esta pergunta apareceu no Reddit:

I have:

allMdx {
  edges {
    node {
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
      }
    }
  }
}

I need frontmatter.date to be publishedAt:

allMdx {
  edges {
    node {
      publishedAt: frontmatter{date(formatString: "MMMM DD, YYYY")}
    }
  }
}

Problem is, when I do this, I end up with:

{
  "publishedAt": {
    "date": "February 06, 2021"
  }
}

Instead of (which is what I need):

{
  "publishedAt": "February 06, 2021"
}

Is it even possible to alias nested fields like this?

Em outras palavras, é possível pedir ao servidor GraphQL para achatar o formato da resposta? E, se sim, como fazer isso?

Aqui está uma solução com Gato GraphQL, utilizando as seguintes extensões:

Com @export, podemos fazer com que uma primeira operação de query exporte um resultado para uma variável, e então declarar uma segunda operação de query que lerá essa variável e a imprimirá na posição esperada na resposta:

query ExportDate
{
  allMdx {
    edges {
      node {
        frontmatter {
          date(formatString: "MMMM DD, YYYY")
            @export(as: "date")
        }
      }
    }
  }
}
 
query PrintRelocatedDate($date: String)
  @depends(on: "ExportDate")
{
  allMdx {
    edges {
      node {
        publishedAt: _echo(value: $date)
      }
    }
  }
}

...e então executando a query (passando ?operationName=PrintRelocatedDate) será produzida esta resposta:

{
  "data": {
    "allMdx": {
      "edges": [
        {
          "frontmatter": {
            "publishedAt": "February 06, 2021"
          },
          "publishedAt": "February 06, 2021"
        }
      ]
    }
  }
}