Shared WebWorker example

inline-shared-webworker-example.js

/**
 * Shared Web Worker
 * see: https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers
 * https://www.sitepoint.com/javascript-shared-web-workers-html5/
 */

// note: we can't share this webworker from another tab or window. 
// since window.URL.createObjectURL() creates URL refs in the scope of the local window/tab

// inline our file
var blob = new Blob([
    `var connections = 0;

self.addEventListener("connect", function (e) {

	var port = e.ports[0];
	connections++;

	port.postMessage("hello " + e.data + " (port #" + connections + ")");

	port.addEventListener("message", function (e) {
		port.postMessage("Message " + e.data + " (port #" + connections + ")");
	}, false);

	port.start();

}, false);`

]);

// Obtain a blob URL reference to our worker 'file'.
var blobURL = window.URL.createObjectURL(blob);

console.log('Using shared worker at', blobURL)

var worker = new SharedWorker(blobURL);

worker.port.addEventListener("message", function(e) {
	alert(e.data);
}, false);

worker.port.start();

worker.port.postMessage("can you hear me");