Field To Input
Recupera il valore di un campo, lo manipola e lo passa in input a un altro campo o direttiva, il tutto nella stessa operazione.
Passa il valore del campo field in input a un altro campo tramite $__field, e in input a una direttiva tramite field @passOnwards(as: "variableName").
$__field
Passa il valore del campo in input a un altro campo. La sintassi per fare riferimento al valore del campo è: $ (cioè il simbolo di una variabile in GraphQL), seguito da __ e dall'alias o dal nome del campo.
Ad esempio, il valore del campo excerpt viene referenziato come $__excerpt, e postTitle: title viene referenziato come $__postTitle.
La risposta del secondo campo può a sua volta essere usata come input per un altro campo:
{
posts {
excerpt
# Referencing previous field with name "excerpt"
isEmptyExcerpt: _isEmpty(value: $__excerpt)
# Referencing previous field with alias "isEmptyExcerpt"
isNotEmptyExcerpt: _not(value: $__isEmptyExcerpt)
}
}La risposta sarà:
{
"data": {
"posts": [
{
"excerpt": "Some post excerpt",
"isEmptyExcerpt": false,
"isNotEmptyExcerpt": true
},
{
"excerpt": "",
"isEmptyExcerpt": true,
"isNotEmptyExcerpt": false
}
]
}
}# This will fail because the reference to the field must appear after the field, not before
{
posts {
isEmptyExcerpt: _isEmpty(value: $__excerpt)
excerpt
}
}
# This will fail because the reference must be done within the same node
{
posts {
excerpt
}
isEmptyExcerpt: _isEmpty(value: $__excerpt)
}Il campo non può nemmeno essere referenziato da un argomento di direttiva (per questo, usa @passOnwards):
# This will fail because the reference can be only used as input to a field, not to a directive
{
posts {
hasComments
title @include(if: $__hasComments)
}
}@passOnwards
La direttiva @passOnwards rende il valore risolto del campo disponibile alle direttive successive tramite una variabile dinamica.
Nella query qui sotto, il campo notHasComments è composto ottenendo il valore del campo hasComments e calcolandone il valore opposto. Questo funziona così:
- Il valore del campo viene reso disponibile tramite
@passOnwards; può poi essere passato in input a qualsiasi direttiva successiva @applyFieldprende l'input (esportato sotto la variabile dinamica$postHasComments), applica su di esso il campo globalenot, e memorizza il risultato nel campo
{
posts {
id
hasComments
notHasComments: hasComments
@passOnwards(as: "postHasComments")
@applyField(
name: "_not"
arguments: {
value: $postHasComments
},
setResultInResponse: true
)
}
}Questo produrrà:
{
"data": {
"posts": [
{
"id": 1724,
"hasComments": true,
"notHasComments": false
},
{
"id": 358,
"hasComments": false,
"notHasComments": true
},
{
"id": 555,
"hasComments": false,
"notHasComments": true
}
]
}
}Possiamo anche recuperare il valore di qualsiasi campo risolto nell'oggetto, passando l'alias o il nome del campo sotto l'arg property.
Ad esempio, in questa query accediamo al valore risolto tramite il nome del campo id, o l'alias second, ed esportiamo quel valore tramite una variabile dinamica per stamparlo in una query successiva:
query One {
id
second: _echo(value: 2)
@passOnwards(
property: "id",
as: "resolvedFirstValue"
)
@exportFrom(
scopedDynamicVariable: $resolvedFirstValue,
as: "firstValue"
)
third: _echo(value: 3)
@passOnwards(
property: "second",
as: "resolvedSecondValue"
)
@exportFrom(
scopedDynamicVariable: $resolvedSecondValue,
as: "secondValue"
)
}
query Two @depends(on: "One") {
firstValue: _echo(value: $firstValue)
secondValue: _echo(value: $secondValue)
}Questo produrrà:
{
"data": {
"id": "root",
"second": 2,
"third": 3,
"firstValue": "root",
"secondValue": 2
}
}Esempi
Se l'estratto dell'articolo è vuoto, usa il titolo al suo posto:
{
posts {
title
originalExcerpt: excerpt
isEmptyExcerpt: _isEmpty(value: $__originalExcerpt)
excerpt: _if(condition: $__isEmptyExcerpt, then: $__title, else: $__originalExcerpt)
}
}Recupera i dati da un endpoint REST esterno e manipolali in base alle tue esigenze.
{
externalData: _sendJSONObjectItemHTTPRequest(input: { url: "https://example.com/rest/some-external-endpoint"} )
userName: _objectProperty(object: $__externalData, by: { path: "data.user.name" })
userLastName: _objectProperty(object: $__externalData, by: { path: "data.user.surname" })
}Questo produrrà:
{
"data": {
"externalData": {
"data": {
"user": {
"id": 1,
"name": "Leo",
"surname": "Loso"
}
}
},
"userName": "Leo",
"userLastName": "Loso"
}
}Usando la direttiva @remove su externalData, possiamo anche evitare di stampare i dati sorgente dell'endpoint esterno nella risposta:
{
externalData: _sendJSONObjectItemHTTPRequest(input: { url: "https://example.com/rest/some-external-endpoint" } ) @remove
userName: _objectProperty(object: $__externalData, by: { path: "data.user.name" })
userLastName: _objectProperty(object: $__externalData, by: { path: "data.user.surname" })
}Questo ora produrrà:
{
"data": {
"userName": "Leo",
"userLastName": "Loso"
}
}Recupera gli articoli di ogni utente che menzionano l'e-mail dell'utente:
{
users {
email
posts(filter: { search: $__email }) {
id
title
}
}
}Invia una newsletter definendo le e-mail to e from tramite il campo optionValue:
mutation {
fromEmail: optionValue(name: "admin_email")
toEmail: optionValue(name: "subscribers_email_list_recipient_address")
_sendEmail(
from: {
email: $__fromEmail
}
to: $__toEmail
subject: "Weekly summary"
messageAs: {
html: "..."
}
)
}Esegui operazioni condizionali in base al valore del campo. In questa query, gli utenti "Leo" e "Peter" vedono i loro nomi convertiti in maiuscolo, poiché figurano nell'array degli "utenti speciali", mentre "Martin" no:
query {
users {
name
@passOnwards(as: "userName")
@applyField(
name: "_inArray"
arguments: {
value: $userName
array: ["Leo", "John", "Peter"]
}
passOnwardsAs: "isSpecialUser"
)
@if(
condition: $isSpecialUser
)
@strUpperCase
}
}...producendo:
{
"data": {
"users": [
{
"name": "LEO"
},
{
"name": "Martin"
},
{
"name": "PETER"
}
]
}
}