How can I use an ES6 module in a worker? about wa-sqlite HOT 6 CLOSED

Worker modules are now in the Firefox nightly build, targeted for stable channel release in mid-February. It feels buggy at the moment, but that's just how nightlies are.

Update 1/5/23: Regressions forced reverting the worker module commit 🙁. Looks like release could slip.

from wa-sqlite.

If anyone comes here trying to put wa-sqlite in a service worker (which as of this posting still has terrible support for modules...) and is using vite-plugin-pwa, then you can put something like this in your VitePWAOptions config:

import replace from "@rollup/plugin-replace";
...
  injectManifest: {
    ...
    // @ts-ignore - this is a valid option somehow... and is required for wa-sqlite to work
    plugins: [replace({ "import.meta.url": mode === "development" ? "import.meta.url" : "undefined" })],
  },

And at the very least, it seems to work for me. As mentioned above, an empty string probably also works.

from wa-sqlite.

To create a Web Worker and being able to use ESM add a 2nd argument with { type: 'module' }

new Worker(url, { type: 'module '})

from wa-sqlite.

You can load an ES module directly in a Worker if browser compatibility is not an issue for you, but the point of this FAQ item is that currently bundling is required to work across all WASM-capable browsers (i.e. including Firefox) and this shows a workaround for a bundling problem.

from wa-sqlite.

I know, i just wanted to help out with some faq q/a stuff for others who also wonder how to load esm stuff in workers ;)

from wa-sqlite.

As an FYI, it appears there is some activity in Firefox for module workers.

from wa-sqlite.