inspector app: replace pako with fflate [#41]

app/package-lock.json

@@ -16,9 +16,9 @@
         "@stitches/react": "^1.2.8",
         "d3-path": "^3.0.1",
         "d3-scale-chromatic": "^3.0.0",
+        "fflate": "^0.7.3",
         "leaflet": "^1.8.0",
         "maplibre-gl": "^2.1.9",
-        "pako": "^2.0.4",
         "pbf": "^3.2.1",
         "protomaps": "^1.19.0",
         "react": "^18.0.0",
@@ -1593,6 +1593,11 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "dev": true
     },
+    "node_modules/fflate": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.3.tgz",
+      "integrity": "sha512-0Zz1jOzJWERhyhsimS54VTqOteCNwRtIlh8isdL0AXLo0g7xNTfTL7oWrkmCnPhZGocKIkWHBistBrrpoNH3aw=="
+    },
     "node_modules/file-selector": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.5.0.tgz",
@@ -1864,11 +1869,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/pako": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-2.0.4.tgz",
-      "integrity": "sha512-v8tweI900AUkZN6heMU/4Uy4cXRc2AYNRggVmTR+dEncawDJgCdLMximOVA2p4qO57WMynangsfGRb5WD6L1Bg=="
-    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -3466,6 +3466,11 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "dev": true
     },
+    "fflate": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.3.tgz",
+      "integrity": "sha512-0Zz1jOzJWERhyhsimS54VTqOteCNwRtIlh8isdL0AXLo0g7xNTfTL7oWrkmCnPhZGocKIkWHBistBrrpoNH3aw=="
+    },
     "file-selector": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.5.0.tgz",
@@ -3666,11 +3671,6 @@
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
     },
-    "pako": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-2.0.4.tgz",
-      "integrity": "sha512-v8tweI900AUkZN6heMU/4Uy4cXRc2AYNRggVmTR+dEncawDJgCdLMximOVA2p4qO57WMynangsfGRb5WD6L1Bg=="
-    },
     "path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",

app/package.json

@@ -16,9 +16,9 @@
     "@stitches/react": "^1.2.8",
     "d3-path": "^3.0.1",
     "d3-scale-chromatic": "^3.0.0",
+    "fflate": "^0.7.3",
     "leaflet": "^1.8.0",
     "maplibre-gl": "^2.1.9",
-    "pako": "^2.0.4",
     "pbf": "^3.2.1",
     "protomaps": "^1.19.0",
     "react": "^18.0.0",

app/src/Inspector.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, Dispatch, SetStateAction } from "react";
 import { createPortal } from "react-dom";
 import { PMTiles, Entry } from "../../js";
 import { styled } from "./stitches.config";
-import { inflate } from "pako";
+import { decompressSync } from "fflate";
 import Protobuf from "pbf";
 import { VectorTile, VectorTileFeature } from "@mapbox/vector-tile";
 import { path } from "d3-path";
@@ -180,7 +180,7 @@ const VectorPreview = (props: {
     let fn = async (entry: Entry) => {
       let view = await props.file.source.getBytes(entry.offset, entry.length);
       if (props.tileType == TileType.MVT_GZ) {
-        view = new DataView(inflate(new Uint8Array(view.buffer)).buffer);
+        view = new DataView(decompressSync(new Uint8Array(view.buffer)).buffer);
       }
 
       let tile = new VectorTile(