UNPKG

@cleerlycode/cornerstone-wado-image-loader

Version:
385 lines (309 loc) 10.8 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>imageLoader/webWorkerManager.js - Documentation</title> <script src="scripts/prettify/prettify.js"></script> <script src="scripts/prettify/lang-css.js"></script> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link type="text/css" rel="stylesheet" href="styles/prettify.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc.css"> </head> <body> <input type="checkbox" id="nav-trigger" class="nav-trigger" /> <label for="nav-trigger" class="navicon-button x"> <div class="navicon"></div> </label> <label for="nav-trigger" class="overlay"></label> <nav> <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#addTask">addTask</a></li><li><a href="global.html#arrayBufferToString">arrayBufferToString</a></li><li><a href="global.html#cacheSizeInBytes">cacheSizeInBytes</a></li><li><a href="global.html#cancelTask">cancelTask</a></li><li><a href="global.html#framesAreFragmented">framesAreFragmented</a></li><li><a href="global.html#getNumberString">getNumberString</a></li><li><a href="global.html#getNumberValues">getNumberValues</a></li><li><a href="global.html#getStatistics">getStatistics</a></li><li><a href="global.html#getTransferSyntaxForContentType">getTransferSyntaxForContentType</a></li><li><a href="global.html#getUncompressedImageFrame">getUncompressedImageFrame</a></li><li><a href="global.html#getValue">getValue</a></li><li><a href="global.html#handleMessageFromWorker">handleMessageFromWorker</a></li><li><a href="global.html#handler">handler</a></li><li><a href="global.html#initialize">initialize</a></li><li><a href="global.html#loadCodecs">loadCodecs</a></li><li><a href="global.html#loadWebWorkerTask">loadWebWorkerTask</a></li><li><a href="global.html#registerLoaders">registerLoaders</a></li><li><a href="global.html#registerTaskHandler">registerTaskHandler</a></li><li><a href="global.html#setPixelDataType">setPixelDataType</a></li><li><a href="global.html#setTaskPriority">setTaskPriority</a></li><li><a href="global.html#spawnWebWorker">spawnWebWorker</a></li><li><a href="global.html#startTaskOnWebWorker">startTaskOnWebWorker</a></li><li><a href="global.html#unpackBinaryFrame">unpackBinaryFrame</a></li></ul> </nav> <div id="main"> <h1 class="page-title">imageLoader/webWorkerManager.js</h1> <section> <article> <pre class="prettyprint source linenums"><code>import { getOptions } from './internal/options.js'; // the taskId to assign to the next task added via addTask() let nextTaskId = 0; // array of queued tasks sorted with highest priority task first const tasks = []; // array of web workers to dispatch decode tasks to const webWorkers = []; // The options for CornerstoneWADOImageLoader const options = getOptions(); const defaultConfig = { maxWebWorkers: navigator.hardwareConcurrency || 1, startWebWorkersOnDemand: true, webWorkerPath: '../../dist/cornerstoneWADOImageLoaderWebWorker.js', webWorkerTaskPaths: [], taskConfiguration: { decodeTask: { loadCodecsOnStartup: true, initializeCodecsOnStartup: false, codecsPath: '../dist/cornerstoneWADOImageLoaderCodecs.js', usePDFJS: false, strict: options.strict } } }; let config; const statistics = { maxWebWorkers: 0, numWebWorkers: 0, numTasksQueued: 0, numTasksExecuting: 0, numTasksCompleted: 0, totalTaskTimeInMS: 0, totalTimeDelayedInMS: 0 }; /** * Function to start a task on a web worker */ function startTaskOnWebWorker() { // return immediately if no decode tasks to do if (!tasks.length) { return; } // look for a web worker that is ready for (let i = 0; i &lt; webWorkers.length; i++) { if (webWorkers[i].status === 'ready') { // mark it as busy so tasks are not assigned to it webWorkers[i].status = 'busy'; // get the highest priority task const task = tasks.shift(); task.start = new Date().getTime(); // update stats with how long this task was delayed (waiting in queue) const end = new Date().getTime(); statistics.totalTimeDelayedInMS += end - task.added; // assign this task to this web worker and send the web worker // a message to execute it webWorkers[i].task = task; webWorkers[i].worker.postMessage( { taskType: task.taskType, workerIndex: i, data: task.data }, task.transferList ); statistics.numTasksExecuting++; return; } } // if no available web workers and we haven't started max web workers, start a new one if (webWorkers.length &lt; config.maxWebWorkers) { spawnWebWorker(); } } /** * Function to handle a message from a web worker * @param msg */ function handleMessageFromWorker(msg) { const worker = webWorkers[msg.data.workerIndex]; // console.log('handleMessageFromWorker', msg.data); if (msg.data.taskType === 'initialize') { worker.status = 'ready'; startTaskOnWebWorker(); } else { const start = worker.task.start; worker.task.deferred.resolve(msg.data.result); worker.task = undefined; statistics.numTasksExecuting--; worker.status = 'ready'; statistics.numTasksCompleted++; const end = new Date().getTime(); statistics.totalTaskTimeInMS += end - start; startTaskOnWebWorker(); } } /** * Spawns a new web worker */ function spawnWebWorker() { // prevent exceeding maxWebWorkers if (webWorkers.length >= config.maxWebWorkers) { return; } // spawn the webworker const worker = new Worker(config.webWorkerPath); webWorkers.push({ worker, status: 'initializing' }); worker.addEventListener('message', handleMessageFromWorker); worker.postMessage({ taskType: 'initialize', workerIndex: webWorkers.length - 1, config }); } /** * Initialization function for the web worker manager - spawns web workers * @param configObject */ function initialize(configObject) { configObject = configObject || defaultConfig; // prevent being initialized more than once if (config) { throw new Error('WebWorkerManager already initialized'); } config = configObject; config.maxWebWorkers = config.maxWebWorkers || (navigator.hardwareConcurrency || 1); // Spawn new web workers if (!config.startWebWorkersOnDemand) { for (let i = 0; i &lt; config.maxWebWorkers; i++) { spawnWebWorker(); } } } /** * dynamically loads a web worker task * @param sourcePath * @param taskConfig */ function loadWebWorkerTask(sourcePath, taskConfig) { // add it to the list of web worker tasks paths so on demand web workers // load this properly config.webWorkerTaskPaths.push(sourcePath); // if a task specific configuration is provided, merge it into the config if (taskConfig) { config.taskConfiguration = Object.assign( config.taskConfiguration, taskConfig ); } // tell each spawned web worker to load this task for (let i = 0; i &lt; webWorkers.length; i++) { webWorkers[i].worker.postMessage({ taskType: 'loadWebWorkerTask', workerIndex: webWorkers.length - 1, sourcePath, config }); } } /** * Function to add a decode task to be performed * * @param taskType - the taskType for this task * @param data - data specific to the task * @param priority - optional priority of the task (defaults to 0), > 0 is higher, &lt; 0 is lower * @param transferList - optional array of data to transfer to web worker * @returns {*} */ function addTask(taskType, data, priority = 0, transferList) { if (!config) { initialize(); } let deferred = {}; const promise = new Promise((resolve, reject) => { deferred = { resolve, reject }; }); // find the right spot to insert this decode task (based on priority) let i; for (i = 0; i &lt; tasks.length; i++) { if (tasks[i].priority &lt; priority) { break; } } const taskId = nextTaskId++; // insert the decode task at position i tasks.splice(i, 0, { taskId, taskType, status: 'ready', added: new Date().getTime(), data, deferred, priority, transferList }); // try to start a task on the web worker since we just added a new task and a web worker may be available startTaskOnWebWorker(); return { taskId, promise }; } /** * Changes the priority of a queued task * @param taskId - the taskId to change the priority of * @param priority - priority of the task (defaults to 0), > 0 is higher, &lt; 0 is lower * @returns boolean - true on success, false if taskId not found */ function setTaskPriority(taskId, priority = 0) { // search for this taskId for (let i = 0; i &lt; tasks.length; i++) { if (tasks[i].taskId === taskId) { // taskId found, remove it const task = tasks.splice(i, 1)[0]; // set its priority task.priority = priority; // find the right spot to insert this decode task (based on priority) for (i = 0; i &lt; tasks.length; i++) { if (tasks[i].priority &lt; priority) { break; } } // insert the decode task at position i tasks.splice(i, 0, task); return true; } } return false; } /** * Cancels a queued task and rejects * @param taskId - the taskId to cancel * @param reason - optional reason the task was rejected * @returns boolean - true on success, false if taskId not found */ function cancelTask(taskId, reason) { // search for this taskId for (let i = 0; i &lt; tasks.length; i++) { if (tasks[i].taskId === taskId) { // taskId found, remove it const task = tasks.splice(i, 1); task.deferred.reject(reason); return true; } } return false; } /** * Function to return the statistics on running web workers * @returns object containing statistics */ function getStatistics() { statistics.maxWebWorkers = config.maxWebWorkers; statistics.numWebWorkers = webWorkers.length; statistics.numTasksQueued = tasks.length; return statistics; } export default { initialize, loadWebWorkerTask, addTask, getStatistics, setTaskPriority, cancelTask }; </code></pre> </article> </section> </div> <br class="clear"> <footer> Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme. </footer> <script>prettyPrint();</script> <script src="scripts/linenumber.js"></script> </body> </html>