@mapwhit/tilerenderer 0.52.1 → 1.1.0

package/src/style/style_layer/background_style_layer.js

@@ -1,6 +1,5 @@
-const StyleLayer = require('../style_layer');
-
-const properties = require('./background_style_layer_properties');
+import StyleLayer from '../style_layer.js';
+import properties from './background_style_layer_properties.js';
 
 class BackgroundStyleLayer extends StyleLayer {
   constructor(layer) {
@@ -8,4 +7,4 @@ class BackgroundStyleLayer extends StyleLayer {
   }
 }
 
-module.exports = BackgroundStyleLayer;
+export default BackgroundStyleLayer;

package/src/style/style_layer/background_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, CrossFadedProperty, DataConstantProperty } = require('../properties');
+import { CrossFadedProperty, DataConstantProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'background-color': new DataConstantProperty({
@@ -22,4 +22,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/circle_style_layer.js

@@ -1,11 +1,12 @@
-const StyleLayer = require('../style_layer');
+import glMatrix from '@mapbox/gl-matrix';
+import Point from '@mapbox/point-geometry';
+import CircleBucket from '../../data/bucket/circle_bucket.js';
+import { polygonIntersectsBufferedPoint } from '../../util/intersection_tests.js';
+import { getMaximumPaintValue, translate, translateDistance } from '../query_utils.js';
+import StyleLayer from '../style_layer.js';
+import properties from './circle_style_layer_properties.js';
 
-const CircleBucket = require('../../data/bucket/circle_bucket');
-const { polygonIntersectsBufferedPoint } = require('../../util/intersection_tests');
-const { getMaximumPaintValue, translateDistance, translate } = require('../query_utils');
-const properties = require('./circle_style_layer_properties');
-const { vec4 } = require('@mapbox/gl-matrix');
-const { default: Point } = require('@mapbox/point-geometry');
+const { vec4 } = glMatrix;
 
 class CircleStyleLayer extends StyleLayer {
   constructor(layer) {
@@ -21,7 +22,7 @@ class CircleStyleLayer extends StyleLayer {
     return (
       getMaximumPaintValue('circle-radius', this, circleBucket) +
       getMaximumPaintValue('circle-stroke-width', this, circleBucket) +
-      translateDistance(this.paint.get('circle-translate'))
+      translateDistance(this._paint.get('circle-translate'))
     );
   }
 
@@ -37,24 +38,29 @@ class CircleStyleLayer extends StyleLayer {
   ) {
     const translatedPolygon = translate(
       queryGeometry,
-      this.paint.get('circle-translate'),
-      this.paint.get('circle-translate-anchor'),
+      this._paint.get('circle-translate'),
+      this._paint.get('circle-translate-anchor'),
       transform.angle,
       pixelsToTileUnits
     );
-    const radius = this.paint.get('circle-radius').evaluate(feature, featureState);
-    const stroke = this.paint.get('circle-stroke-width').evaluate(feature, featureState);
+    const radius = this._paint.get('circle-radius').evaluate(feature, featureState);
+    const stroke = this._paint.get('circle-stroke-width').evaluate(feature, featureState);
     const size = radius + stroke;
 
     // For pitch-alignment: map, compare feature geometry to query geometry in the plane of the tile
     // // Otherwise, compare geometry in the plane of the viewport
     // // A circle with fixed scaling relative to the viewport gets larger in tile space as it moves into the distance
     // // A circle with fixed scaling relative to the map gets smaller in viewport space as it moves into the distance
-    const alignWithMap = this.paint.get('circle-pitch-alignment') === 'map';
+    const pitchScale = this._paint.get('circle-pitch-scale');
+    const pitchAlignment = this._paint.get('circle-pitch-alignment');
+    const alignWithMap = pitchAlignment === 'map';
+    const alignWithViewport = pitchAlignment === 'viewport';
     const transformedPolygon = alignWithMap
       ? translatedPolygon
       : projectQueryGeometry(translatedPolygon, pixelPosMatrix);
     const transformedSize = alignWithMap ? size * pixelsToTileUnits : size;
+    const adjustViewportToMap = pitchScale === 'viewport' && alignWithMap;
+    const adjustMapToViewport = pitchScale === 'map' && alignWithViewport;
 
     for (const ring of geometry) {
       for (const point of ring) {
@@ -62,16 +68,15 @@ class CircleStyleLayer extends StyleLayer {
 
         let adjustedSize = transformedSize;
         const projectedCenter = vec4.transformMat4([], [point.x, point.y, 0, 1], pixelPosMatrix);
-        if (this.paint.get('circle-pitch-scale') === 'viewport' && this.paint.get('circle-pitch-alignment') === 'map') {
+        if (adjustViewportToMap) {
           adjustedSize *= projectedCenter[3] / transform.cameraToCenterDistance;
-        } else if (
-          this.paint.get('circle-pitch-scale') === 'map' &&
-          this.paint.get('circle-pitch-alignment') === 'viewport'
-        ) {
+        } else if (adjustMapToViewport) {
           adjustedSize *= transform.cameraToCenterDistance / projectedCenter[3];
         }
 
-        if (polygonIntersectsBufferedPoint(transformedPolygon, transformedPoint, adjustedSize)) return true;
+        if (polygonIntersectsBufferedPoint(transformedPolygon, transformedPoint, adjustedSize)) {
+          return true;
+        }
       }
     }
 
@@ -90,4 +95,4 @@ function projectQueryGeometry(queryGeometry, pixelPosMatrix) {
   });
 }
 
-module.exports = CircleStyleLayer;
+export default CircleStyleLayer;

package/src/style/style_layer/circle_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, DataConstantProperty, DataDrivenProperty } = require('../properties');
+import { DataConstantProperty, DataDrivenProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'circle-radius': new DataDrivenProperty({
@@ -73,4 +73,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/fill_extrusion_style_layer.js

@@ -1,13 +1,14 @@
-const StyleLayer = require('../style_layer');
+import glMatrix from '@mapbox/gl-matrix';
+import Point from '@mapbox/point-geometry';
+import FillExtrusionBucket from '../../data/bucket/fill_extrusion_bucket.js';
+import { polygonIntersectsMultiPolygon, polygonIntersectsPolygon } from '../../util/intersection_tests.js';
+import { translate, translateDistance } from '../query_utils.js';
+import StyleLayer from '../style_layer.js';
+import properties from './fill_extrusion_style_layer_properties.js';
 
-const FillExtrusionBucket = require('../../data/bucket/fill_extrusion_bucket');
-const { polygonIntersectsPolygon, polygonIntersectsMultiPolygon } = require('../../util/intersection_tests');
-const { translateDistance, translate } = require('../query_utils');
-const properties = require('./fill_extrusion_style_layer_properties');
-const { vec4 } = require('@mapbox/gl-matrix');
-const { default: Point } = require('@mapbox/point-geometry');
+const { vec4 } = glMatrix;
 
-class FillExtrusionStyleLayer extends StyleLayer {
+export class FillExtrusionStyleLayer extends StyleLayer {
   constructor(layer) {
     super(layer, properties);
   }
@@ -17,7 +18,7 @@ class FillExtrusionStyleLayer extends StyleLayer {
   }
 
   queryRadius() {
-    return translateDistance(this.paint.get('fill-extrusion-translate'));
+    return translateDistance(this._paint.get('fill-extrusion-translate'));
   }
 
   is3D() {
@@ -36,13 +37,13 @@ class FillExtrusionStyleLayer extends StyleLayer {
   ) {
     const translatedPolygon = translate(
       queryGeometry,
-      this.paint.get('fill-extrusion-translate'),
-      this.paint.get('fill-extrusion-translate-anchor'),
+      this._paint.get('fill-extrusion-translate'),
+      this._paint.get('fill-extrusion-translate-anchor'),
       transform.angle,
       pixelsToTileUnits
     );
-    const height = this.paint.get('fill-extrusion-height').evaluate(feature, featureState);
-    const base = this.paint.get('fill-extrusion-base').evaluate(feature, featureState);
+    const height = this._paint.get('fill-extrusion-height').evaluate(feature, featureState);
+    const base = this._paint.get('fill-extrusion-base').evaluate(feature, featureState);
 
     const projectedQueryGeometry = projectQueryGeometry(translatedPolygon, pixelPosMatrix, transform, 0);
 
@@ -57,7 +58,7 @@ function dot(a, b) {
   return a.x * b.x + a.y * b.y;
 }
 
-function getIntersectionDistance(projectedQueryGeometry, projectedFace) {
+export function getIntersectionDistance(projectedQueryGeometry, projectedFace) {
   if (projectedQueryGeometry.length === 1) {
     // For point queries calculate the z at which the point intersects the face
     // using barycentric coordinates.
@@ -66,27 +67,46 @@ function getIntersectionDistance(projectedQueryGeometry, projectedFace) {
     // triangle of the face, using only the xy plane. It doesn't matter if the
     // point is outside the first triangle because all the triangles in the face
     // are in the same plane.
-    const a = projectedFace[0];
-    const b = projectedFace[1];
-    const c = projectedFace[3];
-    const p = projectedQueryGeometry[0];
-
-    const ab = b.sub(a);
-    const ac = c.sub(a);
-    const ap = p.sub(a);
-
-    const dotABAB = dot(ab, ab);
-    const dotABAC = dot(ab, ac);
-    const dotACAC = dot(ac, ac);
-    const dotAPAB = dot(ap, ab);
-    const dotAPAC = dot(ap, ac);
-    const denom = dotABAB * dotACAC - dotABAC * dotABAC;
-    const v = (dotACAC * dotAPAB - dotABAC * dotAPAC) / denom;
-    const w = (dotABAB * dotAPAC - dotABAC * dotAPAB) / denom;
-    const u = 1 - v - w;
-
-    // Use the barycentric weighting along with the original triangle z coordinates to get the point of intersection.
-    return a.z * u + b.z * v + c.z * w;
+    //
+    // Check whether points are coincident and use other points if they are.
+    let i = 0;
+    const a = projectedFace[i++];
+    let b;
+    while (!b || a.equals(b)) {
+      b = projectedFace[i++];
+      if (!b) {
+        return Number.POSITIVE_INFINITY;
+      }
+    }
+
+    // Loop until point `c` is not colinear with points `a` and `b`.
+    for (; i < projectedFace.length; i++) {
+      const c = projectedFace[i];
+      const p = projectedQueryGeometry[0];
+
+      const ab = b.sub(a);
+      const ac = c.sub(a);
+      const ap = p.sub(a);
+
+      const dotABAB = dot(ab, ab);
+      const dotABAC = dot(ab, ac);
+      const dotACAC = dot(ac, ac);
+      const dotAPAB = dot(ap, ab);
+      const dotAPAC = dot(ap, ac);
+      const denom = dotABAB * dotACAC - dotABAC * dotABAC;
+
+      const v = (dotACAC * dotAPAB - dotABAC * dotAPAC) / denom;
+      const w = (dotABAB * dotAPAC - dotABAC * dotAPAB) / denom;
+      const u = 1 - v - w;
+
+      // Use the barycentric weighting along with the original triangle z coordinates to get the point of intersection.
+      const distance = a.z * u + b.z * v + c.z * w;
+
+      if (Number.isFinite(distance)) {
+        return distance;
+      }
+    }
+    return Number.POSITIVE_INFINITY;
   }
   // The counts as closest is less clear when the query is a box. This
   // returns the distance to the nearest point on the face, whether it is
@@ -190,5 +210,3 @@ function projectQueryGeometry(queryGeometry, pixelPosMatrix, transform, z) {
   }
   return projectedQueryGeometry;
 }
-
-module.exports = FillExtrusionStyleLayer;

package/src/style/style_layer/fill_extrusion_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, CrossFadedDataDrivenProperty, DataConstantProperty, DataDrivenProperty } = require('../properties');
+import { CrossFadedDataDrivenProperty, DataConstantProperty, DataDrivenProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'fill-extrusion-opacity': new DataConstantProperty({
@@ -53,4 +53,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/fill_style_layer.js

@@ -1,9 +1,8 @@
-const StyleLayer = require('../style_layer');
-
-const FillBucket = require('../../data/bucket/fill_bucket');
-const { polygonIntersectsMultiPolygon } = require('../../util/intersection_tests');
-const { translateDistance, translate } = require('../query_utils');
-const properties = require('./fill_style_layer_properties');
+import FillBucket from '../../data/bucket/fill_bucket.js';
+import { polygonIntersectsMultiPolygon } from '../../util/intersection_tests.js';
+import { translate, translateDistance } from '../query_utils.js';
+import StyleLayer from '../style_layer.js';
+import properties from './fill_style_layer_properties.js';
 
 class FillStyleLayer extends StyleLayer {
   constructor(layer) {
@@ -13,9 +12,9 @@ class FillStyleLayer extends StyleLayer {
   recalculate(parameters) {
     super.recalculate(parameters);
 
-    const outlineColor = this.paint._values['fill-outline-color'];
+    const outlineColor = this._paint._values['fill-outline-color'];
     if (outlineColor.value.kind === 'constant' && outlineColor.value.value === undefined) {
-      this.paint._values['fill-outline-color'] = this.paint._values['fill-color'];
+      this._paint._values['fill-outline-color'] = this._paint._values['fill-color'];
     }
   }
 
@@ -24,14 +23,14 @@ class FillStyleLayer extends StyleLayer {
   }
 
   queryRadius() {
-    return translateDistance(this.paint.get('fill-translate'));
+    return translateDistance(this._paint.get('fill-translate'));
   }
 
   queryIntersectsFeature(queryGeometry, feature, featureState, geometry, zoom, transform, pixelsToTileUnits) {
     const translatedPolygon = translate(
       queryGeometry,
-      this.paint.get('fill-translate'),
-      this.paint.get('fill-translate-anchor'),
+      this._paint.get('fill-translate'),
+      this._paint.get('fill-translate-anchor'),
       transform.angle,
       pixelsToTileUnits
     );
@@ -43,4 +42,4 @@ class FillStyleLayer extends StyleLayer {
   }
 }
 
-module.exports = FillStyleLayer;
+export default FillStyleLayer;

package/src/style/style_layer/fill_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, CrossFadedDataDrivenProperty, DataConstantProperty, DataDrivenProperty } = require('../properties');
+import { CrossFadedDataDrivenProperty, DataConstantProperty, DataDrivenProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'fill-antialias': new DataConstantProperty({ type: 'boolean', default: true, expression: { parameters: ['zoom'] } }),
@@ -42,4 +42,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/heatmap_style_layer.js

@@ -1,8 +1,7 @@
-const StyleLayer = require('../style_layer');
-
-const HeatmapBucket = require('../../data/bucket/heatmap_bucket');
-const properties = require('./heatmap_style_layer_properties');
-const renderColorRamp = require('../../util/color_ramp');
+import HeatmapBucket from '../../data/bucket/heatmap_bucket.js';
+import renderColorRamp from '../../util/color_ramp.js';
+import StyleLayer from '../style_layer.js';
+import properties from './heatmap_style_layer_properties.js';
 
 class HeatmapStyleLayer extends StyleLayer {
   createBucket(options) {
@@ -44,8 +43,8 @@ class HeatmapStyleLayer extends StyleLayer {
   }
 
   hasOffscreenPass() {
-    return this.paint.get('heatmap-opacity') !== 0 && this.visibility !== 'none';
+    return this._paint.get('heatmap-opacity') !== 0 && this.visibility !== 'none';
   }
 }
 
-module.exports = HeatmapStyleLayer;
+export default HeatmapStyleLayer;

package/src/style/style_layer/heatmap_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, ColorRampProperty, DataConstantProperty, DataDrivenProperty } = require('../properties');
+import { ColorRampProperty, DataConstantProperty, DataDrivenProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'heatmap-radius': new DataDrivenProperty({
@@ -49,4 +49,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/hillshade_style_layer.js

@@ -1,6 +1,5 @@
-const StyleLayer = require('../style_layer');
-
-const properties = require('./hillshade_style_layer_properties');
+import StyleLayer from '../style_layer.js';
+import properties from './hillshade_style_layer_properties.js';
 
 class HillshadeStyleLayer extends StyleLayer {
   constructor(layer) {
@@ -8,8 +7,8 @@ class HillshadeStyleLayer extends StyleLayer {
   }
 
   hasOffscreenPass() {
-    return this.paint.get('hillshade-exaggeration') !== 0 && this.visibility !== 'none';
+    return this._paint.get('hillshade-exaggeration') !== 0 && this.visibility !== 'none';
   }
 }
 
-module.exports = HillshadeStyleLayer;
+export default HillshadeStyleLayer;

package/src/style/style_layer/hillshade_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, DataConstantProperty } = require('../properties');
+import { DataConstantProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'hillshade-illumination-direction': new DataConstantProperty({
@@ -40,4 +40,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };

package/src/style/style_layer/line_style_layer.js

@@ -1,13 +1,12 @@
-const { default: Point } = require('@mapbox/point-geometry');
-
-const StyleLayer = require('../style_layer');
-const LineBucket = require('../../data/bucket/line_bucket');
-const { polygonIntersectsBufferedMultiLine } = require('../../util/intersection_tests');
-const { getMaximumPaintValue, translateDistance, translate } = require('../query_utils');
-const properties = require('./line_style_layer_properties');
-const EvaluationParameters = require('../evaluation_parameters');
-const renderColorRamp = require('../../util/color_ramp');
-const { DataDrivenProperty } = require('../properties');
+import Point from '@mapbox/point-geometry';
+import LineBucket from '../../data/bucket/line_bucket.js';
+import renderColorRamp from '../../util/color_ramp.js';
+import { polygonIntersectsBufferedMultiLine } from '../../util/intersection_tests.js';
+import EvaluationParameters from '../evaluation_parameters.js';
+import { DataDrivenProperty } from '../properties.js';
+import { getMaximumPaintValue, translate, translateDistance } from '../query_utils.js';
+import StyleLayer from '../style_layer.js';
+import properties from './line_style_layer_properties.js';
 
 class LineFloorwidthProperty extends DataDrivenProperty {
   possiblyEvaluate(value, parameters) {
@@ -49,7 +48,7 @@ class LineStyleLayer extends StyleLayer {
   recalculate(parameters) {
     super.recalculate(parameters);
 
-    this.paint._values['line-floorwidth'] = lineFloorwidthProperty.possiblyEvaluate(
+    this._paint._values['line-floorwidth'] = lineFloorwidthProperty.possiblyEvaluate(
       this._transitioningPaint._values['line-width'].value,
       parameters
     );
@@ -66,24 +65,24 @@ class LineStyleLayer extends StyleLayer {
       getMaximumPaintValue('line-gap-width', this, lineBucket)
     );
     const offset = getMaximumPaintValue('line-offset', this, lineBucket);
-    return width / 2 + Math.abs(offset) + translateDistance(this.paint.get('line-translate'));
+    return width / 2 + Math.abs(offset) + translateDistance(this._paint.get('line-translate'));
   }
 
   queryIntersectsFeature(queryGeometry, feature, featureState, geometry, zoom, transform, pixelsToTileUnits) {
     const translatedPolygon = translate(
       queryGeometry,
-      this.paint.get('line-translate'),
-      this.paint.get('line-translate-anchor'),
+      this._paint.get('line-translate'),
+      this._paint.get('line-translate-anchor'),
       transform.angle,
       pixelsToTileUnits
     );
     const halfWidth =
       (pixelsToTileUnits / 2) *
       getLineWidth(
-        this.paint.get('line-width').evaluate(feature, featureState),
-        this.paint.get('line-gap-width').evaluate(feature, featureState)
+        this._paint.get('line-width').evaluate(feature, featureState),
+        this._paint.get('line-gap-width').evaluate(feature, featureState)
       );
-    const lineOffset = this.paint.get('line-offset').evaluate(feature, featureState);
+    const lineOffset = this._paint.get('line-offset').evaluate(feature, featureState);
     if (lineOffset) {
       geometry = offsetLine(geometry, lineOffset * pixelsToTileUnits);
     }
@@ -95,7 +94,7 @@ class LineStyleLayer extends StyleLayer {
   }
 }
 
-module.exports = LineStyleLayer;
+export default LineStyleLayer;
 
 function getLineWidth(lineWidth, lineGapWidth) {
   if (lineGapWidth > 0) {
@@ -105,25 +104,29 @@ function getLineWidth(lineWidth, lineGapWidth) {
 }
 
 function offsetLine(rings, offset) {
-  const newRings = [];
-  const zero = new Point(0, 0);
+  const newRings = new Array(rings.length);
   for (let k = 0; k < rings.length; k++) {
     const ring = rings[k];
-    const newRing = [];
-    for (let i = 0; i < ring.length; i++) {
-      const a = ring[i - 1];
-      const b = ring[i];
+    const newRing = new Array(ring.length);
+    newRings[k] = newRing;
+
+    let b = ring[0];
+    let aToB = new Point(0, 0);
+    for (let i = 0; i < ring.length - 1; i++) {
       const c = ring[i + 1];
-      const aToB = i === 0 ? zero : b.sub(a)._unit()._perp();
-      const bToC = i === ring.length - 1 ? zero : c.sub(b)._unit()._perp();
+      const bToC = c.sub(b)._unit()._perp();
       const extrude = aToB._add(bToC)._unit();
-
       const cosHalfAngle = extrude.x * bToC.x + extrude.y * bToC.y;
-      extrude._mult(1 / cosHalfAngle);
+      if (cosHalfAngle !== 0) {
+        extrude._div(cosHalfAngle);
+      }
+      newRing[i] = extrude._mult(offset)._add(b);
 
-      newRing.push(extrude._mult(offset)._add(b));
+      b = c;
+      aToB = bToC;
     }
-    newRings.push(newRing);
+
+    newRing[ring.length - 1] = aToB._unit()._mult(offset)._add(b);
   }
   return newRings;
 }

package/src/style/style_layer/line_style_layer_properties.js

@@ -1,13 +1,13 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const {
-  Properties,
+import {
   ColorRampProperty,
   CrossFadedDataDrivenProperty,
   CrossFadedProperty,
   DataConstantProperty,
-  DataDrivenProperty
-} = require('../properties');
+  DataDrivenProperty,
+  Properties
+} from '../properties.js';
 
 const layout = new Properties({
   'line-cap': new DataConstantProperty({
@@ -101,4 +101,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint, layout };
+export default { paint, layout };

package/src/style/style_layer/raster_style_layer.js

@@ -1,6 +1,5 @@
-const StyleLayer = require('../style_layer');
-
-const properties = require('./raster_style_layer_properties');
+import StyleLayer from '../style_layer.js';
+import properties from './raster_style_layer_properties.js';
 
 class RasterStyleLayer extends StyleLayer {
   constructor(layer) {
@@ -8,4 +7,4 @@ class RasterStyleLayer extends StyleLayer {
   }
 }
 
-module.exports = RasterStyleLayer;
+export default RasterStyleLayer;

package/src/style/style_layer/raster_style_layer_properties.js

@@ -1,6 +1,6 @@
 // This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
 
-const { Properties, DataConstantProperty } = require('../properties');
+import { DataConstantProperty, Properties } from '../properties.js';
 
 const paint = new Properties({
   'raster-opacity': new DataConstantProperty({
@@ -52,4 +52,4 @@ const paint = new Properties({
   })
 });
 
-module.exports = { paint };
+export default { paint };