@gisatcz/deckgl-geolib 2.5.0-dev.2 → 2.5.0-dev.4

package/dist/cjs/index.js

@@ -9,6 +9,45 @@ var schema = require('@loaders.gl/schema');
 var loaderUtils = require('@loaders.gl/loader-utils');
 var meshLayers = require('@deck.gl/mesh-layers');
 
+let isListenerAttached = false;
+/**
+ * Suppresses unhandled AbortErrors from deck.gl tile cancellation.
+ *
+ * NOTE: The library's main entry point installs this handler automatically
+ * when the package is imported via its primary build (for example
+ * `import '@gisatcz/deckgl-geolib'`). This default prevents console spam during
+ * normal tile cancellation (pan/zoom) for the vast majority of consumers.
+ *
+ * If you need to control installation manually (for example when importing
+ * internals or for custom lifecycle control), import and call the exported
+ * function yourself:
+ *
+ *   import { suppressGlobalAbortErrors } from '@gisatcz/deckgl-geolib';
+ *   suppressGlobalAbortErrors();
+ *
+ * Warning: This suppresses ALL unhandled AbortErrors (including from your own
+ * code). If you need finer control, implement a custom `unhandledrejection`
+ * handler instead.
+ *
+ * The listener is attached only once and only in browser environments,
+ * making this function idempotent and safe to call multiple times.
+ */
+function suppressGlobalAbortErrors() {
+    // Ensure we are in a browser environment and haven't already attached the listener
+    if (typeof window !== 'undefined' && !isListenerAttached) {
+        window.addEventListener('unhandledrejection', (event) => {
+            // Suppress standard AbortErrors from tile cancellation and fetch aborts.
+            // These are expected during viewport changes and represent normal control flow,
+            // not application errors.
+            if (event.reason && event.reason.name === 'AbortError') {
+                // Prevent the browser from logging it to the console
+                event.preventDefault();
+            }
+        });
+        isListenerAttached = true;
+    }
+}
+
 /* eslint-disable no-restricted-globals, no-restricted-syntax */
 /* global SharedArrayBuffer */
 
@@ -2959,7 +2998,7 @@ class CustomAggregateError extends Error {
         this.name = 'AggregateError';
     }
 }
-const AggregateError = CustomAggregateError;
+const AggregateError$1 = CustomAggregateError;
 
 class Block {
     /**
@@ -3090,7 +3129,7 @@ class BlockedSource extends BaseSource {
         const blocks = allBlockIds.map((id) => this.blockCache.get(id) || this.evictedBlocks.get(id));
         const failedBlocks = blocks.filter((i) => !i);
         if (failedBlocks.length) {
-            throw new AggregateError(failedBlocks, 'Request failed');
+            throw new AggregateError$1(failedBlocks, 'Request failed');
         }
         // create a final Map, with all required blocks for this request to satisfy
         const requiredBlocks = new Map(zip(allBlockIds, blocks));
@@ -4874,6 +4913,7 @@ const DefaultGeoImageOptions = {
     useChannelIndex: null,
     noDataValue: undefined,
     multiplier: 1.0,
+    verticalExaggeration: 1.0,
     numOfChannels: undefined,
     planarConfig: undefined,
     // --- Mesh generation (terrain only) ---
@@ -5548,25 +5588,31 @@ function addSkirt(attributes, triangles, skirtHeight, outsideIndices) {
  * @returns {number[][]} - outside edges data
  */
 function getOutsideEdgesFromTriangles(triangles) {
-    const edges = [];
-    for (let i = 0; i < triangles.length; i += 3) {
-        edges.push([triangles[i], triangles[i + 1]]);
-        edges.push([triangles[i + 1], triangles[i + 2]]);
-        edges.push([triangles[i + 2], triangles[i]]);
-    }
-    edges.sort((a, b) => Math.min(...a) - Math.min(...b) || Math.max(...a) - Math.max(...b));
-    const outsideEdges = [];
-    let index = 0;
-    while (index < edges.length) {
-        if (edges[index][0] === edges[index + 1]?.[1] && edges[index][1] === edges[index + 1]?.[0]) {
-            index += 2;
+    // Use BigInt keys to avoid collisions for large meshes.
+    // Pack min and max into a single BigInt key: (min << 32) | max
+    const edgeMap = new Map();
+    const processEdge = (a, b) => {
+        const min = Math.min(a, b);
+        const max = Math.max(a, b);
+        // Pack indices into a single BigInt key to avoid string allocation and collisions
+        const key = (BigInt(min) << 32n) | BigInt(max);
+        if (edgeMap.has(key)) {
+            edgeMap.delete(key); // Interior edge, remove
         }
         else {
-            outsideEdges.push(edges[index]);
-            index++;
+            edgeMap.set(key, [a, b]);
         }
+    };
+    for (let i = 0; i < triangles.length; i += 3) {
+        const v0 = triangles[i];
+        const v1 = triangles[i + 1];
+        const v2 = triangles[i + 2];
+        // Process each edge inline — no temporary array allocation per triangle
+        processEdge(v0, v1);
+        processEdge(v1, v2);
+        processEdge(v2, v0);
     }
-    return outsideEdges;
+    return Array.from(edgeMap.values());
 }
 /**
  * Get geometry edges that located on a border of the mesh
@@ -6284,7 +6330,7 @@ class TerrainGenerator {
         const meshWidth = isKernel ? 257 : width;
         const meshHeight = isKernel ? 257 : height;
         // 2. Tesselate (Generate Mesh)
-        const { terrainSkirtHeight } = options;
+        const { terrainSkirtHeight, verticalExaggeration = 1.0 } = options;
         let mesh;
         switch (options.tesselator) {
             case 'martini':
@@ -6300,13 +6346,17 @@ class TerrainGenerator {
         }
         const { vertices } = mesh;
         let { triangles } = mesh;
-        let attributes = this.getMeshAttributes(vertices, meshTerrain, meshWidth, meshHeight, input.bounds);
+        let attributes = this.getMeshAttributes(vertices, meshTerrain, meshWidth, meshHeight, input.bounds, verticalExaggeration);
         // Compute bounding box before adding skirt so that z values are not skewed
         const boundingBox = schema.getMeshBoundingBox(attributes);
         if (terrainSkirtHeight) {
-            const { attributes: newAttributes, triangles: newTriangles } = addSkirt(attributes, triangles, terrainSkirtHeight);
-            attributes = newAttributes;
-            triangles = newTriangles;
+            const scaledSkirtHeight = terrainSkirtHeight * verticalExaggeration;
+            // Skip skirt generation if scaled height is zero (e.g., verticalExaggeration = 0)
+            if (scaledSkirtHeight > 0) {
+                const { attributes: newAttributes, triangles: newTriangles } = addSkirt(attributes, triangles, scaledSkirtHeight);
+                attributes = newAttributes;
+                triangles = newTriangles;
+            }
         }
         const map = {
             // Data return by this loader implementation
@@ -6502,10 +6552,10 @@ class TerrainGenerator {
         const vertices = coords;
         return { vertices, triangles };
     }
-    static getMeshAttributes(vertices, terrain, width, height, bounds) {
+    static getMeshAttributes(vertices, terrain, width, height, bounds, verticalExaggeration = 1.0) {
         const gridSize = width === 257 ? 257 : width + 1;
         const numOfVerticies = vertices.length / 2;
-        // vec3. x, y in pixels, z in meters
+        // vec3. x, y in pixels, z in meters (scaled by verticalExaggeration)
         const positions = new Float32Array(numOfVerticies * 3);
         // vec2. 1 to 1 relationship with position. represents the uv on the texture image. 0,0 to 1,1.
         const texCoords = new Float32Array(numOfVerticies * 2);
@@ -6522,7 +6572,7 @@ class TerrainGenerator {
             const pixelIdx = y * gridSize + x;
             positions[3 * i] = x * xScale + minX;
             positions[3 * i + 1] = -y * yScale + maxY;
-            positions[3 * i + 2] = terrain[pixelIdx];
+            positions[3 * i + 2] = terrain[pixelIdx] * verticalExaggeration;
             texCoords[2 * i] = x / effectiveWidth;
             texCoords[2 * i + 1] = y / effectiveHeight;
         }
@@ -6823,113 +6873,137 @@ class CogTiles {
         }
         return exactMatchIndex;
     }
-    async getTileFromImage(tileX, tileY, zoom, fetchSize) {
-        const imageIndex = this.getImageIndexForZoomLevel(zoom);
-        // Cache Promises to share in-flight requests across concurrent tiles at the same overview
-        let imagePromise = this.imageCache.get(imageIndex);
-        if (!imagePromise) {
-            imagePromise = this.cog.getImage(imageIndex);
-            this.imageCache.set(imageIndex, imagePromise);
-        }
-        const targetImage = await imagePromise;
-        // --- STEP 1: CALCULATE BOUNDS IN METERS ---
-        // 2. Get COG Metadata (image = COG)
-        const imageResolution = this.cogResolutionLookup[imageIndex];
-        const imageHeight = targetImage.getHeight();
-        const imageWidth = targetImage.getWidth();
-        const [imgOriginX, imgOriginY] = this.cogOrigin;
-        // 3. Define Web Mercator Constants
-        // We use the class property tileSize (usually 256) as the ground truth for grid calculations
-        const TILE_SIZE = this.tileSize;
-        const ORIGIN_X = webMercatorOrigin[0];
-        const ORIGIN_Y = webMercatorOrigin[1];
-        // 4. Calculate Tile BBox in World Meters
-        // This defines where the map expects the tile to be physically located
-        const tileGridResolution = (EARTH_CIRCUMFERENCE / TILE_SIZE) / (2 ** zoom);
-        const tileMinXMeters = ORIGIN_X + (tileX * TILE_SIZE * tileGridResolution);
-        const tileMaxYMeters = ORIGIN_Y - (tileY * TILE_SIZE * tileGridResolution);
-        // Note: We don't strictly need MaxX/MinY meters for the start calculation,
-        // but they are useful if debugging the full meter footprint.
-        // --- STEP 2: CONVERT TO PIXEL COORDINATES ---
-        // 5. Calculate precise floating-point start position relative to the image
-        const windowMinX = (tileMinXMeters - imgOriginX) / imageResolution;
-        const windowMinY = (imgOriginY - tileMaxYMeters) / imageResolution;
-        // 6. Snap to Integer Grid (The "Force 256" Fix)
-        // We round the start position to align with the nearest pixel.
-        const FETCH_SIZE = fetchSize || TILE_SIZE; // Default to 256 if not provided
-        const startX = Math.round(windowMinX);
-        const startY = Math.round(windowMinY);
-        const endX = startX + FETCH_SIZE;
-        const endY = startY + FETCH_SIZE;
-        // --- STEP 3: CALCULATE INTERSECTION ---
-        // 7. Clamp the read window to the actual image dimensions
-        // This defines the "Safe" area we can actually read from the file.
-        const validReadX = Math.max(0, startX);
-        const validReadY = Math.max(0, startY);
-        const validReadMaxX = Math.min(imageWidth, endX);
-        const validReadMaxY = Math.min(imageHeight, endY);
-        const readWidth = validReadMaxX - validReadX;
-        const readHeight = validReadMaxY - validReadY;
-        // CHECK: If no overlap, return empty
-        if (readWidth <= 0 || readHeight <= 0) {
-            return [this.createEmptyTile(FETCH_SIZE)];
-        }
-        // 8. Calculate Offsets (Padding)
-        // "missingLeft" is how many blank pixels we need to insert before the image data starts.
-        // Logic: If we wanted to read from -50 (startX), but clamped to 0 (validReadX),
-        // we are missing the first 50 pixels.
-        const missingLeft = validReadX - startX;
-        const missingTop = validReadY - startY;
-        const window = [validReadX, validReadY, validReadMaxX, validReadMaxY];
-        // --- STEP 4: READ AND COMPOSITE ---
-        // Case A: Partial Overlap (Padding or Cropping required)
-        // If the tile is hanging off the edge, we need to manually reconstruct it.
-        // We strictly compare against FETCH_SIZE because that is our target buffer dimension.
-        if (missingLeft > 0 || missingTop > 0 || readWidth < FETCH_SIZE || readHeight < FETCH_SIZE) {
-            const numChannels = this.options.numOfChannels || 1;
-            // Initialize with a TypedArray of the full target size and correct data type
-            const validImageData = this.createTileBuffer(this.options.format || 'Float32', FETCH_SIZE, numChannels);
-            if (this.options.noDataValue !== undefined) {
-                validImageData.fill(this.options.noDataValue);
-            }
-            // if the valid window is smaller than the tile size, it gets the image size width and height, thus validRasterData.width must be used as below
-            const validRasterData = await targetImage.readRasters({ window });
-            // Place the valid pixel data into the tile buffer.
-            for (let band = 0; band < validRasterData.length; band += 1) {
-                // We must reset the buffer for each band, otherwise data from previous band persists in padding areas
-                const tileBuffer = this.createTileBuffer(this.options.format || 'Float32', FETCH_SIZE);
+    async getTileFromImage(tileX, tileY, zoom, fetchSize, signal) {
+        // Create a fresh local AbortController for this specific fetch.
+        // We do NOT pass `signal` directly to readRasters because deck.gl may reuse tile
+        // objects whose signal is already aborted (same tile re-requested after viewport change).
+        // An already-aborted signal passed to geotiff.js immediately cancels the fetch,
+        // leaving the tile permanently empty. Instead, we only forward cancellation when
+        // the signal fires WHILE the request is actually in flight.
+        const controller = new AbortController();
+        if (signal && !signal.aborted) {
+            signal.addEventListener('abort', () => controller.abort(), { once: true });
+        }
+        const localSignal = controller.signal;
+        try {
+            const imageIndex = this.getImageIndexForZoomLevel(zoom);
+            // Cache Promises to share in-flight requests across concurrent tiles at the same overview
+            let imagePromise = this.imageCache.get(imageIndex);
+            if (!imagePromise) {
+                imagePromise = this.cog.getImage(imageIndex);
+                this.imageCache.set(imageIndex, imagePromise);
+            }
+            const targetImage = await imagePromise;
+            // --- STEP 1: CALCULATE BOUNDS IN METERS ---
+            // 2. Get COG Metadata (image = COG)
+            const imageResolution = this.cogResolutionLookup[imageIndex];
+            const imageHeight = targetImage.getHeight();
+            const imageWidth = targetImage.getWidth();
+            const [imgOriginX, imgOriginY] = this.cogOrigin;
+            // 3. Define Web Mercator Constants
+            // We use the class property tileSize (usually 256) as the ground truth for grid calculations
+            const TILE_SIZE = this.tileSize;
+            const ORIGIN_X = webMercatorOrigin[0];
+            const ORIGIN_Y = webMercatorOrigin[1];
+            // 4. Calculate Tile BBox in World Meters
+            // This defines where the map expects the tile to be physically located
+            const tileGridResolution = (EARTH_CIRCUMFERENCE / TILE_SIZE) / (2 ** zoom);
+            const tileMinXMeters = ORIGIN_X + (tileX * TILE_SIZE * tileGridResolution);
+            const tileMaxYMeters = ORIGIN_Y - (tileY * TILE_SIZE * tileGridResolution);
+            // Note: We don't strictly need MaxX/MinY meters for the start calculation,
+            // but they are useful if debugging the full meter footprint.
+            // --- STEP 2: CONVERT TO PIXEL COORDINATES ---
+            // 5. Calculate precise floating-point start position relative to the image
+            const windowMinX = (tileMinXMeters - imgOriginX) / imageResolution;
+            const windowMinY = (imgOriginY - tileMaxYMeters) / imageResolution;
+            // 6. Snap to Integer Grid (The "Force 256" Fix)
+            // We round the start position to align with the nearest pixel.
+            const FETCH_SIZE = fetchSize || TILE_SIZE; // Default to 256 if not provided
+            const startX = Math.round(windowMinX);
+            const startY = Math.round(windowMinY);
+            const endX = startX + FETCH_SIZE;
+            const endY = startY + FETCH_SIZE;
+            // --- STEP 3: CALCULATE INTERSECTION ---
+            // 7. Clamp the read window to the actual image dimensions
+            // This defines the "Safe" area we can actually read from the file.
+            const validReadX = Math.max(0, startX);
+            const validReadY = Math.max(0, startY);
+            const validReadMaxX = Math.min(imageWidth, endX);
+            const validReadMaxY = Math.min(imageHeight, endY);
+            const readWidth = validReadMaxX - validReadX;
+            const readHeight = validReadMaxY - validReadY;
+            // CHECK: If no overlap, return empty
+            if (readWidth <= 0 || readHeight <= 0) {
+                return [this.createEmptyTile(FETCH_SIZE)];
+            }
+            // 8. Calculate Offsets (Padding)
+            // "missingLeft" is how many blank pixels we need to insert before the image data starts.
+            // Logic: If we wanted to read from -50 (startX), but clamped to 0 (validReadX),
+            // we are missing the first 50 pixels.
+            const missingLeft = validReadX - startX;
+            const missingTop = validReadY - startY;
+            const window = [validReadX, validReadY, validReadMaxX, validReadMaxY];
+            // --- STEP 4: READ AND COMPOSITE ---
+            // Case A: Partial Overlap (Padding or Cropping required)
+            // If the tile is hanging off the edge, we need to manually reconstruct it.
+            // We strictly compare against FETCH_SIZE because that is our target buffer dimension.
+            if (missingLeft > 0 || missingTop > 0 || readWidth < FETCH_SIZE || readHeight < FETCH_SIZE) {
+                const numChannels = this.options.numOfChannels || 1;
+                // Initialize with a TypedArray of the full target size and correct data type
+                const validImageData = this.createTileBuffer(this.options.format || 'Float32', FETCH_SIZE, numChannels);
                 if (this.options.noDataValue !== undefined) {
-                    tileBuffer.fill(this.options.noDataValue);
+                    validImageData.fill(this.options.noDataValue);
                 }
-                for (let row = 0; row < readHeight; row += 1) {
-                    const destRow = missingTop + row;
-                    const destRowOffset = destRow * FETCH_SIZE;
-                    const srcRowOffset = row * validRasterData.width;
-                    for (let col = 0; col < readWidth; col += 1) {
-                        // Compute the destination position in the tile buffer.
-                        const destCol = missingLeft + col;
-                        // Bounds Check: Ensure we don't write outside the allocated buffer
-                        if (destRow < FETCH_SIZE && destCol < FETCH_SIZE) {
-                            tileBuffer[destRowOffset + destCol] = validRasterData[band][srcRowOffset + col];
-                        }
-                        else {
-                            /* eslint-disable no-console */
-                            console.log(`error in assigning data to tile buffer: destRow ${destRow}, destCol ${destCol}, FETCH_SIZE ${FETCH_SIZE}`);
+                // if the valid window is smaller than the tile size, it gets the image size width and height, thus validRasterData.width must be used as below
+                const validRasterData = await targetImage.readRasters({ window, signal: localSignal });
+                // Place the valid pixel data into the tile buffer.
+                for (let band = 0; band < validRasterData.length; band += 1) {
+                    // We must reset the buffer for each band, otherwise data from previous band persists in padding areas
+                    const tileBuffer = this.createTileBuffer(this.options.format || 'Float32', FETCH_SIZE);
+                    if (this.options.noDataValue !== undefined) {
+                        tileBuffer.fill(this.options.noDataValue);
+                    }
+                    for (let row = 0; row < readHeight; row += 1) {
+                        const destRow = missingTop + row;
+                        const destRowOffset = destRow * FETCH_SIZE;
+                        const srcRowOffset = row * validRasterData.width;
+                        for (let col = 0; col < readWidth; col += 1) {
+                            // Compute the destination position in the tile buffer.
+                            const destCol = missingLeft + col;
+                            // Bounds Check: Ensure we don't write outside the allocated buffer
+                            if (destRow < FETCH_SIZE && destCol < FETCH_SIZE) {
+                                tileBuffer[destRowOffset + destCol] = validRasterData[band][srcRowOffset + col];
+                            }
+                            else {
+                                /* eslint-disable no-console */
+                                console.log(`error in assigning data to tile buffer: destRow ${destRow}, destCol ${destCol}, FETCH_SIZE ${FETCH_SIZE}`);
+                            }
                         }
                     }
+                    for (let i = 0; i < tileBuffer.length; i += 1) {
+                        validImageData[i * numChannels + band] = tileBuffer[i];
+                    }
                 }
-                for (let i = 0; i < tileBuffer.length; i += 1) {
-                    validImageData[i * numChannels + band] = tileBuffer[i];
-                }
+                return [validImageData];
+            }
+            // Case B: Perfect Match (Optimization)
+            // If the read window is exactly 256x256 and aligned, we can read directly interleaved.
+            const tileData = await targetImage.readRasters({ window, interleave: true, signal: localSignal });
+            return [tileData];
+        }
+        catch (error) {
+            // If the signal was aborted (or geotiff.js threw AggregateError wrapping an abort),
+            // re-throw as a standard AbortError so deck.gl handles tile cancellation gracefully
+            // and suppressGlobalAbortErrors() can suppress the unhandled rejection noise.
+            const isAbortRelated = localSignal.aborted
+                || (error instanceof AggregateError && error.errors?.some((e) => e?.name === 'AbortError' || e?.message?.includes('aborted') || e?.message?.includes('abort')))
+                || (error instanceof DOMException && error.name === 'AbortError')
+                || (error instanceof Error && error.message === 'Request was aborted');
+            if (isAbortRelated) {
+                throw new DOMException('Tile request aborted', 'AbortError');
             }
-            return [validImageData];
+            throw error;
         }
-        // Case B: Perfect Match (Optimization)
-        // If the read window is exactly 256x256 and aligned, we can read directly interleaved.
-        // console.log("Perfect aligned read");
-        const tileData = await targetImage.readRasters({ window, interleave: true });
-        // console.log(`data that starts at the left top corner of the tile ${tileX}, ${tileY}`);
-        return [tileData];
     }
     /**
      * Creates a blank tile buffer filled with the "No Data" value.
@@ -6945,7 +7019,7 @@ class CogTiles {
         }
         return tileData;
     }
-    async getTile(x, y, z, bounds, meshMaxError) {
+    async getTile(x, y, z, bounds, meshMaxError, signal) {
         let requiredSize = this.tileSize; // Default 256 for image/bitmap
         if (this.options.type === 'terrain') {
             const isKernel = this.options.useSlope || this.options.useHillshade || this.options.useSwissRelief;
@@ -6955,7 +7029,7 @@ class CogTiles {
             // Bitmap layer with relief glaze mode needs kernel padding for slope/hillshade computation
             requiredSize = this.tileSize + 2; // 258 for kernel
         }
-        const tileData = await this.getTileFromImage(x, y, z, requiredSize);
+        const tileData = await this.getTileFromImage(x, y, z, requiredSize, signal);
         // Compute true ground cell size in meters from tile indices.
         // Tile y in slippy-map convention → center latitude → Web Mercator distortion correction.
         const latRad = Math.atan(Math.sinh(Math.PI * (1 - 2 * (y + 0.5) / Math.pow(2, z))));
@@ -6979,9 +7053,9 @@ class CogTiles {
             rasters,
             width: tileWidth,
             height: tileHeight,
-            bounds,
+            bounds: bounds ?? [0, 0, 0, 0],
             cellSizeMeters,
-        }, this.options, meshMaxError);
+        }, this.options, meshMaxError ?? 4.0);
     }
     /**
      * Determines the data type (e.g., "Int32", "Float64") of a GeoTIFF image
@@ -7191,20 +7265,11 @@ class CogBitmapLayer extends core.CompositeLayer {
         }
     }
     async getTiledBitmapData(tile) {
-        try {
-            // TODO - pass signal to getTile
-            // abort request if signal is aborted
-            const tileData = await this.state.bitmapCogTiles.getTile(tile.index.x, tile.index.y, tile.index.z);
-            if (tileData && !this.props.pickable) {
-                tileData.raw = null;
-            }
-            return tileData;
-        }
-        catch (error) {
-            // Log the error and rethrow so TileLayer can surface the failure via onTileError
-            core.log.warn(`Failed to load bitmap tile at ${tile.index.z}/${tile.index.x}/${tile.index.y}:`, error)();
-            throw error;
+        const resolvedTileData = await this.state.bitmapCogTiles.getTile(tile.index.x, tile.index.y, tile.index.z, undefined, undefined, tile.signal);
+        if (resolvedTileData && !this.props.pickable) {
+            resolvedTileData.raw = null;
         }
+        return resolvedTileData;
     }
     renderSubLayers(props) {
         const SubLayerClass = this.getSubLayerClass('image', layers.BitmapLayer);
@@ -7338,7 +7403,6 @@ function urlTemplateToUpdateTrigger(template) {
 }
 // TODO remove elevationDecoder
 // TODO use meshMaxError
-// TODO - pass signal to getTile
 /** Render mesh surfaces from height map images. */
 class CogTerrainLayer extends core.CompositeLayer {
     static defaultProps = defaultProps;
@@ -7437,13 +7501,11 @@ class CogTerrainLayer extends core.CompositeLayer {
             topRight = [bbox.right, bbox.top];
         }
         const bounds = [bottomLeft[0], bottomLeft[1], topRight[0], topRight[1]];
-        // TODO - pass signal to getTile
-        // abort request if signal is aborted
-        const terrain = await this.state.terrainCogTiles.getTile(tile.index.x, tile.index.y, tile.index.z, bounds, this.props.meshMaxError);
-        if (terrain && !this.props.pickable) {
-            terrain.raw = null;
+        const resolvedTerrain = await this.state.terrainCogTiles.getTile(tile.index.x, tile.index.y, tile.index.z, bounds, this.props.meshMaxError, tile.signal);
+        if (resolvedTerrain && !this.props.pickable) {
+            resolvedTerrain.raw = null;
         }
-        return Promise.all([terrain, null]);
+        return Promise.all([resolvedTerrain, null]);
     }
     renderSubLayers(props) {
         const SubLayerClass = this.getSubLayerClass('mesh', meshLayers.SimpleMeshLayer);
@@ -7552,6 +7614,10 @@ class CogTerrainLayer extends core.CompositeLayer {
     }
 }
 
+// src/index.ts
+// Initialize global error suppression for deck.gl AbortErrors
+suppressGlobalAbortErrors();
+
 class RawDecoder extends BaseDecoder {
     /** @param {ArrayBuffer} buffer */
     decodeBlock(buffer) {
@@ -7560,8 +7626,8 @@ class RawDecoder extends BaseDecoder {
 }
 
 var raw = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: RawDecoder
+    __proto__: null,
+    default: RawDecoder
 });
 
 const MIN_BITS = 9;
@@ -7719,8 +7785,8 @@ class LZWDecoder extends BaseDecoder {
 }
 
 var lzw = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: LZWDecoder
+    __proto__: null,
+    default: LZWDecoder
 });
 
 /* -*- tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- /
@@ -8783,8 +8849,8 @@ class JpegDecoder extends BaseDecoder {
 }
 
 var jpeg = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: JpegDecoder
+    __proto__: null,
+    default: JpegDecoder
 });
 
 /*============================================================================*/
@@ -12030,8 +12096,8 @@ class DeflateDecoder extends BaseDecoder {
 }
 
 var deflate = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: DeflateDecoder
+    __proto__: null,
+    default: DeflateDecoder
 });
 
 class PackbitsDecoder extends BaseDecoder {
@@ -12061,8 +12127,8 @@ class PackbitsDecoder extends BaseDecoder {
 }
 
 var packbits = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: PackbitsDecoder
+    __proto__: null,
+    default: PackbitsDecoder
 });
 
 function getDefaultExportFromCjs (x) {
@@ -14516,9 +14582,9 @@ class LercDecoder extends BaseDecoder {
 }
 
 var lerc = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: LercDecoder,
-  zstd: zstd$2
+    __proto__: null,
+    default: LercDecoder,
+    zstd: zstd$2
 });
 
 /**
@@ -14692,9 +14758,9 @@ class ZstdDecoder extends BaseDecoder {
 }
 
 var zstd$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: ZstdDecoder,
-  zstd: zstd
+    __proto__: null,
+    default: ZstdDecoder,
+    zstd: zstd
 });
 
 /**
@@ -14757,12 +14823,13 @@ class WebImageDecoder extends BaseDecoder {
 }
 
 var webimage = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  default: WebImageDecoder
+    __proto__: null,
+    default: WebImageDecoder
 });
 
 exports.CogBitmapLayer = CogBitmapLayer;
 exports.CogTerrainLayer = CogTerrainLayer;
 exports.CogTiles = CogTiles;
 exports.GeoImage = GeoImage;
+exports.suppressGlobalAbortErrors = suppressGlobalAbortErrors;
 //# sourceMappingURL=index.js.map