@adobe/apollo-link-mutation-queue

An apollo link that queues mutations

Usage no npm install needed!

<script type="module">
  import adobeApolloLinkMutationQueue from 'https://cdn.skypack.dev/@adobe/apollo-link-mutation-queue';
</script>

README

apollo-link-mutation-queue

An Apollo link that enqueues mutations so that they do not fire in parallel.

Goals

I was finding that mutations affecting the same underlying data would often return incorrect data if fired in parallel. Instead of blocking UI based on the loading state of the mutations I wrote a link that just enqueues mutations.

Usage

Compose your link chain with the link.

import MutationQueueLink from "apollo-link-mutation-queue";

const link = ApolloLink.from([
  new MutationQueueLink()
  //... your other links
]);

Debug with debug: true.

import MutationQueueLink from "apollo-link-mutation-queue";

const link = ApolloLink.from([
  new MutationQueueLink({ debug: true })
  //... your other links
]);

Cut in line with skipQueue: true.

const [mutate] = useMutation(MY_MUTATION);

useEffect(() => {
  mutate({
    context: { skipQueue: true }
  });
}, []);

Contributing

Contributions are welcomed! Read the Contributing Guide for more information.

Licensing

This project is licensed under the Apache V2 License. See LICENSE for more information.