diff --git a/app/package-lock.json b/app/package-lock.json index 752fd5a..99cbe27 100644 --- a/app/package-lock.json +++ b/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", diff --git a/app/package.json b/app/package.json index 36c1420..7641247 100644 --- a/app/package.json +++ b/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", diff --git a/app/src/Inspector.tsx b/app/src/Inspector.tsx index a439a76..ee51cbf 100644 --- a/app/src/Inspector.tsx +++ b/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(