israelss / simple-web-worker

An utility to simplify the use of web workers

Olá! 👋

Bem-vindo(a) à minha página no GitHub! 🤝

🔧 Tecnologias e ferramentas que eu conheço:

📋 Esse é um resumo das minhas atividades:

Powered by: GitHub Readme Stats

🌎 Onde estou agora?

Atualmente estou morando no Brasil, e trabalho na ZapVoice como Desenvolvedor FullStack.

📚 O que estou aprendendo?

Estou aprofundando o conhecimento sobre NestJs/React/Node e iniciando os estudos de Java

Se você sabe algo sobre Qwik, por favor, conte-me! Qwik está na minha lista "o que aprender em seguida"!

✅ Abaixo você pode ver quais são meus melhores repositórios (ou pelo menos os que eu tenho mais orgulho 😅) :

simple-web-worker's Issues

Importing functions from different files

I want to use a function that I import from another file but that gives my webpack errors during runtime: Uncaught ReferenceError: _helpers_harmonic__WEBPACK_IMPORTED_MODULE_12__ is not defined.

Is there a way to do this? My workaround is now to copy the function into the web worker target function. Obviously not very DRY...

The response method created manually is not compatible with IE 10 due to the use of =>

simple-web-worker/src/utils.js

Line 63 in 8322d18

self.onmessage = event => {

Usage with Webpack in Production

Is there any trick or config I need to do to get this working in production builds with webpack? It works fine in development but it appears that it does not survive the build afterwards.

Since you can't pass a library or function to the run function, is there a way to import it inside the run function?

I tried this:

Worker.run(async (batchPatch) => {
    const { useBatchesApi } = await import("@/hooks/useBatches")
    const { update } = useBatchesApi()
    return update(batchPatch)
  }, [batchPatch])
  .then(console.log)
  .catch(console.error)

But then I get Failed to resolve module specifier '/src/hooks/useBatches.ts?t=1649663469345'. I've been trying for hours now just to make the update method work. Please tell me there's a way to do this.

when i depend on others lib in worker

as the title
when i depend on crypto-js in worker. What should I do?
use importScripts？

run can not execute async function

when i wan to fetch in worker run,it doesn't work。
such as:
worker.run(() => { fetch('https://github.com/israelss/simple-web-worker/issues/new') })
It be closed, but fetching response has not return

How to send a message from worker to main script?

I mean somting like this in main script

worker.addEventListener("message", e => {
                console.log(e.data);
            }, false);

DOMException: Failed to execute 'postMessage' on 'Worker': function (a, b, c) {

Hi
So thanks by the repo, it's great!!
I can't run the code, it throw me:

DOMException: Failed to execute 'postMessage' on 'Worker': function (a, b, c) {
        if (this instanceof C) {
          switch (arguments.length) {
            case 0:...<omitted>... } could not be cloned.

And my code it's this:

    worker.run(() => {
      if ('indexedDB' in self) {
        return new Promise((resolve, reject) => {
          var openRequest = indexedDB.open('database', 1)
          var db

          openRequest.onsuccess = (event) => {
            db = openRequest.result
            console.log(db)
            getData(db)
          }
          function getData(db) {
            var transaction = db.transaction(['database'], 'readwrite')
            var objectStore = transaction.objectStore('database')

            var objectStoreRequest = objectStore.get('entries')

            objectStoreRequest.onsuccess = function(event) {
              console.log((objectStoreRequest.result))
              resolve(objectStoreRequest.result)
            }
            objectStore.onerror = function(event) {
              reject(transaction.error)
            }
          }
        })
      }
    })
      .then(console.log)
      .catch(console.log)

Any idea?
Thanks

Edit: I have to send 'Promise', cause webpack transform 'Promise'