@keystone-next/server-side-graphql-client-legacy

A library for running server-side graphQL queries and mutations in Keystone.

Usage no npm install needed!

<script type="module">
  import keystoneNextServerSideGraphqlClientLegacy from 'https://cdn.skypack.dev/@keystone-next/server-side-graphql-client-legacy';
</script>

README

Server-side graphQL client

This library provides wrapper functions around context.graphql.raw to make it easier to run server-side queries and mutations without needing to write boilerplate GraphQL.

Creating a new User item would be written as follows using context.graphql.raw:

const { data, errors } = await context.graphql.raw({
  query: `mutation ($item: createUserInput){
    createUser(data: $item) {
      id
      name
    }
  }`,
  variables: { item: { name: 'Alice' } },
});
const user = data.createUserInput;

Using @keystone-next/server-side-graphql-client-legacy we can replace this with

const { createItem } = require('@keystone-next/server-side-graphql-client-legacy');

const user = await createItem({
  context,
  listKey: 'User',
  item: { name: 'Alice' },
  returnFields: `id name`,
});

There are three key differences between context.graphql.raw and createItem (and other functions from this package):

  1. If there is an error, createItem will be thrown as an exception, rather than providing the error as a return value.
  2. createItem runs with access control disabled. This is suitable for use cases such as seeding data or other server side scripts where the query is triggered by the system, rather than a specific user. This can be controlled with the context option.
  3. All queries are internally paginated and all mutations are internally chunked. This can be controlled with the pageSize option.

Use cases

These utilities can be used for a wide range of specific use-cases, some more common examples might include simple data seeding:

const seedUsers = async usersData => {
  await createItems({ context, listKey: 'User', items: usersData });
};

or fetching data inside hooks:

// This example will copy data from a related field if set
keystone.createList('Page', {
  fields: {
    name: { type: Text },
    content: { type: Text },
    copy: { type: Relationship, ref: 'Page' },
  },
  hooks: {
    resolveInput: async ({ resolvedData }) => {
      // Whenever copy field is set fetch the related data
      const pageToCopy = resolvedData.copy
        ? await getItem({
            context,
            listKey: 'Page',
            itemId: resolvedData.copy,
            returnFields: 'name, content',
          })
        : {};
      // resolve data from the copied item and unset the relationship
      return { ...resolvedData, ...pageToCopy, copy: undefined };
    },
  },
});

API

To perform CRUD operations, use the following functions:

NOTE: All functions accept a config object as an argument, and return a Promise.

Shared Config Options

The following config options are common to all server-side graphQL functions.

Properties Type Default Description
keystone Keystone (required) Keystone instance.
listKey String (required) Keystone list name.
returnFields String id A graphQL fragment of fields to return. Must match the graphQL return type.
context Object N/A An Apollo context object. See the server side graphQL docs for more details.

NOTE: If context argument is provided then the keystone argument is not required.

createItem

Create a single item.

Usage

const { createItem } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const addUser = async userInput => {
  const user = await createItem({
    context,
    listKey: 'User',
    item: userInput,
    returnFields: `name, email`,
  });
  console.log(user); // { name: 'keystone user', email: 'keystone@test.com'}
};

addUser({ name: 'keystone user', email: 'keystone@test.com' });

Note: The item property is a graphQL create input. For Relationship fields it can contain nested mutations with create and connect operations. For examples see the Relationship API documentation.

Config

Shared Config Options apply to this function.

Properties Type Default Description
item GraphQL [listKey]CreateInput (required) The item to be created.

createItems

Create multiple items.

Usage

const { createItems } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const dummyUsers = [
  { data: { name: 'user1', email: 'user1@test.com' } },
  { data: { name: 'user2', email: 'user2@test.com' } },
];

const addUsers = async () => {
  const users = await createItems({
    context,
    listKey: 'User',
    items: dummyUsers,
    returnFields: `name`,
  });
  console.log(users); // [{name: `user2`}, {name: `user2`}]
};
addUsers();

Config

Shared Config Options apply to this function.

Properties Type Default Description
items GraphQL [listKey]sCreateInput (required) The array of objects to be created.
pageSize Number 500 The create mutation batch size. This is useful when you have large set of data to be inserted.

getItem

Retrieve a single item by its ID.

Usage

const { getItem } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const getUser = async ({ itemId }) => {
  const user = await getItem({
    context,
    listKey: 'User',
    itemId,
    returnFields: 'id, name',
  });
  console.log(user); // User 123: { id: '123', name: 'Aman' }
};
getUser({ itemId: '123' });

Config

Shared Config Options apply to this function.

Properties Type Default Description
itemId String (required) The id of the item to be retrieved.

getItems

Retrieve multiple items. Use where clause to filter results.

Usage

const { getItems } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const getUsers = async () => {
  const allUsers = await getItems({ context, listKey: 'User', returnFields: 'name' });
  const someUsers = await getItems({
    context,
    listKey: 'User',
    returnFields: 'name',
    where: { name: 'user1' },
  });
  console.log(allUsers); // [{ name: 'user1' }, { name: 'user2' }];
  console.log(someUsers); // [{ name: 'user1' }];
};
getUsers();

Config

Shared Config Options apply to this function.

Properties Type Default Description
where GraphQL [listKey]WhereInput {} Limit results to items matching where clause.
sortBy GraphQL enum Sort[listKey]sBy} Returned the results based on specified order. Refer docs for available sort options.
first Number Limit the number of items returned from the query.
skip Number Skip that many elements in the list before collecting the items to be returned.
pageSize Number 500 The query batch size. Useful when retrieving a large set of data.

updateItem

Update a single item.

Usage

const { updateItem } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const updateUser = async updateUser => {
  const updatedUser = await updateItem({
    context,
    listKey: 'User',
    item: updateUser,
    returnFields: 'name',
  });
  console.log(updatedUser); // { name: 'newName'}
};
updateUser({ id: '123', data: { name: 'newName' } });

Config

Shared Config Options apply to this function.

Properties Type Default Description
item GraphQL [listKey]UpdateInput (required) The item to be updated.

updateItems

Update multiple items.

Usage

const { updateItems } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const updateUsers = async updateUsers => {
  const users = await updateItems({
    context,
    listKey: 'User',
    items: updateUsers,
    returnFields: 'name',
  });

  console.log(users); // [{name: 'newName1'}, {name: 'newName2'}]
};

updateUsers([
  { id: '123', data: { name: 'newName1' } },
  { id: '456', data: { name: 'newName2' } },
]);

Config

Shared Config Options apply to this function.

Properties Type Default Description
items GraphQL [listKey]sUpdateInput (required) Array of items to be updated.
pageSize Number 500 The update mutation batch size. Useful when updating a large set of data.

deleteItem

Delete a single item.

Usage

const { deleteItem } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const deleteUser = async itemId => {
  const user = await deleteItem({ keystone, listKey: 'User', itemId });
  console.log(user); // { id: '123' }
};
deleteUser('123');

Config

Shared Config Options apply to this function.

Properties Type Default Description
itemId String (required) The id of the item to be deleted.

deleteItems

Delete multiple items.

Usage

const { deleteItems } = require('@keystone-next/server-side-graphql-client-legacy');

keystone.createList('User', {
  fields: {
    name: { type: Text },
    email: { type: Text },
  },
});

const deletedUsers = async items => {
  const users = await deleteItems({ context, listKey: 'User', items });
  console.log(users); // [{id: '123'}, {id: '456'}]
};
deletedUsers(['123', '456']);

Config

Shared Config Options apply to this function.

Properties Type Default Description
items String[] (required) Array of item ids to be deleted.
pageSize Number 500 The delete mutation batch size. Useful when deleting a large set of data.