alewin/useWorker

example for using remote web worker ( stockfish js)

hunght opened this issue · 3 comments

hunght commented

i try to use this lib https://github.com/nmrugg/stockfish.js/ as a web worker, but it not working. could you have the same example which using normal web worker like postMessage and onmessage, thanks in advance

alewin commented

Of course, in the next few days I'll try to look at it

  • 👍1
  • ❤️1
alewin commented

HI @zant I was preparing a demo with "stockfish.js"

const demoFn = () => {
  var stockfish = STOCKFISH();
  .....
};

function App() {
  const { addToast } = useToasts();

  const [ worker, { status, kill } ] = useWorker(demoFn, {
    remoteDependencies: [
      "https://cdn.jsdelivr.net/npm/stockfish@11.0.0/src/stockfish.min.js"
    ]
  });

I noticed that the sotckfish library uses by default a communication with "postMessages": API Docs.
Even if it would work it wouldn't make sense to call

stockfish.postMessage ("go depth 15 ");

inside demoFN.

Proposal

I thought that we could make available the possibility to import a webworker file as well.

const [ worker, { status, kill } ] = useWorker("stockfish.js")

Obviously, if you want to use this feature, you will have to modify your webpack configuration
https://webpack.js.org/loaders/worker-loader/

What do you think about it? 🤔

  • 👍1
zant commented

Killer feature! @alewin

Looks really good to me, with good docs on the webpack thingy I think it's good to go 👍

Also, FWIW there's an ongoing proposal (Stage 1) on JS module blocks it will basically let us inline modules in code and pass them around as they were files. So if that gets through we will have two ways of doing this, with lots of other cool stuff :)

  • 👍1