Exciting news!Announcing our $4.6M Series Seed. Learn more
Log in


Package Overview
File Explorer

Advanced tools


Simple client queue mechanism. Create it and run asynchronously with worker class in browser.


Version published
Yearly downloads
increased by83.4%

Weekly downloads



npm version Build Status Coverage Status Dependency Status devDependencies Status Known Vulnerabilities GitHub license GitHub issues

Persistent Queue For Browsers


Storage based queue processing mechanism. Today, many backend technology is a simple derivative of the queuing systems used in the browser environment.

You can run jobs over the channels as asynchronous that saved regularly.

This library just a solution method for some use cases. Today, there are different technologies that fulfill the similar process.


  • Designed for only browser environments.
  • Built-in error handling.
  • ES6/ES7 features.
  • Full control over the workers.
  • React Native support. (require few minor config)
  • Native browser worker. (with polyfill)

How it works?

Data regularly store (localstorage, inmemory or custom storage drivers) added to queue pool. Storing queue data is also inspired by the JSON-RPC method. When the queue is started, the queues start to be processed sequentially in the specified range according to the sorting algorithm.

If any exceptions occur while the worker classes are processing, the current queue is reprocessed to try again. The task is frozen when it reaches the defined retry value.


You need to create at least one channel. One channel can be created as many channels as desired. Channels run independently of each other. The areas where each channel will store tasks are also separate. The area where tasks are stored is named with the channel name and prefix.

The important thing to remember here is that each newly created channel is actually a new copy of the Queue class. So a new instance is formed, but the dependencies of the channels are still alive as singletons.

Example; You created two channels. Their names are channelA and channelB. If you make a setting in the channelA instance, this change will also be reflected in channelB and all other channels.


You can create countless worker. Worker classes should return boolean (true / false) data with the Promise class as the return value. The return Promise / resolve (true) must be true if a task is successfully completed and you want to pass the next task. A possible exception should also be tried again: Promise / resolve (false). If we do not want the task to be retried and we want to pass the next task: Promise / reject ('any value')

Also you can use native browser worker. If you are browser does not support Worker, Browser Worker polyfil will add a pseudo-worker function to window object.

Plase check the docs: Workers


$ npm install storage-based-queue --save


import Queue from "storage-based-queue";

Script Tag:

<script src="https://unpkg.com/[email protected]/dist/queue.min.js" />

Basic Usage

Worker class:

class MessageSenderWorker { handle(message) { // If return value is false, this task will retry until retry value 5. // If retry value is 5 in worker, current task will be as failed and freezed in the task pool. retry = 5; // Should return true or false value (boolean) that end of the all process // If process rejected, current task will be removed from task pool in worker. return new Promise((resolve, reject) => { // A function is called in this example. // The async operation is started by resolving the promise class with the return value. const result = someMessageSenderFunc(message); if (result) { // Task will be completed successfully resolve(true); } else { // Task will be failed. // If retry value i not equal to 5, // If the retry value was not 5, it is being sent back to the pool to try again. resolve(false); } }); } }

Register worker:

Queue.workers({ MessageSenderWorker });

Create channel:

// create new queue instance with default config const queue = new Queue(); // create a new channel const channel = queue.create("send-message");

Add task to channel:

channel .add({ label: "Send message", handler: "SendMessageWorker", args: "Hello world!", }) .then(result => { // do something... });

Start queue:


That's it!


Click for detailed documentation


$ npm test

Browser Support

Chrome32 +
Firefox29 +
Safari8 +
Opera19 +

Note: Listed above list by pormise support.

You can testing all others browser version at BrowserStack


Change log



MIT license



What is storage-based-queue?

Simple client queue mechanism. Create it and run asynchronously with worker class in browser.

Is storage-based-queue popular?

The npm package storage-based-queue receives a total of 51 weekly downloads. As such, storage-based-queue popularity was classified as not popular.

Is storage-based-queue well maintained?

We found that storage-based-queue demonstrated a not healthy version release cadence and project activity. It has 1 open source maintainer collaborating on the project.

Last updated on 30 Jul 2018


Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc