Replace compression polyfill ("Worker" related errors) (#222)

* replace compression-streams-polyfill with globalThis check [#167]

* work around web worker issue with decompression polyfill.

* js 2.10.0-beta.0

* js 2.10.0; update examples

js/CHANGELOG.md

@@ -1,3 +1,7 @@
+2.10.0
+
+* Replace `DecompressionStream` polyfill with own `globalThis` detection because of web workers problems.
+
 2.9.0
 
 * Recognize AVIF TileType

js/examples/leaflet.html

@@ -4,7 +4,7 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
         <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
-        <script src="https://unpkg.com/pmtiles@2.9.0/dist/index.js"></script>
+        <script src="https://unpkg.com/pmtiles@2.10.0/dist/index.js"></script>
         <style>
             body, #map {
                 height:100vh;

js/examples/maplibre.html

@@ -4,7 +4,8 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" crossorigin="anonymous">
         <script src="https://unpkg.com/[email protected]/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/[email protected]/dist/index.js"></script>
+        <!-- <script src="https://unpkg.com/[email protected]/dist/index.js"></script> -->
+        <script src="../dist/index.js"></script>
         <style>
             body {
                 margin: 0;
@@ -78,4 +79,4 @@
             })
         </script>
     </body>
-</html>
+</html>

js/examples/maplibre_raster_dem.html

@@ -4,7 +4,7 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" crossorigin="anonymous">
         <script src="https://unpkg.com/[email protected]/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/pmtiles@2.9.0/dist/index.js"></script>
+        <script src="https://unpkg.com/pmtiles@2.10.0/dist/index.js"></script>
         <style>
             body {
                 margin: 0;
@@ -65,4 +65,4 @@
             })
         </script>
     </body>
-</html>
+</html>

js/index.ts

@@ -1,4 +1,4 @@
-import { makeDecompressionStream } from "compression-streams-polyfill/ponyfill";
+import { decompressSync } from "fflate";
 import v2 from "./v2";
 export * from "./adapters";
 
@@ -162,10 +162,15 @@ async function defaultDecompress(
   if (compression === Compression.None || compression === Compression.Unknown) {
     return buf;
   } else if (compression === Compression.Gzip) {
-    let stream = new Response(buf).body!;
-    const decompressionStream = makeDecompressionStream(TransformStream);
-    let result = stream.pipeThrough(new decompressionStream("gzip"));
-    return new Response(result).arrayBuffer();
+    if (typeof (globalThis as any).DecompressionStream == "undefined") {
+      return decompressSync(new Uint8Array(buf));
+    } else {
+      let stream = new Response(buf).body!;
+      let result: ReadableStream<Uint8Array> = stream.pipeThrough(
+        new (globalThis as any).DecompressionStream("gzip")
+      );
+      return new Response(result).arrayBuffer();
+    }
   } else {
     throw Error("Compression method not supported");
   }

js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmtiles",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "PMTiles archive decoder for browsers",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -32,7 +32,6 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "compression-streams-polyfill": "^0.1.3",
     "fflate": "^0.8.0"
   }
 }