The Value type represents a JSON value that will be sent to your GraphQL API. When you use this with the GraphQL.Http module, this is an example of what will be sent with your HTTP request:

{
    "variables": {
        "id": "123",
        "form": {
            "email": "[email protected]",
            "password": "secret123"
        }
    }
}

Create a GraphQL input from a String value:

import GraphQL.Encode


name : GraphQL.Encode.Value
name =
    GraphQL.Encode.string "Ryan"

Create a GraphQL input from a Float value:

import GraphQL.Encode


score : GraphQL.Encode.Value
score =
    GraphQL.Encode.float 0.99

Create a GraphQL input from a Int value:

import GraphQL.Encode


age : GraphQL.Encode.Value
age =
    GraphQL.Encode.int 62

Create a GraphQL input from a Bool value:

import GraphQL.Encode


isReadingThis : GraphQL.Encode.Value
isReadingThis =
    GraphQL.Encode.bool True

Create a GraphQL input from a Id value:

import GraphQL.Encode
import GraphQL.Scalar.Id exposing (Id)


userId : Id
userId =
    GraphQL.Scalar.Id.fromInt 1203


isReadingThis : GraphQL.Encode.Value
isReadingThis =
    GraphQL.Encode.id userId

Here's an example of using this function to work with a DateTime type. We recommend defining each custom scalar in a separate Elm module, like GraphQL.Scalar.DateTime:

-- module GraphQL.Scalar.DateTime exposing
--     ( DateTime
--     , decoder, encode
--     )




import GraphQL.Encode
import Iso8601
import Time


type alias DateTime =
    Time.Posix


encode : DateTime -> GraphQL.Encode.Value
encode dateTime =
    GraphQL.Encode.scalar
        { toJson = Iso8601.encode
        , value = dateTime
        }

The snippet above uses elm/time and rtfeldman/elm-iso8601-date-strings to convert our Time.Posix value into an ISO 8601 String value for our API.

import GraphQL.Scalar.DateTime


GraphQL.Scalar.DateTime.encode
    (Time.millisToPosix 1672019156520)
    == Json "2022-12-26T01:45:56.520Z"

Create a GraphQL input from an enum value. To avoid duplicating code, we recommend you create a separate Elm module per enum, like GraphQL.Enum.Episode.

In that module, you can define your encode function in one place:

-- module GraphQL.Enum.Episode exposing
--     ( Episode(..), list
--     , decoder, encode
--     )




import GraphQL.Encode


type Episode
    = NewHope
    | EmpireStrikesBack
    | ReturnOfTheJedi


encode : Episode -> GraphQL.Encode.Value
encode episode =
    GraphQL.Encode.enum
        { toString = toString
        , value = episode
        }


toString : Episode -> String
toString episode =
    case episode of
        NewHope ->
            "NEWHOPE"


        EmpireStrikesBack ->
            "EMPIRE"


        ReturnOfTheJedi ->
            "RETURN"

GraphQL allows the API to define input types. These allow you to group your inputs into an object, like this:

import GraphQL.Encode


reviewInputValue : GraphQL.Encode.Value
reviewInputValue =
    GraphQL.Encode.input
        [ ( "stars"
          , GraphQL.Encode.int 10
          )
        , ( "commentary"
          , GraphQL.Encode.int "Would eat again!"
          )
        ]

Send a null value to a GraphQL API. This is commonly used by mutations to mark a field as removed.

import GraphQL.Encode


profileInputValue : GraphQL.Encode.Value
profileInputValue =
    GraphQL.Encode.input
        [ ( "name"
          , GraphQL.Encode.string "Ryan"
          )
        , ( "bio"
          , GraphQL.Encode.null
          )
        ]