@mapwhit/tilerenderer 0.52.1 → 1.1.0

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@mapwhit/tilerenderer",
   "description": "A WebGL interactive maps library",
-  "version": "0.52.1",
+  "version": "1.1.0",
+  "type": "module",
   "exports": {
     ".": "./src/index.js",
     "./worker": "./src/worker.js"
@@ -17,13 +18,13 @@
     "@mapbox/unitbezier": "^0.0.1",
     "@mapbox/whoots-js": "^3.0.0",
     "@mapwhit/events": "^0.0.1",
-    "@mapwhit/geojson-rewind": "^1.0.0",
+    "@mapwhit/geojson-rewind": "^2.0.0",
     "@mapwhit/pbf": "^1.0.0",
     "@mapwhit/style-expressions": "^1.1.0",
     "@mapwhit/vector-tile": "^2.0.1",
-    "@mapwhit/vt-pbf": "^2.0.0",
     "@pirxpilot/nanoassert": "~1",
     "csscolorparser": "^1.0.3",
+    "dynload": "^1.0.2",
     "earcut": "^3.0.1",
     "geojson-vt": "^4.0.2",
     "grid-index": "^1.1.0",
@@ -39,7 +40,7 @@
   },
   "scripts": {
     "test": "make check",
-    "prepublish": "make prebuild"
+    "prepare": "make prebuild"
   },
   "files": [
     "src",

package/src/data/array_types.js

@@ -1,9 +1,8 @@
 // This file is generated. Edit the template at meta/bin/generate-struct-arrays.js.ejs and instead.
 
-const assert = require('assert');
-const { Struct, StructArray } = require('../util/struct_array');
-const { register } = require('../util/transfer_registry');
-const { default: Point } = require('@mapbox/point-geometry');
+import assert from 'assert';
+
+import { Struct, StructArray } from '../util/struct_array.js';
 
 /**
  * Implementation of the StructArray layout:
@@ -11,7 +10,7 @@ const { default: Point } = require('@mapbox/point-geometry');
  *
  * @private
  */
-class StructArrayLayout2i4 extends StructArray {
+export class StructArrayLayout2i4 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -35,7 +34,6 @@ class StructArrayLayout2i4 extends StructArray {
 }
 
 StructArrayLayout2i4.prototype.bytesPerElement = 4;
-register('StructArrayLayout2i4', StructArrayLayout2i4);
 
 /**
  * Implementation of the StructArray layout:
@@ -43,7 +41,7 @@ register('StructArrayLayout2i4', StructArrayLayout2i4);
  *
  * @private
  */
-class StructArrayLayout4i8 extends StructArray {
+export class StructArrayLayout4i8 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -71,7 +69,6 @@ class StructArrayLayout4i8 extends StructArray {
 }
 
 StructArrayLayout4i8.prototype.bytesPerElement = 8;
-register('StructArrayLayout4i8', StructArrayLayout4i8);
 
 /**
  * Implementation of the StructArray layout:
@@ -80,7 +77,7 @@ register('StructArrayLayout4i8', StructArrayLayout4i8);
  *
  * @private
  */
-class StructArrayLayout2i4i12 extends StructArray {
+export class StructArrayLayout2i4i12 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -112,7 +109,6 @@ class StructArrayLayout2i4i12 extends StructArray {
 }
 
 StructArrayLayout2i4i12.prototype.bytesPerElement = 12;
-register('StructArrayLayout2i4i12', StructArrayLayout2i4i12);
 
 /**
  * Implementation of the StructArray layout:
@@ -121,7 +117,7 @@ register('StructArrayLayout2i4i12', StructArrayLayout2i4i12);
  *
  * @private
  */
-class StructArrayLayout4i4ub12 extends StructArray {
+export class StructArrayLayout4i4ub12 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -159,7 +155,6 @@ class StructArrayLayout4i4ub12 extends StructArray {
 }
 
 StructArrayLayout4i4ub12.prototype.bytesPerElement = 12;
-register('StructArrayLayout4i4ub12', StructArrayLayout4i4ub12);
 
 /**
  * Implementation of the StructArray layout:
@@ -167,7 +162,7 @@ register('StructArrayLayout4i4ub12', StructArrayLayout4i4ub12);
  *
  * @private
  */
-class StructArrayLayout8ui16 extends StructArray {
+export class StructArrayLayout8ui16 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint16 = new Uint16Array(this.arrayBuffer);
@@ -203,7 +198,6 @@ class StructArrayLayout8ui16 extends StructArray {
 }
 
 StructArrayLayout8ui16.prototype.bytesPerElement = 16;
-register('StructArrayLayout8ui16', StructArrayLayout8ui16);
 
 /**
  * Implementation of the StructArray layout:
@@ -212,7 +206,7 @@ register('StructArrayLayout8ui16', StructArrayLayout8ui16);
  *
  * @private
  */
-class StructArrayLayout4i4ui16 extends StructArray {
+export class StructArrayLayout4i4ui16 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -249,7 +243,6 @@ class StructArrayLayout4i4ui16 extends StructArray {
 }
 
 StructArrayLayout4i4ui16.prototype.bytesPerElement = 16;
-register('StructArrayLayout4i4ui16', StructArrayLayout4i4ui16);
 
 /**
  * Implementation of the StructArray layout:
@@ -257,7 +250,7 @@ register('StructArrayLayout4i4ui16', StructArrayLayout4i4ui16);
  *
  * @private
  */
-class StructArrayLayout3f12 extends StructArray {
+export class StructArrayLayout3f12 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.float32 = new Float32Array(this.arrayBuffer);
@@ -283,7 +276,6 @@ class StructArrayLayout3f12 extends StructArray {
 }
 
 StructArrayLayout3f12.prototype.bytesPerElement = 12;
-register('StructArrayLayout3f12', StructArrayLayout3f12);
 
 /**
  * Implementation of the StructArray layout:
@@ -291,7 +283,7 @@ register('StructArrayLayout3f12', StructArrayLayout3f12);
  *
  * @private
  */
-class StructArrayLayout1ul4 extends StructArray {
+export class StructArrayLayout1ul4 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint32 = new Uint32Array(this.arrayBuffer);
@@ -313,7 +305,6 @@ class StructArrayLayout1ul4 extends StructArray {
 }
 
 StructArrayLayout1ul4.prototype.bytesPerElement = 4;
-register('StructArrayLayout1ul4', StructArrayLayout1ul4);
 
 /**
  * Implementation of the StructArray layout:
@@ -324,7 +315,7 @@ register('StructArrayLayout1ul4', StructArrayLayout1ul4);
  *
  * @private
  */
-class StructArrayLayout6i1ul2ui2i24 extends StructArray {
+export class StructArrayLayout6i1ul2ui2i24 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -370,7 +361,6 @@ class StructArrayLayout6i1ul2ui2i24 extends StructArray {
 }
 
 StructArrayLayout6i1ul2ui2i24.prototype.bytesPerElement = 24;
-register('StructArrayLayout6i1ul2ui2i24', StructArrayLayout6i1ul2ui2i24);
 
 /**
  * Implementation of the StructArray layout:
@@ -380,7 +370,7 @@ register('StructArrayLayout6i1ul2ui2i24', StructArrayLayout6i1ul2ui2i24);
  *
  * @private
  */
-class StructArrayLayout2i2i2i12 extends StructArray {
+export class StructArrayLayout2i2i2i12 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -412,7 +402,6 @@ class StructArrayLayout2i2i2i12 extends StructArray {
 }
 
 StructArrayLayout2i2i2i12.prototype.bytesPerElement = 12;
-register('StructArrayLayout2i2i2i12', StructArrayLayout2i2i2i12);
 
 /**
  * Implementation of the StructArray layout:
@@ -420,7 +409,7 @@ register('StructArrayLayout2i2i2i12', StructArrayLayout2i2i2i12);
  *
  * @private
  */
-class StructArrayLayout2ub4 extends StructArray {
+export class StructArrayLayout2ub4 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
   }
@@ -443,7 +432,6 @@ class StructArrayLayout2ub4 extends StructArray {
 }
 
 StructArrayLayout2ub4.prototype.bytesPerElement = 4;
-register('StructArrayLayout2ub4', StructArrayLayout2ub4);
 
 /**
  * Implementation of the StructArray layout:
@@ -456,7 +444,7 @@ register('StructArrayLayout2ub4', StructArrayLayout2ub4);
  *
  * @private
  */
-class StructArrayLayout2i2ui3ul3ui2f2ub40 extends StructArray {
+export class StructArrayLayout2i2ui3ul3ui2f2ub40 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -511,7 +499,6 @@ class StructArrayLayout2i2ui3ul3ui2f2ub40 extends StructArray {
 }
 
 StructArrayLayout2i2ui3ul3ui2f2ub40.prototype.bytesPerElement = 40;
-register('StructArrayLayout2i2ui3ul3ui2f2ub40', StructArrayLayout2i2ui3ul3ui2f2ub40);
 
 /**
  * Implementation of the StructArray layout:
@@ -521,7 +508,7 @@ register('StructArrayLayout2i2ui3ul3ui2f2ub40', StructArrayLayout2i2ui3ul3ui2f2u
  *
  * @private
  */
-class StructArrayLayout4i9ui1ul32 extends StructArray {
+export class StructArrayLayout4i9ui1ul32 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -573,7 +560,6 @@ class StructArrayLayout4i9ui1ul32 extends StructArray {
 }
 
 StructArrayLayout4i9ui1ul32.prototype.bytesPerElement = 32;
-register('StructArrayLayout4i9ui1ul32', StructArrayLayout4i9ui1ul32);
 
 /**
  * Implementation of the StructArray layout:
@@ -581,7 +567,7 @@ register('StructArrayLayout4i9ui1ul32', StructArrayLayout4i9ui1ul32);
  *
  * @private
  */
-class StructArrayLayout1f4 extends StructArray {
+export class StructArrayLayout1f4 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.float32 = new Float32Array(this.arrayBuffer);
@@ -603,7 +589,6 @@ class StructArrayLayout1f4 extends StructArray {
 }
 
 StructArrayLayout1f4.prototype.bytesPerElement = 4;
-register('StructArrayLayout1f4', StructArrayLayout1f4);
 
 /**
  * Implementation of the StructArray layout:
@@ -611,7 +596,7 @@ register('StructArrayLayout1f4', StructArrayLayout1f4);
  *
  * @private
  */
-class StructArrayLayout3i6 extends StructArray {
+export class StructArrayLayout3i6 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.int16 = new Int16Array(this.arrayBuffer);
@@ -637,7 +622,6 @@ class StructArrayLayout3i6 extends StructArray {
 }
 
 StructArrayLayout3i6.prototype.bytesPerElement = 6;
-register('StructArrayLayout3i6', StructArrayLayout3i6);
 
 /**
  * Implementation of the StructArray layout:
@@ -646,7 +630,7 @@ register('StructArrayLayout3i6', StructArrayLayout3i6);
  *
  * @private
  */
-class StructArrayLayout1ul2ui8 extends StructArray {
+export class StructArrayLayout1ul2ui8 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint32 = new Uint32Array(this.arrayBuffer);
@@ -675,7 +659,6 @@ class StructArrayLayout1ul2ui8 extends StructArray {
 }
 
 StructArrayLayout1ul2ui8.prototype.bytesPerElement = 8;
-register('StructArrayLayout1ul2ui8', StructArrayLayout1ul2ui8);
 
 /**
  * Implementation of the StructArray layout:
@@ -683,7 +666,7 @@ register('StructArrayLayout1ul2ui8', StructArrayLayout1ul2ui8);
  *
  * @private
  */
-class StructArrayLayout3ui6 extends StructArray {
+export class StructArrayLayout3ui6 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint16 = new Uint16Array(this.arrayBuffer);
@@ -709,7 +692,6 @@ class StructArrayLayout3ui6 extends StructArray {
 }
 
 StructArrayLayout3ui6.prototype.bytesPerElement = 6;
-register('StructArrayLayout3ui6', StructArrayLayout3ui6);
 
 /**
  * Implementation of the StructArray layout:
@@ -717,7 +699,7 @@ register('StructArrayLayout3ui6', StructArrayLayout3ui6);
  *
  * @private
  */
-class StructArrayLayout2ui4 extends StructArray {
+export class StructArrayLayout2ui4 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint16 = new Uint16Array(this.arrayBuffer);
@@ -741,7 +723,6 @@ class StructArrayLayout2ui4 extends StructArray {
 }
 
 StructArrayLayout2ui4.prototype.bytesPerElement = 4;
-register('StructArrayLayout2ui4', StructArrayLayout2ui4);
 
 /**
  * Implementation of the StructArray layout:
@@ -749,7 +730,7 @@ register('StructArrayLayout2ui4', StructArrayLayout2ui4);
  *
  * @private
  */
-class StructArrayLayout1ui2 extends StructArray {
+export class StructArrayLayout1ui2 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.uint16 = new Uint16Array(this.arrayBuffer);
@@ -771,7 +752,6 @@ class StructArrayLayout1ui2 extends StructArray {
 }
 
 StructArrayLayout1ui2.prototype.bytesPerElement = 2;
-register('StructArrayLayout1ui2', StructArrayLayout1ui2);
 
 /**
  * Implementation of the StructArray layout:
@@ -779,7 +759,7 @@ register('StructArrayLayout1ui2', StructArrayLayout1ui2);
  *
  * @private
  */
-class StructArrayLayout2f8 extends StructArray {
+export class StructArrayLayout2f8 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.float32 = new Float32Array(this.arrayBuffer);
@@ -803,7 +783,6 @@ class StructArrayLayout2f8 extends StructArray {
 }
 
 StructArrayLayout2f8.prototype.bytesPerElement = 8;
-register('StructArrayLayout2f8', StructArrayLayout2f8);
 
 /**
  * Implementation of the StructArray layout:
@@ -811,7 +790,7 @@ register('StructArrayLayout2f8', StructArrayLayout2f8);
  *
  * @private
  */
-class StructArrayLayout4f16 extends StructArray {
+export class StructArrayLayout4f16 extends StructArray {
   _refreshViews() {
     this.uint8 = new Uint8Array(this.arrayBuffer);
     this.float32 = new Float32Array(this.arrayBuffer);
@@ -839,9 +818,8 @@ class StructArrayLayout4f16 extends StructArray {
 }
 
 StructArrayLayout4f16.prototype.bytesPerElement = 16;
-register('StructArrayLayout4f16', StructArrayLayout4f16);
 
-class CollisionBoxStruct extends Struct {
+export class CollisionBoxStruct extends Struct {
   get anchorPointX() {
     return this._structArray.int16[this._pos2 + 0];
   }
@@ -909,7 +887,7 @@ class CollisionBoxStruct extends Struct {
     this._structArray.int16[this._pos2 + 11] = x;
   }
   get anchorPoint() {
-    return new Point(this.anchorPointX, this.anchorPointY);
+    return { x: this.anchorPointX, y: this.anchorPointY };
   }
 }
 
@@ -918,7 +896,7 @@ CollisionBoxStruct.prototype.size = 24;
 /**
  * @private
  */
-class CollisionBoxArray extends StructArrayLayout6i1ul2ui2i24 {
+export class CollisionBoxArray extends StructArrayLayout6i1ul2ui2i24 {
   /**
    * Return the CollisionBoxStruct at the given location in the array.
    * @param {number} index The index of the element.
@@ -929,9 +907,7 @@ class CollisionBoxArray extends StructArrayLayout6i1ul2ui2i24 {
   }
 }
 
-register('CollisionBoxArray', CollisionBoxArray);
-
-class PlacedSymbolStruct extends Struct {
+export class PlacedSymbolStruct extends Struct {
   get anchorX() {
     return this._structArray.int16[this._pos2 + 0];
   }
@@ -1023,7 +999,7 @@ PlacedSymbolStruct.prototype.size = 40;
 /**
  * @private
  */
-class PlacedSymbolArray extends StructArrayLayout2i2ui3ul3ui2f2ub40 {
+export class PlacedSymbolArray extends StructArrayLayout2i2ui3ul3ui2f2ub40 {
   /**
    * Return the PlacedSymbolStruct at the given location in the array.
    * @param {number} index The index of the element.
@@ -1034,9 +1010,7 @@ class PlacedSymbolArray extends StructArrayLayout2i2ui3ul3ui2f2ub40 {
   }
 }
 
-register('PlacedSymbolArray', PlacedSymbolArray);
-
-class SymbolInstanceStruct extends Struct {
+export class SymbolInstanceStruct extends Struct {
   get anchorX() {
     return this._structArray.int16[this._pos2 + 0];
   }
@@ -1128,7 +1102,7 @@ SymbolInstanceStruct.prototype.size = 32;
 /**
  * @private
  */
-class SymbolInstanceArray extends StructArrayLayout4i9ui1ul32 {
+export class SymbolInstanceArray extends StructArrayLayout4i9ui1ul32 {
   /**
    * Return the SymbolInstanceStruct at the given location in the array.
    * @param {number} index The index of the element.
@@ -1139,9 +1113,7 @@ class SymbolInstanceArray extends StructArrayLayout4i9ui1ul32 {
   }
 }
 
-register('SymbolInstanceArray', SymbolInstanceArray);
-
-class GlyphOffsetStruct extends Struct {
+export class GlyphOffsetStruct extends Struct {
   get offsetX() {
     return this._structArray.float32[this._pos4 + 0];
   }
@@ -1155,7 +1127,7 @@ GlyphOffsetStruct.prototype.size = 4;
 /**
  * @private
  */
-class GlyphOffsetArray extends StructArrayLayout1f4 {
+export class GlyphOffsetArray extends StructArrayLayout1f4 {
   getoffsetX(index) {
     return this.float32[index * 1 + 0];
   }
@@ -1169,9 +1141,7 @@ class GlyphOffsetArray extends StructArrayLayout1f4 {
   }
 }
 
-register('GlyphOffsetArray', GlyphOffsetArray);
-
-class SymbolLineVertexStruct extends Struct {
+export class SymbolLineVertexStruct extends Struct {
   get x() {
     return this._structArray.int16[this._pos2 + 0];
   }
@@ -1197,7 +1167,7 @@ SymbolLineVertexStruct.prototype.size = 6;
 /**
  * @private
  */
-class SymbolLineVertexArray extends StructArrayLayout3i6 {
+export class SymbolLineVertexArray extends StructArrayLayout3i6 {
   getx(index) {
     return this.int16[index * 3 + 0];
   }
@@ -1217,9 +1187,7 @@ class SymbolLineVertexArray extends StructArrayLayout3i6 {
   }
 }
 
-register('SymbolLineVertexArray', SymbolLineVertexArray);
-
-class FeatureIndexStruct extends Struct {
+export class FeatureIndexStruct extends Struct {
   get featureIndex() {
     return this._structArray.uint32[this._pos4 + 0];
   }
@@ -1245,7 +1213,7 @@ FeatureIndexStruct.prototype.size = 8;
 /**
  * @private
  */
-class FeatureIndexArray extends StructArrayLayout1ul2ui8 {
+export class FeatureIndexArray extends StructArrayLayout1ul2ui8 {
   /**
    * Return the FeatureIndexStruct at the given location in the array.
    * @param {number} index The index of the element.
@@ -1256,52 +1224,22 @@ class FeatureIndexArray extends StructArrayLayout1ul2ui8 {
   }
 }
 
-register('FeatureIndexArray', FeatureIndexArray);
-
-module.exports = {
-  StructArrayLayout2i4,
-  StructArrayLayout4i8,
-  StructArrayLayout2i4i12,
-  StructArrayLayout4i4ub12,
-  StructArrayLayout8ui16,
-  StructArrayLayout4i4ui16,
-  StructArrayLayout3f12,
-  StructArrayLayout1ul4,
-  StructArrayLayout6i1ul2ui2i24,
-  StructArrayLayout2i2i2i12,
-  StructArrayLayout2ub4,
-  StructArrayLayout2i2ui3ul3ui2f2ub40,
-  StructArrayLayout4i9ui1ul32,
-  StructArrayLayout1f4,
-  StructArrayLayout3i6,
-  StructArrayLayout1ul2ui8,
-  StructArrayLayout3ui6,
-  StructArrayLayout2ui4,
-  StructArrayLayout1ui2,
-  StructArrayLayout2f8,
-  StructArrayLayout4f16,
-  PosArray: StructArrayLayout2i4,
-  RasterBoundsArray: StructArrayLayout4i8,
-  CircleLayoutArray: StructArrayLayout2i4,
-  FillLayoutArray: StructArrayLayout2i4,
-  FillExtrusionLayoutArray: StructArrayLayout2i4i12,
-  HeatmapLayoutArray: StructArrayLayout2i4,
-  LineLayoutArray: StructArrayLayout4i4ub12,
-  PatternLayoutArray: StructArrayLayout8ui16,
-  SymbolLayoutArray: StructArrayLayout4i4ui16,
-  SymbolDynamicLayoutArray: StructArrayLayout3f12,
-  SymbolOpacityArray: StructArrayLayout1ul4,
-  CollisionBoxLayoutArray: StructArrayLayout2i2i2i12,
-  CollisionCircleLayoutArray: StructArrayLayout2i2i2i12,
-  CollisionVertexArray: StructArrayLayout2ub4,
-  TriangleIndexArray: StructArrayLayout3ui6,
-  LineIndexArray: StructArrayLayout2ui4,
-  LineStripIndexArray: StructArrayLayout1ui2,
-
-  CollisionBoxArray,
-  FeatureIndexArray,
-  GlyphOffsetArray,
-  PlacedSymbolArray,
-  SymbolInstanceArray,
-  SymbolLineVertexArray
+export {
+  StructArrayLayout2i4 as PosArray,
+  StructArrayLayout4i8 as RasterBoundsArray,
+  StructArrayLayout2i4 as CircleLayoutArray,
+  StructArrayLayout2i4 as FillLayoutArray,
+  StructArrayLayout2i4i12 as FillExtrusionLayoutArray,
+  StructArrayLayout2i4 as HeatmapLayoutArray,
+  StructArrayLayout4i4ub12 as LineLayoutArray,
+  StructArrayLayout8ui16 as PatternLayoutArray,
+  StructArrayLayout4i4ui16 as SymbolLayoutArray,
+  StructArrayLayout3f12 as SymbolDynamicLayoutArray,
+  StructArrayLayout1ul4 as SymbolOpacityArray,
+  StructArrayLayout2i2i2i12 as CollisionBoxLayoutArray,
+  StructArrayLayout2i2i2i12 as CollisionCircleLayoutArray,
+  StructArrayLayout2ub4 as CollisionVertexArray,
+  StructArrayLayout3ui6 as TriangleIndexArray,
+  StructArrayLayout2ui4 as LineIndexArray,
+  StructArrayLayout1ui2 as LineStripIndexArray
 };

package/src/data/bucket/circle_attributes.js

@@ -1,5 +1,3 @@
-const { createLayout } = require('../../util/struct_array');
+import { createLayout } from '../../util/struct_array.js';
 
-const layout = createLayout([{ name: 'a_pos', components: 2, type: 'Int16' }], 4);
-
-module.exports = layout;
+export default createLayout([{ name: 'a_pos', components: 2, type: 'Int16' }], 4);

package/src/data/bucket/circle_bucket.js

@@ -1,13 +1,13 @@
-const { CircleLayoutArray } = require('../array_types');
+import EvaluationParameters from '../../style/evaluation_parameters.js';
+import { CircleLayoutArray } from '../array_types.js';
+import EXTENT from '../extent.js';
+import { TriangleIndexArray } from '../index_array_type.js';
+import loadGeometry from '../load_geometry.js';
+import { ProgramConfigurationSet } from '../program_configuration.js';
+import SegmentVector from '../segment.js';
+import layout from './circle_attributes.js';
 
-const { members: layoutAttributes } = require('./circle_attributes');
-const SegmentVector = require('../segment');
-const { ProgramConfigurationSet } = require('../program_configuration');
-const { TriangleIndexArray } = require('../index_array_type');
-const loadGeometry = require('../load_geometry');
-const EXTENT = require('../extent');
-const { register } = require('../../util/transfer_registry');
-const EvaluationParameters = require('../../style/evaluation_parameters');
+const layoutAttributes = layout.members;
 
 function addCircleVertex(layoutVertexArray, x, y, extrudeX, extrudeY) {
   layoutVertexArray.emplaceBack(x * 2 + (extrudeX + 1) / 2, y * 2 + (extrudeY + 1) / 2);
@@ -26,7 +26,6 @@ class CircleBucket {
     this.globalState = options.globalState;
     this.overscaling = options.overscaling;
     this.layers = options.layers;
-    this.layerIds = this.layers.map(layer => layer.id);
     this.index = options.index;
     this.hasPattern = false;
 
@@ -49,7 +48,9 @@ class CircleBucket {
   }
 
   update(states, vtLayer, imagePositions) {
-    if (!this.stateDependentLayers.length) return;
+    if (!this.stateDependentLayers.length) {
+      return;
+    }
     this.programConfigurations.updatePaintArrays(states, vtLayer, this.stateDependentLayers, {
       imagePositions,
       globalState: this.globalState
@@ -74,7 +75,9 @@ class CircleBucket {
   }
 
   destroy() {
-    if (!this.layoutVertexBuffer) return;
+    if (!this.layoutVertexBuffer) {
+      return;
+    }
     this.layoutVertexBuffer.destroy();
     this.indexBuffer.destroy();
     this.programConfigurations.destroy();
@@ -88,7 +91,9 @@ class CircleBucket {
         const y = point.y;
 
         // Do not include points that are outside the tile boundaries.
-        if (x < 0 || x >= EXTENT || y < 0 || y >= EXTENT) continue;
+        if (x < 0 || x >= EXTENT || y < 0 || y >= EXTENT) {
+          continue;
+        }
 
         // this geometry will be of the Point type, and we'll derive
         // two triangles from it.
@@ -122,6 +127,4 @@ class CircleBucket {
   }
 }
 
-register('CircleBucket', CircleBucket, { omit: ['layers'] });
-
-module.exports = CircleBucket;
+export default CircleBucket;

package/src/data/bucket/fill_attributes.js

@@ -1,5 +1,3 @@
-const { createLayout } = require('../../util/struct_array');
+import { createLayout } from '../../util/struct_array.js';
 
-const layout = createLayout([{ name: 'a_pos', components: 2, type: 'Int16' }], 4);
-
-module.exports = layout;
+export default createLayout([{ name: 'a_pos', components: 2, type: 'Int16' }], 4);