1.0.2 • Published 3 years ago

wwbridge v1.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

Build Status

wwbridge

Web worker bridge.

This library's goal is to make working with a web worker as easy as working with any JavaScript module. It aims to handle all of the complexities. You write a module that contains all of the functions you want to run in your worker. Along with all of the functions the worker needs to call in the UI thread. The Wwb class wil then build proxy functions for each function. Calling the proxy will invoke the corresponding function on the other side of the worker boundary. The class also starts the worker automatically.

All function are converted to Promises, as their return values must be passed using postMessage(). The global init() function is called in the frontend and backend. There is also a foreground.init() and background.init(). State is NOT shared between foreground and background. While this is available, you should take care because foreground and background have separate state.

Demo.

To run the demo, run make demo. 100 Promises will be started, some in the foreground and some in the background. You will see results in the <pre> area as Promises complete.

Example.

// MyWorker.js

const Wwb = require('wwbridge.js');


const MyWorker = new Wwb({
  // The URL to this script:
  script: 'myworker.js',

  init() {
    // This is called in the frontend and backend.
  },

  foreground: {
    init() {
      // This is called in the foreground.
    },

    async fore1() {
      return await this.fore2();
    },

    async fore2() {
    },
  },

  background: {
    init() {
      // This is called in the background.
    },

    async back1() {
      return await this.fore1();
    },

    async back2() {
    },
  },
});


module.exports = {
    MyWorker,
};

MyWorker Diagram

To use the above worker, you can include the script in a script tag, or import into your UI code like this:

// MyUI.js

const MyWorker = require('MyWorker.js');

// This function will be called directly within your UI thread.
MyWorker
    .fore1()
    .then(console.log)
    .catch(console.error);

// This function will be proxied to the worker thread. The result will be returned as usual,
// and any exception will be re-thrown with the original line number, stack trace etc.
MyWorker
    .back1()
    .then(console.log)
    .catch(console.error);

Limitations / notes.

  • Parameters and return values must be JSON serializable.
  • No memory is shared between the worker and front end. Thus singletons and global instances are not shared.
  • init() functions are called on both sides of the barrier, thus state is NOT shared between frontend and backend instances.
1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago