TypeScript apollo-cache DataProxy Examples

Example #1

export function handleAddOfValue<QueryType>(client: DataProxy,
                                                     listQueryDocument : DocumentNode,
                                                     listFieldName : string,
                                                     value: Value) {
  console.log("Removal of value: ", value.uuid);
  const query = client.readQuery<QueryType>({
    query: listQueryDocument
  });
  const newQuery: typeof query = {
    ...query,
    [listFieldName]: [...query[listFieldName], value],
  };
  client.writeQuery<QueryType>({
    query: listQueryDocument,
    data: newQuery
  });
}

Example #2

export function handleRemoveOfValueByUuid<QueryType>(client: DataProxy,
                                        listQueryDocument : DocumentNode,
                                        listFieldName : string,
                                        value: Value) {
  console.log("Removal of value: ", value.uuid);
  const query = client.readQuery<QueryType>({
    query: listQueryDocument
  });
  const newQuery: typeof query = {
    ...query,
    [listFieldName]: query[listFieldName].filter(item => item.uuid !== value.uuid)
  };
  client.writeQuery<QueryType>({
    query: listQueryDocument,
    data: newQuery
  });
}