Angular - GraphQL - Mutation (big object)

Question

In the following example we have a mutation that create a post. This is a simple example with only 2 params, title and url. What if this post has a lot of arguments. Is there any other way to pass the params? Or only one by one. Can we pass o whole object?

newPost() {
  this.apollo.mutate({
  mutation: gql`mutation($title: String, $url: String) {
    createPost(title: $title, url: $url) {
      title
      url
    }
  }
 `,
 variables: {
   title: this.someForm.get('title'),
   url: this.someForm.get('url')'
 }
}).subscribe(data => {
   console.log('New post created!', data);
});
}

Answer 1

This is something that's specific to the server-side implementation. For example, the server's schema could look something like this:

type Mutation {
  createPost(title: String! url: String!): Post
}

In this case, if you're using variables, as a client you're forced to use one variable per argument since GraphQL does not support some kind of "spread" syntax. However, the schema can utilize an Input Object Type to group a number of arguments, like this:

type Mutation {
  createPost(input: CreatePostInput!): Post
}

input CreatePostInput {
  title: String!
  url: String!
}

In this case, you can use a single variable that's an object:

mutation($input: CreatePostInput!) {
  createPost(input: $input) {
    title
    url
  }
}

But, again, the schema has to support this sort of usage. As a client, you do not have control over that.