Add a serviceworker (#234)

* Add a serviceworker

* rename + fix random extra character

* Fixing worker typings

* Fixing types properly this time.

* Once of those rare cases where this matters.

* Naming the things.

* Move registration to the app (so we can use snackbar later)

* Moving SW plugin later so it picks up things like HTML

* MVP service worker

* Two stage-service worker

* Fix prerendering by conditionally awaiting Custom Elements polyfill.

* Fix icon 404's

* add doc comment to autoswplugin

* Fix type

src/codecs/processor-worker.ts

@@ -7,31 +7,46 @@ import { EncodeOptions as WebPEncoderOptions } from './webp/encoder-meta';
 async function mozjpegEncode(
   data: ImageData, options: MozJPEGEncoderOptions,
 ): Promise<ArrayBuffer> {
-  const { encode } = await import('./mozjpeg/encoder');
+  const { encode } = await import(
+    /* webpackChunkName: "process-mozjpeg-enc" */
+    './mozjpeg/encoder',
+  );
   return encode(data, options);
 }
 
 async function quantize(data: ImageData, opts: QuantizeOptions): Promise<ImageData> {
-  const { process } = await import('./imagequant/processor');
+  const { process } = await import(
+    /* webpackChunkName: "process-imagequant" */
+    './imagequant/processor',
+  );
   return process(data, opts);
 }
 
 async function optiPngEncode(
   data: BufferSource, options: OptiPNGEncoderOptions,
 ): Promise<ArrayBuffer> {
-  const { compress } = await import('./optipng/encoder');
+  const { compress } = await import(
+    /* webpackChunkName: "process-optipng" */
+    './optipng/encoder',
+  );
   return compress(data, options);
 }
 
 async function webpEncode(
   data: ImageData, options: WebPEncoderOptions,
 ): Promise<ArrayBuffer> {
-  const { encode } = await import('./webp/encoder');
+  const { encode } = await import(
+    /* webpackChunkName: "process-webp-enc" */
+    './webp/encoder',
+  );
   return encode(data, options);
 }
 
 async function webpDecode(data: ArrayBuffer): Promise<ImageData> {
-  const { decode } = await import('./webp/decoder');
+  const { decode } = await import(
+    /* webpackChunkName: "process-webp-dec" */
+    './webp/decoder',
+  );
   return decode(data);
 }