@mapwhit/tilerenderer 0.52.1 → 1.0.0

package/src/data/bucket.js

@@ -11,43 +11,48 @@
  * properties and the zoom level to populate the attributes needed for
  * data-driven styling.
  *
- * Buckets are designed to be built on a worker thread and then serialized and
- * transferred back to the main thread for rendering.  On the worker side, a
- * bucket's vertex, index, and attribute data is stored in `bucket.arrays:
- * ArrayGroup`.  When a bucket's data is serialized and sent back to the main
- * thread, is gets deserialized (using `new Bucket(serializedBucketData)`, with
- * the array data now stored in `bucket.buffers: BufferGroup`.  BufferGroups
- * hold the same data as ArrayGroups, but are tuned for consumption by WebGL.
+ * Buckets are designed to be built when tile is loaded and then converted (uploaded)
+ * to tune bucket's vertex, index, and attribute data for consumption by WebGL.
  *
  * @private
  */
 
-function deserialize(input, style) {
-  const output = {};
-
+// style may have changed between creating a bucket when tile was loaded and rendering it
+function updateBuckets(buckets, style) {
+  if (!style._changed) {
+    return;
+  }
   // Guard against the case where the map's style has been set to null while
   // this bucket has been parsing.
-  if (!style) return output;
+  if (!style) {
+    for (const bucket of buckets.values()) {
+      bucket.destroy();
+    }
+    buckets.clear();
+    return;
+  }
+
+  const updatedAlready = new Set();
+  for (const [id, bucket] of buckets) {
+    if (updatedAlready.has(id)) {
+      continue;
+    }
+    updatedAlready.add(id);
 
-  for (const bucket of input) {
     const layers = bucket.layerIds.map(id => style.getLayer(id)).filter(Boolean);
 
     if (layers.length === 0) {
+      bucket.destroy();
+      buckets.delete(id);
       continue;
     }
 
-    // look up StyleLayer objects from layer ids (since we don't
-    // want to waste time serializing/copying them from the worker)
+    // swap out the layers in the bucket with the current style layers
     bucket.layers = layers;
-    bucket.stateDependentLayers = layers.filter(l => l.isStateDependent());
-    for (const layer of layers) {
-      output[layer.id] = bucket;
-    }
+    bucket.stateDependentLayers = layers.filter(layer => layer.isStateDependent());
   }
-
-  return output;
 }
 
 module.exports = {
-  deserialize
+  updateBuckets
 };

package/src/data/dem_data.js

@@ -1,7 +1,6 @@
 const { RGBAImage } = require('../util/image');
 
 const warn = require('../util/warn');
-const { register } = require('../util/transfer_registry');
 
 // DEMData is a data structure for decoding, backfilling, and storing elevation data for processing in the hillshade shaders
 // data can be populated either from a pngraw image tile or from serliazed data sent back from a worker. When data is initially
@@ -121,6 +120,4 @@ class DEMData {
   }
 }
 
-register('DEMData', DEMData);
-
 module.exports = DEMData;

package/src/data/feature_index.js

@@ -3,11 +3,8 @@ const EXTENT = require('./extent');
 const featureFilter = require('../style-spec/feature_filter');
 const Grid = require('grid-index');
 const dictionaryCoder = require('../util/dictionary_coder');
-const vt = require('@mapwhit/vector-tile');
-const Protobuf = require('@mapwhit/pbf');
 const GeoJSONFeature = require('../util/vectortile_to_geojson');
 const { arraysIntersect } = require('../util/object');
-const { register } = require('../util/transfer_registry');
 const EvaluationParameters = require('../style/evaluation_parameters');
 const { polygonIntersectsBox } = require('../util/intersection_tests');
 
@@ -37,7 +34,7 @@ class FeatureIndex {
 
   loadVTLayers() {
     if (!this.vtLayers) {
-      this.vtLayers = new vt.VectorTile(new Protobuf(this.rawTileData)).layers;
+      this.vtLayers = this.vectorTile?.layers;
       this.sourceLayerCoder = dictionaryCoder(this.vtLayers ? Object.keys(this.vtLayers) : ['_geojsonTileLayer']);
     }
     return this.vtLayers;
@@ -153,7 +150,7 @@ class FeatureIndex {
         continue;
       }
 
-      const styleLayer = styleLayers[layerID];
+      const styleLayer = styleLayers.get(layerID);
       if (!styleLayer) continue;
 
       const intersectionZ = !intersectionTest || intersectionTest(feature, styleLayer);
@@ -163,7 +160,7 @@ class FeatureIndex {
       }
 
       const geojsonFeature = new GeoJSONFeature(feature, z, x, y);
-      geojsonFeature.layer = styleLayer.serialize();
+      geojsonFeature.layer = styleLayer;
       const layerResult = (result[layerID] ??= []);
       layerResult.push({ featureIndex, feature: geojsonFeature, intersectionZ });
     }
@@ -192,8 +189,6 @@ class FeatureIndex {
   }
 }
 
-register('FeatureIndex', FeatureIndex, { omit: ['rawTileData', 'sourceLayerCoder'] });
-
 module.exports = FeatureIndex;
 
 function getBounds(geometry) {

package/src/data/program_configuration.js

@@ -1,6 +1,5 @@
 const { packUint8ToFloat } = require('../shaders/encode_attribute');
 const { supportsPropertyExpression } = require('@mapwhit/style-expressions');
-const { register } = require('../util/transfer_registry');
 const { PossiblyEvaluatedPropertyValue } = require('../style/properties');
 const {
   StructArrayLayout1f4,
@@ -486,9 +485,9 @@ class ProgramConfiguration {
     const self = new ProgramConfiguration();
     const keys = [];
 
-    for (const property in layer.paint._values) {
+    for (const property in layer._paint._values) {
       if (!filterProperties(property)) continue;
-      const value = layer.paint.get(property);
+      const value = layer._paint.get(property);
       if (
         !(value instanceof PossiblyEvaluatedPropertyValue) ||
         !supportsPropertyExpression(value.property.specification)
@@ -586,7 +585,7 @@ class ProgramConfiguration {
           if (binder instanceof ConstantBinder || binder instanceof CrossFadedConstantBinder) continue;
           if (binder.expression.isStateDependent === true) {
             //AHM: Remove after https://github.com/mapbox/mapbox-gl-js/issues/6255
-            const value = layer.paint.get(property);
+            const value = layer._paint.get(property);
             binder.expression = value.value;
             binder.updatePaintArray(pos.start, pos.end, feature, featureState, options);
             dirty = true;
@@ -777,14 +776,6 @@ function layoutType(property, type, binderType) {
   return layoutException?.[binderType] || defaultLayouts[type][binderType];
 }
 
-register('ConstantBinder', ConstantBinder);
-register('CrossFadedConstantBinder', CrossFadedConstantBinder);
-register('SourceExpressionBinder', SourceExpressionBinder);
-register('CrossFadedCompositeBinder', CrossFadedCompositeBinder);
-register('CompositeExpressionBinder', CompositeExpressionBinder);
-register('ProgramConfiguration', ProgramConfiguration, { omit: ['_buffers'] });
-register('ProgramConfigurationSet', ProgramConfigurationSet);
-
 ProgramConfiguration.ProgramConfigurationSet = ProgramConfigurationSet;
 
 module.exports = ProgramConfiguration;

package/src/data/segment.js

@@ -1,7 +1,5 @@
 const warn = require('../util/warn');
 
-const { register } = require('../util/transfer_registry');
-
 class SegmentVector {
   constructor(segments = []) {
     this.segments = segments;
@@ -58,6 +56,4 @@ class SegmentVector {
  */
 SegmentVector.MAX_VERTEX_ARRAY_LENGTH = 2 ** 16 - 1;
 
-register('SegmentVector', SegmentVector);
-
 module.exports = SegmentVector;

package/src/render/draw_background.js

@@ -6,8 +6,8 @@ const { backgroundUniformValues, backgroundPatternUniformValues } = require('./p
 module.exports = drawBackground;
 
 function drawBackground(painter, sourceCache, layer) {
-  const color = layer.paint.get('background-color');
-  const opacity = layer.paint.get('background-opacity');
+  const color = layer._paint.get('background-color');
+  const opacity = layer._paint.get('background-opacity');
 
   if (opacity === 0) return;
 
@@ -15,7 +15,7 @@ function drawBackground(painter, sourceCache, layer) {
   const gl = context.gl;
   const transform = painter.transform;
   const tileSize = transform.tileSize;
-  const image = layer.paint.get('background-pattern');
+  const image = layer._paint.get('background-pattern');
   if (painter.isPatternMissing(image)) return;
 
   const pass =

package/src/render/draw_circle.js

@@ -8,9 +8,9 @@ module.exports = drawCircles;
 function drawCircles(painter, sourceCache, layer, coords) {
   if (painter.renderPass !== 'translucent') return;
 
-  const opacity = layer.paint.get('circle-opacity');
-  const strokeWidth = layer.paint.get('circle-stroke-width');
-  const strokeOpacity = layer.paint.get('circle-stroke-opacity');
+  const opacity = layer._paint.get('circle-opacity');
+  const strokeWidth = layer._paint.get('circle-stroke-width');
+  const strokeOpacity = layer._paint.get('circle-stroke-opacity');
 
   if (opacity.constantOr(1) === 0 && (strokeWidth.constantOr(1) === 0 || strokeOpacity.constantOr(1) === 0)) {
     return;
@@ -47,7 +47,7 @@ function drawCircles(painter, sourceCache, layer, coords) {
       bucket.layoutVertexBuffer,
       bucket.indexBuffer,
       bucket.segments,
-      layer.paint,
+      layer._paint,
       painter.transform.zoom,
       programConfiguration
     );

package/src/render/draw_fill.js

@@ -11,8 +11,8 @@ const {
 module.exports = drawFill;
 
 function drawFill(painter, sourceCache, layer, coords) {
-  const color = layer.paint.get('fill-color');
-  const opacity = layer.paint.get('fill-opacity');
+  const color = layer._paint.get('fill-color');
+  const opacity = layer._paint.get('fill-opacity');
 
   if (opacity.constantOr(1) === 0) {
     return;
@@ -20,7 +20,7 @@ function drawFill(painter, sourceCache, layer, coords) {
 
   const colorMode = painter.colorModeForRenderPass();
 
-  const pattern = layer.paint.get('fill-pattern');
+  const pattern = layer._paint.get('fill-pattern');
   const pass =
     painter.opaquePassEnabledForLayer() &&
     !pattern.constantOr(1) &&
@@ -39,7 +39,7 @@ function drawFill(painter, sourceCache, layer, coords) {
   }
 
   // Draw stroke
-  if (painter.renderPass === 'translucent' && layer.paint.get('fill-antialias')) {
+  if (painter.renderPass === 'translucent' && layer._paint.get('fill-antialias')) {
     // If we defined a different color for the fill outline, we are
     // going to ignore the bits in 0x07 and just care about the global
     // clipping mask.
@@ -59,7 +59,7 @@ function drawFill(painter, sourceCache, layer, coords) {
 function drawFillTiles(painter, sourceCache, layer, coords, depthMode, colorMode, isOutline) {
   const gl = painter.context.gl;
 
-  const patternProperty = layer.paint.get('fill-pattern');
+  const patternProperty = layer._paint.get('fill-pattern');
   const image = patternProperty?.constantOr(1);
   const crossfade = layer.getCrossfadeParameters();
 
@@ -103,8 +103,8 @@ function drawFillTiles(painter, sourceCache, layer, coords, depthMode, colorMode
     const tileMatrix = painter.translatePosMatrix(
       coord.posMatrix,
       tile,
-      layer.paint.get('fill-translate'),
-      layer.paint.get('fill-translate-anchor')
+      layer._paint.get('fill-translate'),
+      layer._paint.get('fill-translate-anchor')
     );
 
     if (!isOutline) {
@@ -135,7 +135,7 @@ function drawFillTiles(painter, sourceCache, layer, coords, depthMode, colorMode
       bucket.layoutVertexBuffer,
       indexBuffer,
       segments,
-      layer.paint,
+      layer._paint,
       painter.transform.zoom,
       programConfiguration
     );

package/src/render/draw_fill_extrusion.js

@@ -7,7 +7,7 @@ const { fillExtrusionUniformValues, fillExtrusionPatternUniformValues } = requir
 module.exports = draw;
 
 function draw(painter, source, layer, coords) {
-  const opacity = layer.paint.get('fill-extrusion-opacity');
+  const opacity = layer._paint.get('fill-extrusion-opacity');
   if (opacity === 0) {
     return;
   }
@@ -15,7 +15,7 @@ function draw(painter, source, layer, coords) {
   if (painter.renderPass === 'translucent') {
     const depthMode = new DepthMode(painter.context.gl.LEQUAL, DepthMode.ReadWrite, painter.depthRangeFor3D);
 
-    if (opacity === 1 && !layer.paint.get('fill-extrusion-pattern').constantOr(1)) {
+    if (opacity === 1 && !layer._paint.get('fill-extrusion-pattern').constantOr(1)) {
       const colorMode = painter.colorModeForRenderPass();
       drawExtrusionTiles(painter, source, layer, coords, depthMode, StencilMode.disabled, colorMode);
     } else {
@@ -43,10 +43,10 @@ function drawExtrusionTiles(painter, source, layer, coords, depthMode, stencilMo
   const context = painter.context;
   const gl = context.gl;
 
-  const patternProperty = layer.paint.get('fill-extrusion-pattern');
+  const patternProperty = layer._paint.get('fill-extrusion-pattern');
   const image = patternProperty.constantOr(1);
   const crossfade = layer.getCrossfadeParameters();
-  const opacity = layer.paint.get('fill-extrusion-opacity');
+  const opacity = layer._paint.get('fill-extrusion-opacity');
 
   for (const coord of coords) {
     const tile = source.getTile(coord);
@@ -72,11 +72,11 @@ function drawExtrusionTiles(painter, source, layer, coords, depthMode, stencilMo
     const matrix = painter.translatePosMatrix(
       coord.posMatrix,
       tile,
-      layer.paint.get('fill-extrusion-translate'),
-      layer.paint.get('fill-extrusion-translate-anchor')
+      layer._paint.get('fill-extrusion-translate'),
+      layer._paint.get('fill-extrusion-translate-anchor')
     );
 
-    const shouldUseVerticalGradient = layer.paint.get('fill-extrusion-vertical-gradient');
+    const shouldUseVerticalGradient = layer._paint.get('fill-extrusion-vertical-gradient');
     const uniformValues = image
       ? fillExtrusionPatternUniformValues(matrix, painter, shouldUseVerticalGradient, opacity, coord, crossfade, tile)
       : fillExtrusionUniformValues(matrix, painter, shouldUseVerticalGradient, opacity);
@@ -93,7 +93,7 @@ function drawExtrusionTiles(painter, source, layer, coords, depthMode, stencilMo
       bucket.layoutVertexBuffer,
       bucket.indexBuffer,
       bucket.segments,
-      layer.paint,
+      layer._paint,
       painter.transform.zoom,
       programConfiguration
     );

package/src/render/draw_heatmap.js

@@ -9,7 +9,7 @@ const { heatmapUniformValues, heatmapTextureUniformValues } = require('./program
 module.exports = drawHeatmap;
 
 function drawHeatmap(painter, sourceCache, layer, coords) {
-  if (layer.paint.get('heatmap-opacity') === 0) {
+  if (layer._paint.get('heatmap-opacity') === 0) {
     return;
   }
 
@@ -51,12 +51,12 @@ function drawHeatmap(painter, sourceCache, layer, coords) {
         stencilMode,
         colorMode,
         CullFaceMode.disabled,
-        heatmapUniformValues(coord.posMatrix, tile, zoom, layer.paint.get('heatmap-intensity')),
+        heatmapUniformValues(coord.posMatrix, tile, zoom, layer._paint.get('heatmap-intensity')),
         layer.id,
         bucket.layoutVertexBuffer,
         bucket.indexBuffer,
         bucket.segments,
-        layer.paint,
+        layer._paint,
         painter.transform.zoom,
         programConfiguration
       );
@@ -153,7 +153,7 @@ function renderTextureToMap(painter, layer) {
       painter.viewportBuffer,
       painter.quadTriangleIndexBuffer,
       painter.viewportSegments,
-      layer.paint,
+      layer._paint,
       painter.transform.zoom
     );
 }

package/src/render/draw_line.js

@@ -11,17 +11,17 @@ const {
 module.exports = function drawLine(painter, sourceCache, layer, coords) {
   if (painter.renderPass !== 'translucent') return;
 
-  const opacity = layer.paint.get('line-opacity');
-  const width = layer.paint.get('line-width');
+  const opacity = layer._paint.get('line-opacity');
+  const width = layer._paint.get('line-width');
   if (opacity.constantOr(1) === 0 || width.constantOr(1) === 0) return;
 
   const depthMode = painter.depthModeForSublayer(0, DepthMode.ReadOnly);
   const colorMode = painter.colorModeForRenderPass();
 
-  const dasharray = layer.paint.get('line-dasharray');
-  const patternProperty = layer.paint.get('line-pattern');
+  const dasharray = layer._paint.get('line-dasharray');
+  const patternProperty = layer._paint.get('line-pattern');
   const image = patternProperty.constantOr(1);
-  const gradient = layer.paint.get('line-gradient');
+  const gradient = layer._paint.get('line-gradient');
   const crossfade = layer.getCrossfadeParameters();
 
   const programId = dasharray ? 'lineSDF' : image ? 'linePattern' : gradient ? 'lineGradient' : 'line';
@@ -88,7 +88,7 @@ module.exports = function drawLine(painter, sourceCache, layer, coords) {
       bucket.layoutVertexBuffer,
       bucket.indexBuffer,
       bucket.segments,
-      layer.paint,
+      layer._paint,
       painter.transform.zoom,
       programConfiguration
     );

package/src/render/draw_raster.js

@@ -11,7 +11,7 @@ module.exports = drawRaster;
 
 function drawRaster(painter, sourceCache, layer, coords) {
   if (painter.renderPass !== 'translucent') return;
-  if (layer.paint.get('raster-opacity') === 0) return;
+  if (layer._paint.get('raster-opacity') === 0) return;
 
   const context = painter.context;
   const gl = context.gl;
@@ -27,14 +27,14 @@ function drawRaster(painter, sourceCache, layer, coords) {
     // Use gl.LESS to prevent double drawing in areas where tiles overlap.
     const depthMode = painter.depthModeForSublayer(
       coord.overscaledZ - minTileZ,
-      layer.paint.get('raster-opacity') === 1 ? DepthMode.ReadWrite : DepthMode.ReadOnly,
+      layer._paint.get('raster-opacity') === 1 ? DepthMode.ReadWrite : DepthMode.ReadOnly,
       gl.LESS
     );
 
     const tile = sourceCache.getTile(coord);
     const posMatrix = painter.transform.calculatePosMatrix(coord.toUnwrapped(), align);
 
-    tile.registerFadeDuration(layer.paint.get('raster-fade-duration'));
+    tile.registerFadeDuration(layer._paint.get('raster-fade-duration'));
 
     const parentTile = sourceCache.findLoadedParent(coord, 0);
     const fade = getFadeValues(tile, parentTile, sourceCache, layer, painter.transform);
@@ -42,7 +42,7 @@ function drawRaster(painter, sourceCache, layer, coords) {
     let parentScaleBy;
     let parentTL;
 
-    const textureFilter = layer.paint.get('raster-resampling') === 'nearest' ? gl.NEAREST : gl.LINEAR;
+    const textureFilter = layer._paint.get('raster-resampling') === 'nearest' ? gl.NEAREST : gl.LINEAR;
 
     context.activeTexture.set(gl.TEXTURE0);
     tile.texture.bind(textureFilter, gl.CLAMP_TO_EDGE, gl.LINEAR_MIPMAP_NEAREST);
@@ -86,7 +86,7 @@ function drawRaster(painter, sourceCache, layer, coords) {
         tile.maskedBoundsBuffer,
         tile.maskedIndexBuffer,
         tile.segments,
-        layer.paint,
+        layer._paint,
         painter.transform.zoom
       );
     } else {
@@ -108,7 +108,7 @@ function drawRaster(painter, sourceCache, layer, coords) {
 }
 
 function getFadeValues(tile, parentTile, sourceCache, layer, transform) {
-  const fadeDuration = layer.paint.get('raster-fade-duration');
+  const fadeDuration = layer._paint.get('raster-fade-duration');
 
   if (fadeDuration > 0) {
     const now = browser.now();

package/src/render/draw_symbol.js

@@ -21,35 +21,35 @@ function drawSymbols(painter, sourceCache, layer, coords) {
   const stencilMode = StencilMode.disabled;
   const colorMode = painter.colorModeForRenderPass();
 
-  if (layer.paint.get('icon-opacity').constantOr(1) !== 0) {
+  if (layer._paint.get('icon-opacity').constantOr(1) !== 0) {
     drawLayerSymbols(
       painter,
       sourceCache,
       layer,
       coords,
       false,
-      layer.paint.get('icon-translate'),
-      layer.paint.get('icon-translate-anchor'),
-      layer.layout.get('icon-rotation-alignment'),
-      layer.layout.get('icon-pitch-alignment'),
-      layer.layout.get('icon-keep-upright'),
+      layer._paint.get('icon-translate'),
+      layer._paint.get('icon-translate-anchor'),
+      layer._layout.get('icon-rotation-alignment'),
+      layer._layout.get('icon-pitch-alignment'),
+      layer._layout.get('icon-keep-upright'),
       stencilMode,
       colorMode
     );
   }
 
-  if (layer.paint.get('text-opacity').constantOr(1) !== 0) {
+  if (layer._paint.get('text-opacity').constantOr(1) !== 0) {
     drawLayerSymbols(
       painter,
       sourceCache,
       layer,
       coords,
       true,
-      layer.paint.get('text-translate'),
-      layer.paint.get('text-translate-anchor'),
-      layer.layout.get('text-rotation-alignment'),
-      layer.layout.get('text-pitch-alignment'),
-      layer.layout.get('text-keep-upright'),
+      layer._paint.get('text-translate'),
+      layer._paint.get('text-translate-anchor'),
+      layer._layout.get('text-rotation-alignment'),
+      layer._layout.get('text-pitch-alignment'),
+      layer._layout.get('text-keep-upright'),
       stencilMode,
       colorMode
     );
@@ -80,7 +80,7 @@ function drawLayerSymbols(
 
   const rotateWithMap = rotationAlignment === 'map';
   const pitchWithMap = pitchAlignment === 'map';
-  const alongLine = rotateWithMap && layer.layout.get('symbol-placement') !== 'point';
+  const alongLine = rotateWithMap && layer._layout.get('symbol-placement') !== 'point';
   // Line label rotation happens in `updateLineLabels`
   // Pitched point labels are automatically rotated by the labelPlaneMatrix projection
   // Unpitched point labels need to have their rotation applied after projection
@@ -119,7 +119,7 @@ function drawLayerSymbols(
       tile.glyphAtlasTexture.bind(gl.LINEAR, gl.CLAMP_TO_EDGE);
       texSize = tile.glyphAtlasTexture.size;
     } else {
-      const iconScaled = layer.layout.get('icon-size').constantOr(0) !== 1 || bucket.iconsNeedLinear;
+      const iconScaled = layer._layout.get('icon-size').constantOr(0) !== 1 || bucket.iconsNeedLinear;
       const iconTransformed = pitchWithMap || tr.pitch !== 0;
 
       tile.imageAtlasTexture.bind(
@@ -167,7 +167,7 @@ function drawLayerSymbols(
 
     let uniformValues;
     if (isSDF) {
-      const hasHalo = layer.paint.get(isText ? 'text-halo-width' : 'icon-halo-width').constantOr(1) !== 0;
+      const hasHalo = layer._paint.get(isText ? 'text-halo-width' : 'icon-halo-width').constantOr(1) !== 0;
 
       uniformValues = symbolSDFUniformValues(
         sizeData.functionType,
@@ -222,7 +222,7 @@ function drawSymbolElements(buffers, layer, painter, program, depthMode, stencil
     buffers.layoutVertexBuffer,
     buffers.indexBuffer,
     buffers.segments,
-    layer.paint,
+    layer._paint,
     painter.transform.zoom,
     buffers.programConfigurations.get(layer.id),
     buffers.dynamicLayoutVertexBuffer,

package/src/render/glyph_atlas.js

@@ -1,5 +1,4 @@
 const { AlphaImage } = require('../util/image');
-const { register } = require('../util/transfer_registry');
 const { default: potpack } = require('potpack');
 
 const padding = 1;
@@ -47,6 +46,4 @@ class GlyphAtlas {
   }
 }
 
-register('GlyphAtlas', GlyphAtlas);
-
 module.exports = GlyphAtlas;

package/src/render/glyph_manager.js

@@ -8,8 +8,7 @@ class GlyphManager {
   async loadGlyphRange(stack, range) {
     this.#cache[stack] ??= {};
     const promise = (this.#cache[stack][range] ??= this.loader(stack, range));
-    const response = await promise;
-    return response.slice();
+    return await promise;
   }
 }
 

package/src/render/image_atlas.js

@@ -1,5 +1,4 @@
 const { RGBAImage } = require('../util/image');
-const { register } = require('../util/transfer_registry');
 const { default: potpack } = require('potpack');
 
 const padding = 1;
@@ -89,6 +88,3 @@ class ImageAtlas {
 
 ImageAtlas.ImagePosition = ImagePosition;
 module.exports = ImageAtlas;
-
-register('ImagePosition', ImagePosition);
-register('ImageAtlas', ImageAtlas);