@mapwhit/tilerenderer 0.52.1 → 1.1.0

package/src/render/program/heatmap_program.js

@@ -1,15 +1,16 @@
-const { mat4 } = require('@mapbox/gl-matrix');
+import glMatrix from '@mapbox/gl-matrix';
+import pixelsToTileUnits from '../../source/pixels_to_tile_units.js';
+import { Uniform1f, Uniform1i, Uniform2f, UniformMatrix4f } from '../uniform_binding.js';
 
-const { Uniform1i, Uniform1f, Uniform2f, UniformMatrix4f } = require('../uniform_binding');
-const pixelsToTileUnits = require('../../source/pixels_to_tile_units');
+const { mat4 } = glMatrix;
 
-const heatmapUniforms = (context, locations) => ({
+export const heatmapUniforms = (context, locations) => ({
   u_extrude_scale: new Uniform1f(context, locations.u_extrude_scale),
   u_intensity: new Uniform1f(context, locations.u_intensity),
   u_matrix: new UniformMatrix4f(context, locations.u_matrix)
 });
 
-const heatmapTextureUniforms = (context, locations) => ({
+export const heatmapTextureUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_world: new Uniform2f(context, locations.u_world),
   u_image: new Uniform1i(context, locations.u_image),
@@ -17,13 +18,13 @@ const heatmapTextureUniforms = (context, locations) => ({
   u_opacity: new Uniform1f(context, locations.u_opacity)
 });
 
-const heatmapUniformValues = (matrix, tile, zoom, intensity) => ({
+export const heatmapUniformValues = (matrix, tile, zoom, intensity) => ({
   u_matrix: matrix,
   u_extrude_scale: pixelsToTileUnits(tile, 1, zoom),
   u_intensity: intensity
 });
 
-const heatmapTextureUniformValues = (painter, layer, textureUnit, colorRampUnit) => {
+export const heatmapTextureUniformValues = (painter, layer, textureUnit, colorRampUnit) => {
   const matrix = mat4.create();
   mat4.ortho(matrix, 0, painter.width, painter.height, 0, 0, 1);
 
@@ -34,13 +35,6 @@ const heatmapTextureUniformValues = (painter, layer, textureUnit, colorRampUnit)
     u_world: [gl.drawingBufferWidth, gl.drawingBufferHeight],
     u_image: textureUnit,
     u_color_ramp: colorRampUnit,
-    u_opacity: layer.paint.get('heatmap-opacity')
+    u_opacity: layer._paint.get('heatmap-opacity')
   };
 };
-
-module.exports = {
-  heatmapUniforms,
-  heatmapTextureUniforms,
-  heatmapUniformValues,
-  heatmapTextureUniformValues
-};

package/src/render/program/hillshade_program.js

@@ -1,11 +1,12 @@
-const assert = require('assert');
-const { mat4 } = require('@mapbox/gl-matrix');
+import glMatrix from '@mapbox/gl-matrix';
+import assert from 'assert';
+import EXTENT from '../../data/extent.js';
+import Coordinate from '../../geo/coordinate.js';
+import { Uniform1f, Uniform1i, Uniform2f, UniformColor, UniformMatrix4f } from '../uniform_binding.js';
 
-const { Uniform1i, Uniform1f, Uniform2f, UniformColor, UniformMatrix4f } = require('../uniform_binding');
-const EXTENT = require('../../data/extent');
-const Coordinate = require('../../geo/coordinate');
+const { mat4 } = glMatrix;
 
-const hillshadeUniforms = (context, locations) => ({
+export const hillshadeUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_image: new Uniform1i(context, locations.u_image),
   u_latrange: new Uniform2f(context, locations.u_latrange),
@@ -15,7 +16,7 @@ const hillshadeUniforms = (context, locations) => ({
   u_accent: new UniformColor(context, locations.u_accent)
 });
 
-const hillshadePrepareUniforms = (context, locations) => ({
+export const hillshadePrepareUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_image: new Uniform1i(context, locations.u_image),
   u_dimension: new Uniform2f(context, locations.u_dimension),
@@ -23,14 +24,14 @@ const hillshadePrepareUniforms = (context, locations) => ({
   u_maxzoom: new Uniform1f(context, locations.u_maxzoom)
 });
 
-const hillshadeUniformValues = (painter, tile, layer) => {
-  const shadow = layer.paint.get('hillshade-shadow-color');
-  const highlight = layer.paint.get('hillshade-highlight-color');
-  const accent = layer.paint.get('hillshade-accent-color');
+export const hillshadeUniformValues = (painter, tile, layer) => {
+  const shadow = layer._paint.get('hillshade-shadow-color');
+  const highlight = layer._paint.get('hillshade-highlight-color');
+  const accent = layer._paint.get('hillshade-accent-color');
 
-  let azimuthal = layer.paint.get('hillshade-illumination-direction') * (Math.PI / 180);
+  let azimuthal = layer._paint.get('hillshade-illumination-direction') * (Math.PI / 180);
   // modify azimuthal angle by map rotation if light is anchored at the viewport
-  if (layer.paint.get('hillshade-illumination-anchor') === 'viewport') {
+  if (layer._paint.get('hillshade-illumination-anchor') === 'viewport') {
     azimuthal -= painter.transform.angle;
   }
   const align = !painter.options.moving;
@@ -38,14 +39,14 @@ const hillshadeUniformValues = (painter, tile, layer) => {
     u_matrix: painter.transform.calculatePosMatrix(tile.tileID.toUnwrapped(), align),
     u_image: 0,
     u_latrange: getTileLatRange(painter, tile.tileID),
-    u_light: [layer.paint.get('hillshade-exaggeration'), azimuthal],
+    u_light: [layer._paint.get('hillshade-exaggeration'), azimuthal],
     u_shadow: shadow,
     u_highlight: highlight,
     u_accent: accent
   };
 };
 
-const hillshadeUniformPrepareValues = (tile, maxzoom) => {
+export const hillshadeUniformPrepareValues = (tile, maxzoom) => {
   assert(tile.dem);
   const stride = tile.dem.stride;
   const matrix = mat4.create();
@@ -68,10 +69,3 @@ function getTileLatRange(painter, tileID) {
   const coordinate1 = new Coordinate(coordinate0.column, coordinate0.row + 1, coordinate0.zoom);
   return [painter.transform.coordinateLocation(coordinate0).lat, painter.transform.coordinateLocation(coordinate1).lat];
 }
-
-module.exports = {
-  hillshadeUniforms,
-  hillshadePrepareUniforms,
-  hillshadeUniformValues,
-  hillshadeUniformPrepareValues
-};

package/src/render/program/line_program.js

@@ -1,21 +1,21 @@
-const { Uniform1i, Uniform1f, Uniform2f, Uniform4f, UniformMatrix4f } = require('../uniform_binding');
-const pixelsToTileUnits = require('../../source/pixels_to_tile_units');
-const browser = require('../../util/browser');
+import pixelsToTileUnits from '../../source/pixels_to_tile_units.js';
+import browser from '../../util/browser.js';
+import { Uniform1f, Uniform1i, Uniform2f, Uniform4f, UniformMatrix4f } from '../uniform_binding.js';
 
-const lineUniforms = (context, locations) => ({
+export const lineUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_ratio: new Uniform1f(context, locations.u_ratio),
   u_gl_units_to_pixels: new Uniform2f(context, locations.u_gl_units_to_pixels)
 });
 
-const lineGradientUniforms = (context, locations) => ({
+export const lineGradientUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_ratio: new Uniform1f(context, locations.u_ratio),
   u_gl_units_to_pixels: new Uniform2f(context, locations.u_gl_units_to_pixels),
   u_image: new Uniform1i(context, locations.u_image)
 });
 
-const linePatternUniforms = (context, locations) => ({
+export const linePatternUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_texsize: new Uniform2f(context, locations.u_texsize),
   u_ratio: new Uniform1f(context, locations.u_ratio),
@@ -25,7 +25,7 @@ const linePatternUniforms = (context, locations) => ({
   u_fade: new Uniform1f(context, locations.u_fade)
 });
 
-const lineSDFUniforms = (context, locations) => ({
+export const lineSDFUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_ratio: new Uniform1f(context, locations.u_ratio),
   u_gl_units_to_pixels: new Uniform2f(context, locations.u_gl_units_to_pixels),
@@ -38,7 +38,7 @@ const lineSDFUniforms = (context, locations) => ({
   u_mix: new Uniform1f(context, locations.u_mix)
 });
 
-const lineUniformValues = (painter, tile, layer) => {
+export const lineUniformValues = (painter, tile, layer) => {
   const transform = painter.transform;
 
   return {
@@ -48,13 +48,13 @@ const lineUniformValues = (painter, tile, layer) => {
   };
 };
 
-const lineGradientUniformValues = (painter, tile, layer) => {
+export const lineGradientUniformValues = (painter, tile, layer) => {
   return Object.assign(lineUniformValues(painter, tile, layer), {
     u_image: 0
   });
 };
 
-const linePatternUniformValues = (painter, tile, layer, crossfade) => {
+export const linePatternUniformValues = (painter, tile, layer, crossfade) => {
   const transform = painter.transform;
   const tileZoomRatio = calculateTileRatio(tile, transform);
   return {
@@ -70,12 +70,12 @@ const linePatternUniformValues = (painter, tile, layer, crossfade) => {
   };
 };
 
-const lineSDFUniformValues = (painter, tile, layer, dasharray, crossfade) => {
+export const lineSDFUniformValues = (painter, tile, layer, dasharray, crossfade) => {
   const transform = painter.transform;
   const lineAtlas = painter.lineAtlas;
   const tileRatio = calculateTileRatio(tile, transform);
 
-  const round = layer.layout.get('line-cap') === 'round';
+  const round = layer._layout.get('line-cap') === 'round';
 
   const posA = lineAtlas.getDash(dasharray.from, round);
   const posB = lineAtlas.getDash(dasharray.to, round);
@@ -102,18 +102,7 @@ function calculateMatrix(painter, tile, layer) {
   return painter.translatePosMatrix(
     tile.tileID.posMatrix,
     tile,
-    layer.paint.get('line-translate'),
-    layer.paint.get('line-translate-anchor')
+    layer._paint.get('line-translate'),
+    layer._paint.get('line-translate-anchor')
   );
 }
-
-module.exports = {
-  lineUniforms,
-  lineGradientUniforms,
-  linePatternUniforms,
-  lineSDFUniforms,
-  lineUniformValues,
-  lineGradientUniformValues,
-  linePatternUniformValues,
-  lineSDFUniformValues
-};

package/src/render/program/pattern.js

@@ -1,8 +1,8 @@
-const assert = require('assert');
-const browser = require('../../util/browser');
-const pixelsToTileUnits = require('../../source/pixels_to_tile_units');
+import assert from 'assert';
+import pixelsToTileUnits from '../../source/pixels_to_tile_units.js';
+import browser from '../../util/browser.js';
 
-function patternUniformValues(crossfade, painter, tile) {
+export function patternUniformValues(crossfade, painter, tile) {
   const tileRatio = 1 / pixelsToTileUnits(tile, 1, painter.transform.tileZoom);
 
   const numTiles = 2 ** tile.tileID.overscaledZ;
@@ -23,7 +23,7 @@ function patternUniformValues(crossfade, painter, tile) {
   };
 }
 
-function bgPatternUniformValues(image, crossfade, painter, tile) {
+export function bgPatternUniformValues(image, crossfade, painter, tile) {
   const imagePosA = painter.imageManager.getPattern(image.from);
   const imagePosB = painter.imageManager.getPattern(image.to);
   assert(imagePosA && imagePosB);
@@ -53,5 +53,3 @@ function bgPatternUniformValues(image, crossfade, painter, tile) {
     u_pixel_coord_lower: [pixelX & 0xffff, pixelY & 0xffff]
   };
 }
-
-module.exports = { bgPatternUniformValues, patternUniformValues };

package/src/render/program/program_uniforms.js

@@ -1,22 +1,17 @@
-const { fillExtrusionUniforms, fillExtrusionPatternUniforms } = require('./fill_extrusion_program');
-const {
-  fillUniforms,
-  fillPatternUniforms,
-  fillOutlineUniforms,
-  fillOutlinePatternUniforms
-} = require('./fill_program');
-const { circleUniforms } = require('./circle_program');
-const { collisionUniforms } = require('./collision_program');
-const { debugUniforms } = require('./debug_program');
-const { clippingMaskUniforms } = require('./clipping_mask_program');
-const { heatmapUniforms, heatmapTextureUniforms } = require('./heatmap_program');
-const { hillshadeUniforms, hillshadePrepareUniforms } = require('./hillshade_program');
-const { lineUniforms, lineGradientUniforms, linePatternUniforms, lineSDFUniforms } = require('./line_program');
-const { rasterUniforms } = require('./raster_program');
-const { symbolIconUniforms, symbolSDFUniforms } = require('./symbol_program');
-const { backgroundUniforms, backgroundPatternUniforms } = require('./background_program');
+import { backgroundPatternUniforms, backgroundUniforms } from './background_program.js';
+import { circleUniforms } from './circle_program.js';
+import { clippingMaskUniforms } from './clipping_mask_program.js';
+import { collisionUniforms } from './collision_program.js';
+import { debugUniforms } from './debug_program.js';
+import { fillExtrusionPatternUniforms, fillExtrusionUniforms } from './fill_extrusion_program.js';
+import { fillOutlinePatternUniforms, fillOutlineUniforms, fillPatternUniforms, fillUniforms } from './fill_program.js';
+import { heatmapTextureUniforms, heatmapUniforms } from './heatmap_program.js';
+import { hillshadePrepareUniforms, hillshadeUniforms } from './hillshade_program.js';
+import { lineGradientUniforms, linePatternUniforms, lineSDFUniforms, lineUniforms } from './line_program.js';
+import { rasterUniforms } from './raster_program.js';
+import { symbolIconUniforms, symbolSDFUniforms } from './symbol_program.js';
 
-const programUniforms = {
+export const programUniforms = {
   fillExtrusion: fillExtrusionUniforms,
   fillExtrusionPattern: fillExtrusionPatternUniforms,
   fill: fillUniforms,
@@ -42,5 +37,3 @@ const programUniforms = {
   background: backgroundUniforms,
   backgroundPattern: backgroundPatternUniforms
 };
-
-module.exports = { programUniforms };

package/src/render/program/raster_program.js

@@ -1,6 +1,6 @@
-const { Uniform1i, Uniform1f, Uniform2f, Uniform3f, UniformMatrix4f } = require('../uniform_binding');
+import { Uniform1f, Uniform1i, Uniform2f, Uniform3f, UniformMatrix4f } from '../uniform_binding.js';
 
-const rasterUniforms = (context, locations) => ({
+export const rasterUniforms = (context, locations) => ({
   u_matrix: new UniformMatrix4f(context, locations.u_matrix),
   u_tl_parent: new Uniform2f(context, locations.u_tl_parent),
   u_scale_parent: new Uniform1f(context, locations.u_scale_parent),
@@ -16,20 +16,20 @@ const rasterUniforms = (context, locations) => ({
   u_spin_weights: new Uniform3f(context, locations.u_spin_weights)
 });
 
-const rasterUniformValues = (matrix, parentTL, parentScaleBy, fade, layer) => ({
+export const rasterUniformValues = (matrix, parentTL, parentScaleBy, fade, layer) => ({
   u_matrix: matrix,
   u_tl_parent: parentTL,
   u_scale_parent: parentScaleBy,
   u_buffer_scale: 1,
   u_fade_t: fade.mix,
-  u_opacity: fade.opacity * layer.paint.get('raster-opacity'),
+  u_opacity: fade.opacity * layer._paint.get('raster-opacity'),
   u_image0: 0,
   u_image1: 1,
-  u_brightness_low: layer.paint.get('raster-brightness-min'),
-  u_brightness_high: layer.paint.get('raster-brightness-max'),
-  u_saturation_factor: saturationFactor(layer.paint.get('raster-saturation')),
-  u_contrast_factor: contrastFactor(layer.paint.get('raster-contrast')),
-  u_spin_weights: spinWeights(layer.paint.get('raster-hue-rotate'))
+  u_brightness_low: layer._paint.get('raster-brightness-min'),
+  u_brightness_high: layer._paint.get('raster-brightness-max'),
+  u_saturation_factor: saturationFactor(layer._paint.get('raster-saturation')),
+  u_contrast_factor: contrastFactor(layer._paint.get('raster-contrast')),
+  u_spin_weights: spinWeights(layer._paint.get('raster-hue-rotate'))
 });
 
 function spinWeights(angle) {
@@ -46,5 +46,3 @@ function contrastFactor(contrast) {
 function saturationFactor(saturation) {
   return saturation > 0 ? 1 - 1 / (1.001 - saturation) : -saturation;
 }
-
-module.exports = { rasterUniforms, rasterUniformValues };

package/src/render/program/symbol_program.js

@@ -1,6 +1,6 @@
-const { Uniform1i, Uniform1f, Uniform2f, UniformMatrix4f } = require('../uniform_binding');
+import { Uniform1f, Uniform1i, Uniform2f, UniformMatrix4f } from '../uniform_binding.js';
 
-const symbolIconUniforms = (context, locations) => ({
+export const symbolIconUniforms = (context, locations) => ({
   u_is_size_zoom_constant: new Uniform1i(context, locations.u_is_size_zoom_constant),
   u_is_size_feature_constant: new Uniform1i(context, locations.u_is_size_feature_constant),
   u_size_t: new Uniform1f(context, locations.u_size_t),
@@ -19,7 +19,7 @@ const symbolIconUniforms = (context, locations) => ({
   u_texture: new Uniform1i(context, locations.u_texture)
 });
 
-const symbolSDFUniforms = (context, locations) => ({
+export const symbolSDFUniforms = (context, locations) => ({
   u_is_size_zoom_constant: new Uniform1i(context, locations.u_is_size_zoom_constant),
   u_is_size_feature_constant: new Uniform1i(context, locations.u_is_size_feature_constant),
   u_size_t: new Uniform1f(context, locations.u_size_t),
@@ -40,7 +40,7 @@ const symbolSDFUniforms = (context, locations) => ({
   u_is_halo: new Uniform1f(context, locations.u_is_halo)
 });
 
-const symbolIconUniformValues = (
+export const symbolIconUniformValues = (
   functionType,
   size,
   rotateInShader,
@@ -74,7 +74,7 @@ const symbolIconUniformValues = (
   };
 };
 
-const symbolSDFUniformValues = (
+export const symbolSDFUniformValues = (
   functionType,
   size,
   rotateInShader,
@@ -108,5 +108,3 @@ const symbolSDFUniformValues = (
     }
   );
 };
-
-module.exports = { symbolIconUniforms, symbolSDFUniforms, symbolIconUniformValues, symbolSDFUniformValues };

package/src/render/program.js

@@ -1,8 +1,7 @@
-const browser = require('../util/browser');
-
-const shaders = require('../shaders');
-const assert = require('assert');
-const VertexArrayObject = require('./vertex_array_object');
+import assert from 'assert';
+import shaders from '../shaders/index.js';
+import browser from '../util/browser.js';
+import VertexArrayObject from './vertex_array_object.js';
 
 class Program {
   constructor(context, source, configuration, fixedUniforms, showOverdrawInspector) {
@@ -130,4 +129,4 @@ class Program {
   }
 }
 
-module.exports = Program;
+export default Program;

package/src/render/texture.js

@@ -85,4 +85,4 @@ class Texture {
   }
 }
 
-module.exports = Texture;
+export default Texture;

package/src/render/tile_mask.js

@@ -1,4 +1,4 @@
-const { OverscaledTileID, CanonicalTileID } = require('../source/tile_id');
+import { CanonicalTileID, OverscaledTileID } from '../source/tile_id.js';
 
 // Updates the TileMasks for all renderable tiles. A TileMask describes all regions
 // within that tile that are *not* covered by other renderable tiles.
@@ -50,7 +50,7 @@ const { OverscaledTileID, CanonicalTileID } = require('../source/tile_id');
 // be considered. For example, adding TileID 4/8/13 to renderableTiles won't affect the TileMask for
 // 2/1/3, since it is not a descendant of it.
 
-module.exports = function (renderableTiles, context) {
+export default function (renderableTiles, context) {
   const sortedRenderables = renderableTiles.sort((a, b) => {
     return a.tileID.isLessThan(b.tileID) ? -1 : b.tileID.isLessThan(a.tileID) ? 1 : 0;
   });
@@ -73,14 +73,16 @@ module.exports = function (renderableTiles, context) {
     );
     tile.setMask(mask, context);
   }
-};
+}
 
 function computeTileMasks(rootTile, ref, childArray, lowerBound, mask) {
   // If the reference or any of its children is found in the list, we need to recurse.
   for (let i = 0; i < childArray.length; i++) {
     const childTile = childArray[i];
     // childTile is from a larger wrap than the rootTile so it cannot be a child tile
-    if (lowerBound.isLessThan(childTile.tileID)) break;
+    if (lowerBound.isLessThan(childTile.tileID)) {
+      break;
+    }
     // The current tile is masked out, so we don't need to add them to the mask set.
     if (ref.key === childTile.tileID.key) {
       return;

package/src/render/uniform_binding.js

@@ -1,13 +1,13 @@
-const { Color } = require('@mapwhit/style-expressions');
+import { Color } from '@mapwhit/style-expressions';
 
-class Uniform {
+export class Uniform {
   constructor(context, location) {
     this.gl = context.gl;
     this.location = location;
   }
 }
 
-class Uniform1i extends Uniform {
+export class Uniform1i extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = 0;
@@ -21,7 +21,7 @@ class Uniform1i extends Uniform {
   }
 }
 
-class Uniform1f extends Uniform {
+export class Uniform1f extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = 0;
@@ -35,7 +35,7 @@ class Uniform1f extends Uniform {
   }
 }
 
-class Uniform2f extends Uniform {
+export class Uniform2f extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = [0, 0];
@@ -49,7 +49,7 @@ class Uniform2f extends Uniform {
   }
 }
 
-class Uniform3f extends Uniform {
+export class Uniform3f extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = [0, 0, 0];
@@ -63,7 +63,7 @@ class Uniform3f extends Uniform {
   }
 }
 
-class Uniform4f extends Uniform {
+export class Uniform4f extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = [0, 0, 0, 0];
@@ -77,7 +77,7 @@ class Uniform4f extends Uniform {
   }
 }
 
-class UniformColor extends Uniform {
+export class UniformColor extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = Color.transparent;
@@ -92,7 +92,7 @@ class UniformColor extends Uniform {
 }
 
 const emptyMat4 = new Float32Array(16);
-class UniformMatrix4f extends Uniform {
+export class UniformMatrix4f extends Uniform {
   constructor(context, location) {
     super(context, location);
     this.current = emptyMat4;
@@ -116,14 +116,3 @@ class UniformMatrix4f extends Uniform {
     }
   }
 }
-
-module.exports = {
-  Uniform,
-  Uniform1i,
-  Uniform1f,
-  Uniform2f,
-  Uniform3f,
-  Uniform4f,
-  UniformColor,
-  UniformMatrix4f
-};

package/src/render/vertex_array_object.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 class VertexArrayObject {
   constructor() {
@@ -84,7 +84,9 @@ class VertexArrayObject {
     const gl = context.gl;
 
     if (context.extVertexArrayObject) {
-      if (this.vao) this.destroy();
+      if (this.vao) {
+        this.destroy();
+      }
       this.vao = context.extVertexArrayObject.createVertexArrayOES();
       context.bindVertexArrayOES.set(this.vao);
       numPrevAttributes = 0;
@@ -152,4 +154,4 @@ class VertexArrayObject {
   }
 }
 
-module.exports = VertexArrayObject;
+export default VertexArrayObject;

package/src/shaders/encode_attribute.js

@@ -1,4 +1,4 @@
-const { clamp } = require('../util/util');
+import { clamp } from '../util/util.js';
 
 /**
  * Packs two numbers, interpreted as 8-bit unsigned integers, into a single
@@ -7,13 +7,9 @@ const { clamp } = require('../util/util');
  *
  * @private
  */
-function pack(a, b) {
+export function packUint8ToFloat(a, b) {
   // coerce a and b to 8-bit ints
   a = clamp(Math.floor(a), 0, 255);
   b = clamp(Math.floor(b), 0, 255);
   return 256 * a + b;
 }
-
-module.exports = {
-  packUint8ToFloat: pack
-};