веб-работники с stenciljs для пользовательских событий

Question

Я хочу, чтобы мои компоненты прослушивали пользовательские события в рабочем потоке.

Есть ли способ работы с веб-работниками с помощью stenciljs для обработки пользовательских событий?

Answer 1

Возможно реализовать Web Workers в веб-компонентах, точно так же, как без них.

my-web-component.js

...
connectedCallback() {
    const worker = new Worker('doWork.js');

    worker.addEventListener('message', function(e) {
       console.log(e.data);
    }, false);
}
...

doWork.js

self.addEventListener('message', function(e) {
  var data = e.data;
  switch (data.cmd) {
    case 'average':
      var result = calculateAverage(data); // Some function that calculates the average from the numeric array.
      self.postMessage(result);
      break;
    default:
      self.postMessage('Unknown command');
  }
}, false);