@mapwhit/tilerenderer 1.0.0 → 1.1.0

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,7 +16,7 @@ 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,
@@ -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
-};

package/src/shaders/index.js

@@ -1,103 +1,155 @@
+// Import all shader sources
+import preludeFragmentSource from '../../build/min/src/shaders/_prelude.fragment.glsl.js';
+import preludeVertexSource from '../../build/min/src/shaders/_prelude.vertex.glsl.js';
+import backgroundFragmentSource from '../../build/min/src/shaders/background.fragment.glsl.js';
+import backgroundVertexSource from '../../build/min/src/shaders/background.vertex.glsl.js';
+import backgroundPatternFragmentSource from '../../build/min/src/shaders/background_pattern.fragment.glsl.js';
+import backgroundPatternVertexSource from '../../build/min/src/shaders/background_pattern.vertex.glsl.js';
+import circleFragmentSource from '../../build/min/src/shaders/circle.fragment.glsl.js';
+import circleVertexSource from '../../build/min/src/shaders/circle.vertex.glsl.js';
+import clippingMaskFragmentSource from '../../build/min/src/shaders/clipping_mask.fragment.glsl.js';
+import clippingMaskVertexSource from '../../build/min/src/shaders/clipping_mask.vertex.glsl.js';
+import collisionBoxFragmentSource from '../../build/min/src/shaders/collision_box.fragment.glsl.js';
+import collisionBoxVertexSource from '../../build/min/src/shaders/collision_box.vertex.glsl.js';
+import collisionCircleFragmentSource from '../../build/min/src/shaders/collision_circle.fragment.glsl.js';
+import collisionCircleVertexSource from '../../build/min/src/shaders/collision_circle.vertex.glsl.js';
+import debugFragmentSource from '../../build/min/src/shaders/debug.fragment.glsl.js';
+import debugVertexSource from '../../build/min/src/shaders/debug.vertex.glsl.js';
+import fillFragmentSource from '../../build/min/src/shaders/fill.fragment.glsl.js';
+import fillVertexSource from '../../build/min/src/shaders/fill.vertex.glsl.js';
+import fillExtrusionFragmentSource from '../../build/min/src/shaders/fill_extrusion.fragment.glsl.js';
+import fillExtrusionVertexSource from '../../build/min/src/shaders/fill_extrusion.vertex.glsl.js';
+import fillExtrusionPatternFragmentSource from '../../build/min/src/shaders/fill_extrusion_pattern.fragment.glsl.js';
+import fillExtrusionPatternVertexSource from '../../build/min/src/shaders/fill_extrusion_pattern.vertex.glsl.js';
+import fillOutlineFragmentSource from '../../build/min/src/shaders/fill_outline.fragment.glsl.js';
+import fillOutlineVertexSource from '../../build/min/src/shaders/fill_outline.vertex.glsl.js';
+import fillOutlinePatternFragmentSource from '../../build/min/src/shaders/fill_outline_pattern.fragment.glsl.js';
+import fillOutlinePatternVertexSource from '../../build/min/src/shaders/fill_outline_pattern.vertex.glsl.js';
+import fillPatternFragmentSource from '../../build/min/src/shaders/fill_pattern.fragment.glsl.js';
+import fillPatternVertexSource from '../../build/min/src/shaders/fill_pattern.vertex.glsl.js';
+import heatmapFragmentSource from '../../build/min/src/shaders/heatmap.fragment.glsl.js';
+import heatmapVertexSource from '../../build/min/src/shaders/heatmap.vertex.glsl.js';
+import heatmapTextureFragmentSource from '../../build/min/src/shaders/heatmap_texture.fragment.glsl.js';
+import heatmapTextureVertexSource from '../../build/min/src/shaders/heatmap_texture.vertex.glsl.js';
+import hillshadeFragmentSource from '../../build/min/src/shaders/hillshade.fragment.glsl.js';
+import hillshadeVertexSource from '../../build/min/src/shaders/hillshade.vertex.glsl.js';
+import hillshadePrepareFragmentSource from '../../build/min/src/shaders/hillshade_prepare.fragment.glsl.js';
+import hillshadePrepareVertexSource from '../../build/min/src/shaders/hillshade_prepare.vertex.glsl.js';
+import lineFragmentSource from '../../build/min/src/shaders/line.fragment.glsl.js';
+import lineVertexSource from '../../build/min/src/shaders/line.vertex.glsl.js';
+import lineGradientFragmentSource from '../../build/min/src/shaders/line_gradient.fragment.glsl.js';
+import lineGradientVertexSource from '../../build/min/src/shaders/line_gradient.vertex.glsl.js';
+import linePatternFragmentSource from '../../build/min/src/shaders/line_pattern.fragment.glsl.js';
+import linePatternVertexSource from '../../build/min/src/shaders/line_pattern.vertex.glsl.js';
+import lineSDFFragmentSource from '../../build/min/src/shaders/line_sdf.fragment.glsl.js';
+import lineSDFVertexSource from '../../build/min/src/shaders/line_sdf.vertex.glsl.js';
+import rasterFragmentSource from '../../build/min/src/shaders/raster.fragment.glsl.js';
+import rasterVertexSource from '../../build/min/src/shaders/raster.vertex.glsl.js';
+import symbolIconFragmentSource from '../../build/min/src/shaders/symbol_icon.fragment.glsl.js';
+import symbolIconVertexSource from '../../build/min/src/shaders/symbol_icon.vertex.glsl.js';
+import symbolSDFFragmentSource from '../../build/min/src/shaders/symbol_sdf.fragment.glsl.js';
+import symbolSDFVertexSource from '../../build/min/src/shaders/symbol_sdf.vertex.glsl.js';
+
 const shaders = {
   prelude: {
-    fragmentSource: require('../../build/min/src/shaders/_prelude.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/_prelude.vertex.glsl.js')
+    fragmentSource: preludeFragmentSource,
+    vertexSource: preludeVertexSource
   },
   background: {
-    fragmentSource: require('../../build/min/src/shaders/background.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/background.vertex.glsl.js')
+    fragmentSource: backgroundFragmentSource,
+    vertexSource: backgroundVertexSource
   },
   backgroundPattern: {
-    fragmentSource: require('../../build/min/src/shaders/background_pattern.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/background_pattern.vertex.glsl.js')
+    fragmentSource: backgroundPatternFragmentSource,
+    vertexSource: backgroundPatternVertexSource
   },
   circle: {
-    fragmentSource: require('../../build/min/src/shaders/circle.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/circle.vertex.glsl.js')
+    fragmentSource: circleFragmentSource,
+    vertexSource: circleVertexSource
   },
   clippingMask: {
-    fragmentSource: require('../../build/min/src/shaders/clipping_mask.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/clipping_mask.vertex.glsl.js')
+    fragmentSource: clippingMaskFragmentSource,
+    vertexSource: clippingMaskVertexSource
   },
   heatmap: {
-    fragmentSource: require('../../build/min/src/shaders/heatmap.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/heatmap.vertex.glsl.js')
+    fragmentSource: heatmapFragmentSource,
+    vertexSource: heatmapVertexSource
   },
   heatmapTexture: {
-    fragmentSource: require('../../build/min/src/shaders/heatmap_texture.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/heatmap_texture.vertex.glsl.js')
+    fragmentSource: heatmapTextureFragmentSource,
+    vertexSource: heatmapTextureVertexSource
   },
   collisionBox: {
-    fragmentSource: require('../../build/min/src/shaders/collision_box.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/collision_box.vertex.glsl.js')
+    fragmentSource: collisionBoxFragmentSource,
+    vertexSource: collisionBoxVertexSource
   },
   collisionCircle: {
-    fragmentSource: require('../../build/min/src/shaders/collision_circle.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/collision_circle.vertex.glsl.js')
+    fragmentSource: collisionCircleFragmentSource,
+    vertexSource: collisionCircleVertexSource
   },
   debug: {
-    fragmentSource: require('../../build/min/src/shaders/debug.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/debug.vertex.glsl.js')
+    fragmentSource: debugFragmentSource,
+    vertexSource: debugVertexSource
   },
   fill: {
-    fragmentSource: require('../../build/min/src/shaders/fill.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill.vertex.glsl.js')
+    fragmentSource: fillFragmentSource,
+    vertexSource: fillVertexSource
   },
   fillOutline: {
-    fragmentSource: require('../../build/min/src/shaders/fill_outline.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill_outline.vertex.glsl.js')
+    fragmentSource: fillOutlineFragmentSource,
+    vertexSource: fillOutlineVertexSource
   },
   fillOutlinePattern: {
-    fragmentSource: require('../../build/min/src/shaders/fill_outline_pattern.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill_outline_pattern.vertex.glsl.js')
+    fragmentSource: fillOutlinePatternFragmentSource,
+    vertexSource: fillOutlinePatternVertexSource
   },
   fillPattern: {
-    fragmentSource: require('../../build/min/src/shaders/fill_pattern.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill_pattern.vertex.glsl.js')
+    fragmentSource: fillPatternFragmentSource,
+    vertexSource: fillPatternVertexSource
   },
   fillExtrusion: {
-    fragmentSource: require('../../build/min/src/shaders/fill_extrusion.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill_extrusion.vertex.glsl.js')
+    fragmentSource: fillExtrusionFragmentSource,
+    vertexSource: fillExtrusionVertexSource
   },
   fillExtrusionPattern: {
-    fragmentSource: require('../../build/min/src/shaders/fill_extrusion_pattern.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/fill_extrusion_pattern.vertex.glsl.js')
+    fragmentSource: fillExtrusionPatternFragmentSource,
+    vertexSource: fillExtrusionPatternVertexSource
   },
   hillshadePrepare: {
-    fragmentSource: require('../../build/min/src/shaders/hillshade_prepare.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/hillshade_prepare.vertex.glsl.js')
+    fragmentSource: hillshadePrepareFragmentSource,
+    vertexSource: hillshadePrepareVertexSource
   },
   hillshade: {
-    fragmentSource: require('../../build/min/src/shaders/hillshade.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/hillshade.vertex.glsl.js')
+    fragmentSource: hillshadeFragmentSource,
+    vertexSource: hillshadeVertexSource
   },
   line: {
-    fragmentSource: require('../../build/min/src/shaders/line.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/line.vertex.glsl.js')
+    fragmentSource: lineFragmentSource,
+    vertexSource: lineVertexSource
   },
   lineGradient: {
-    fragmentSource: require('../../build/min/src/shaders/line_gradient.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/line_gradient.vertex.glsl.js')
+    fragmentSource: lineGradientFragmentSource,
+    vertexSource: lineGradientVertexSource
   },
   linePattern: {
-    fragmentSource: require('../../build/min/src/shaders/line_pattern.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/line_pattern.vertex.glsl.js')
+    fragmentSource: linePatternFragmentSource,
+    vertexSource: linePatternVertexSource
   },
   lineSDF: {
-    fragmentSource: require('../../build/min/src/shaders/line_sdf.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/line_sdf.vertex.glsl.js')
+    fragmentSource: lineSDFFragmentSource,
+    vertexSource: lineSDFVertexSource
   },
   raster: {
-    fragmentSource: require('../../build/min/src/shaders/raster.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/raster.vertex.glsl.js')
+    fragmentSource: rasterFragmentSource,
+    vertexSource: rasterVertexSource
   },
   symbolIcon: {
-    fragmentSource: require('../../build/min/src/shaders/symbol_icon.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/symbol_icon.vertex.glsl.js')
+    fragmentSource: symbolIconFragmentSource,
+    vertexSource: symbolIconVertexSource
   },
   symbolSDF: {
-    fragmentSource: require('../../build/min/src/shaders/symbol_sdf.fragment.glsl.js'),
-    vertexSource: require('../../build/min/src/shaders/symbol_sdf.vertex.glsl.js')
+    fragmentSource: symbolSDFFragmentSource,
+    vertexSource: symbolSDFVertexSource
   }
 };
 
@@ -191,4 +243,4 @@ ${precision} ${type} ${name} = u_${name};
   });
 }
 
-module.exports = shaders;
+export default shaders;

package/src/source/geojson_source.js

@@ -1,8 +1,8 @@
-const { Event, ErrorEvent, Evented } = require('@mapwhit/events');
+import { ErrorEvent, Event, Evented } from '@mapwhit/events';
 
-const EXTENT = require('../data/extent');
-const browser = require('../util/browser');
-const GeoJSONWorkerSource = require('./geojson_worker_source');
+import EXTENT from '../data/extent.js';
+import browser from '../util/browser.js';
+import GeoJSONWorkerSource from './geojson_worker_source.js';
 
 /**
  * A source containing GeoJSON.
@@ -76,8 +76,12 @@ class GeoJSONSource extends Evented {
     this.data = options.data;
     this._options = Object.assign({}, options);
 
-    if (options.maxzoom !== undefined) this.maxzoom = options.maxzoom;
-    if (options.type) this.type = options.type;
+    if (options.maxzoom !== undefined) {
+      this.maxzoom = options.maxzoom;
+    }
+    if (options.type) {
+      this.type = options.type;
+    }
 
     const scale = EXTENT / this.tileSize;
 
@@ -212,4 +216,4 @@ class GeoJSONSource extends Evented {
   }
 }
 
-module.exports = GeoJSONSource;
+export default GeoJSONSource;

package/src/source/geojson_worker_source.js

@@ -1,8 +1,8 @@
-const rewind = require('@mapwhit/geojson-rewind');
-const GeoJSONWrapper = require('./geojson_wrapper');
-const { default: Supercluster } = require('supercluster');
-const { default: geojsonvt } = require('geojson-vt');
-const VectorTileWorkerSource = require('./vector_tile_worker_source');
+import rewind from '@mapwhit/geojson-rewind';
+import geojsonvt from 'geojson-vt';
+import Supercluster from 'supercluster';
+import GeoJSONWrapper from './geojson_wrapper.js';
+import VectorTileWorkerSource from './vector_tile_worker_source.js';
 
 /**
  * The {@link WorkerSource} implementation that supports {@link GeoJSONSource}.
@@ -73,9 +73,9 @@ class GeoJSONWorkerSource extends VectorTileWorkerSource {
 function loadJSON(data) {
   try {
     return typeof data === 'string' ? JSON.parse(data) : data;
-  } catch (e) {
+  } catch {
     throw new Error('Input data is not a valid GeoJSON object.');
   }
 }
 
-module.exports = GeoJSONWorkerSource;
+export default GeoJSONWorkerSource;

package/src/source/geojson_wrapper.js

@@ -1,6 +1,6 @@
-const { default: Point } = require('@mapbox/point-geometry');
-const { VectorTileFeature } = require('@mapwhit/vector-tile');
-const EXTENT = require('../data/extent');
+import Point from '@mapbox/point-geometry';
+import { VectorTileFeature } from '@mapwhit/vector-tile';
+import EXTENT from '../data/extent.js';
 
 const { toGeoJSON } = VectorTileFeature.prototype;
 
@@ -76,7 +76,7 @@ class GeoJSONWrapper {
   }
 }
 
-module.exports = GeoJSONWrapper;
+export default GeoJSONWrapper;
 
 function makePoint(arr) {
   return new Point(arr[0], arr[1]);

package/src/source/image_source.js

@@ -1,14 +1,13 @@
-const { getCoordinatesCenter } = require('../util/util');
-
-const { CanonicalTileID } = require('./tile_id');
-const LngLat = require('../geo/lng_lat');
-const { Event, ErrorEvent, Evented } = require('@mapwhit/events');
-const loadImage = require('../util/loader/image');
-const EXTENT = require('../data/extent');
-const { RasterBoundsArray } = require('../data/array_types');
-const rasterBoundsAttributes = require('../data/raster_bounds_attributes');
-const SegmentVector = require('../data/segment');
-const Texture = require('../render/texture');
+import { ErrorEvent, Event, Evented } from '@mapwhit/events';
+import { RasterBoundsArray } from '../data/array_types.js';
+import EXTENT from '../data/extent.js';
+import rasterBoundsAttributes from '../data/raster_bounds_attributes.js';
+import SegmentVector from '../data/segment.js';
+import LngLat from '../geo/lng_lat.js';
+import Texture from '../render/texture.js';
+import loadImage from '../util/loader/image.js';
+import { getCoordinatesCenter } from '../util/util.js';
+import { CanonicalTileID } from './tile_id.js';
 
 /**
  * A data source containing an image.
@@ -195,4 +194,4 @@ class ImageSource extends Evented {
   }
 }
 
-module.exports = ImageSource;
+export default ImageSource;

package/src/source/load_tilejson.js

@@ -1,8 +1,8 @@
-const { pick } = require('../util/object');
+import { pick } from '../util/object.js';
 
-module.exports = function (tileJSON) {
+export default function (tileJSON) {
   return tileJSON.resourceSets ? fromResourseSets(tileJSON) : fromTileJSON(tileJSON);
-};
+}
 
 function fromTileJSON(tileJSON) {
   const result = pick(tileJSON, ['tiles', 'minzoom', 'maxzoom', 'attribution', 'bounds']);