@deck.gl/aggregation-layers 8.9.3 → 8.9.5

package/typed/heatmap-layer/heatmap-layer.js

@@ -1,478 +0,0 @@
-// Copyright (c) 2015 - 2019 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-/* global setTimeout clearTimeout */
-import GL from '@luma.gl/constants';
-import { getBounds, boundsContain, packVertices, scaleToAspectRatio, getTextureCoordinates, getTextureParams } from './heatmap-layer-utils';
-import { Buffer, Texture2D, Transform, getParameters, FEATURES, hasFeatures } from '@luma.gl/core';
-import { AttributeManager, COORDINATE_SYSTEM, log } from '@deck.gl/core';
-import TriangleLayer from './triangle-layer';
-import AggregationLayer from '../aggregation-layer';
-import { defaultColorRange, colorRangeToFlatArray } from '../utils/color-utils';
-import weightsVs from './weights-vs.glsl';
-import weightsFs from './weights-fs.glsl';
-import vsMax from './max-vs.glsl';
-import fsMax from './max-fs.glsl';
-const RESOLUTION = 2; // (number of common space pixels) / (number texels)
-const TEXTURE_OPTIONS = {
-    mipmaps: false,
-    parameters: {
-        [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,
-        [GL.TEXTURE_MIN_FILTER]: GL.LINEAR,
-        [GL.TEXTURE_WRAP_S]: GL.CLAMP_TO_EDGE,
-        [GL.TEXTURE_WRAP_T]: GL.CLAMP_TO_EDGE
-    },
-    dataFormat: GL.RGBA
-};
-const DEFAULT_COLOR_DOMAIN = [0, 0];
-const AGGREGATION_MODE = {
-    SUM: 0,
-    MEAN: 1
-};
-const defaultProps = {
-    getPosition: { type: 'accessor', value: x => x.position },
-    getWeight: { type: 'accessor', value: 1 },
-    intensity: { type: 'number', min: 0, value: 1 },
-    radiusPixels: { type: 'number', min: 1, max: 100, value: 50 },
-    colorRange: defaultColorRange,
-    threshold: { type: 'number', min: 0, max: 1, value: 0.05 },
-    colorDomain: { type: 'array', value: null, optional: true },
-    // 'SUM' or 'MEAN'
-    aggregation: 'SUM',
-    weightsTextureSize: { type: 'number', min: 128, max: 2048, value: 2048 },
-    debounceTimeout: { type: 'number', min: 0, max: 1000, value: 500 }
-};
-const REQUIRED_FEATURES = [
-    FEATURES.BLEND_EQUATION_MINMAX,
-    FEATURES.TEXTURE_FLOAT // weight-map as texture
-];
-const FLOAT_TARGET_FEATURES = [
-    FEATURES.COLOR_ATTACHMENT_RGBA32F,
-    FEATURES.FLOAT_BLEND // ability to blend when rendering to float texture
-];
-const DIMENSIONS = {
-    data: {
-        props: ['radiusPixels']
-    }
-};
-export default class HeatmapLayer extends AggregationLayer {
-    initializeState() {
-        const { gl } = this.context;
-        if (!hasFeatures(gl, REQUIRED_FEATURES)) {
-            this.setState({ supported: false });
-            log.error(`HeatmapLayer: ${this.id} is not supported on this browser`)();
-            return;
-        }
-        super.initializeAggregationLayer(DIMENSIONS);
-        this.setState({ supported: true, colorDomain: DEFAULT_COLOR_DOMAIN });
-        this._setupTextureParams();
-        this._setupAttributes();
-        this._setupResources();
-    }
-    shouldUpdateState({ changeFlags }) {
-        // Need to be updated when viewport changes
-        return changeFlags.somethingChanged;
-    }
-    /* eslint-disable max-statements,complexity */
-    updateState(opts) {
-        if (!this.state.supported) {
-            return;
-        }
-        super.updateState(opts);
-        this._updateHeatmapState(opts);
-    }
-    _updateHeatmapState(opts) {
-        const { props, oldProps } = opts;
-        const changeFlags = this._getChangeFlags(opts);
-        if (changeFlags.dataChanged || changeFlags.viewportChanged) {
-            // if data is changed, do not debounce and immediately update the weight map
-            changeFlags.boundsChanged = this._updateBounds(changeFlags.dataChanged);
-            this._updateTextureRenderingBounds();
-        }
-        if (changeFlags.dataChanged || changeFlags.boundsChanged) {
-            // Update weight map immediately
-            clearTimeout(this.state.updateTimer);
-            this.setState({ isWeightMapDirty: true });
-        }
-        else if (changeFlags.viewportZoomChanged) {
-            // Update weight map when zoom stops
-            this._debouncedUpdateWeightmap();
-        }
-        if (props.colorRange !== oldProps.colorRange) {
-            this._updateColorTexture(opts);
-        }
-        if (this.state.isWeightMapDirty) {
-            this._updateWeightmap();
-        }
-        this.setState({ zoom: opts.context.viewport.zoom });
-    }
-    renderLayers() {
-        if (!this.state.supported) {
-            return [];
-        }
-        const { weightsTexture, triPositionBuffer, triTexCoordBuffer, maxWeightsTexture, colorTexture, colorDomain } = this.state;
-        const { updateTriggers, intensity, threshold, aggregation } = this.props;
-        const TriangleLayerClass = this.getSubLayerClass('triangle', TriangleLayer);
-        return new TriangleLayerClass(this.getSubLayerProps({
-            id: 'triangle-layer',
-            updateTriggers
-        }), {
-            // position buffer is filled with world coordinates generated from viewport.unproject
-            // i.e. LNGLAT if geospatial, CARTESIAN otherwise
-            coordinateSystem: COORDINATE_SYSTEM.DEFAULT,
-            data: {
-                attributes: {
-                    positions: triPositionBuffer,
-                    texCoords: triTexCoordBuffer
-                }
-            },
-            vertexCount: 4,
-            maxTexture: maxWeightsTexture,
-            colorTexture,
-            aggregationMode: AGGREGATION_MODE[aggregation] || 0,
-            texture: weightsTexture,
-            intensity,
-            threshold,
-            colorDomain
-        });
-    }
-    finalizeState(context) {
-        super.finalizeState(context);
-        const { weightsTransform, weightsTexture, maxWeightTransform, maxWeightsTexture, triPositionBuffer, triTexCoordBuffer, colorTexture, updateTimer } = this.state;
-        weightsTransform?.delete();
-        weightsTexture?.delete();
-        maxWeightTransform?.delete();
-        maxWeightsTexture?.delete();
-        triPositionBuffer?.delete();
-        triTexCoordBuffer?.delete();
-        colorTexture?.delete();
-        if (updateTimer) {
-            clearTimeout(updateTimer);
-        }
-    }
-    // PRIVATE
-    // override Composite layer private method to create AttributeManager instance
-    _getAttributeManager() {
-        return new AttributeManager(this.context.gl, {
-            id: this.props.id,
-            stats: this.context.stats
-        });
-    }
-    _getChangeFlags(opts) {
-        const changeFlags = {};
-        const { dimensions } = this.state;
-        changeFlags.dataChanged =
-            this.isAttributeChanged() || // if any attribute is changed
-                this.isAggregationDirty(opts, {
-                    compareAll: true,
-                    dimension: dimensions.data
-                });
-        changeFlags.viewportChanged = opts.changeFlags.viewportChanged;
-        const { zoom } = this.state;
-        if (!opts.context.viewport || opts.context.viewport.zoom !== zoom) {
-            changeFlags.viewportZoomChanged = true;
-        }
-        return changeFlags;
-    }
-    _createTextures() {
-        const { gl } = this.context;
-        const { textureSize, format, type } = this.state;
-        this.setState({
-            weightsTexture: new Texture2D(gl, {
-                width: textureSize,
-                height: textureSize,
-                format,
-                type,
-                ...TEXTURE_OPTIONS
-            }),
-            maxWeightsTexture: new Texture2D(gl, { format, type, ...TEXTURE_OPTIONS }) // 1 X 1 texture,
-        });
-    }
-    _setupAttributes() {
-        const attributeManager = this.getAttributeManager();
-        attributeManager.add({
-            positions: { size: 3, type: GL.DOUBLE, accessor: 'getPosition' },
-            weights: { size: 1, accessor: 'getWeight' }
-        });
-        this.setState({ positionAttributeName: 'positions' });
-    }
-    _setupTextureParams() {
-        const { gl } = this.context;
-        const { weightsTextureSize } = this.props;
-        const textureSize = Math.min(weightsTextureSize, getParameters(gl, gl.MAX_TEXTURE_SIZE));
-        const floatTargetSupport = hasFeatures(gl, FLOAT_TARGET_FEATURES);
-        const { format, type } = getTextureParams({ gl, floatTargetSupport });
-        const weightsScale = floatTargetSupport ? 1 : 1 / 255;
-        this.setState({ textureSize, format, type, weightsScale });
-        if (!floatTargetSupport) {
-            log.warn(`HeatmapLayer: ${this.id} rendering to float texture not supported, fallingback to low precession format`)();
-        }
-    }
-    getShaders(type) {
-        return super.getShaders(type === 'max-weights-transform'
-            ? {
-                vs: vsMax,
-                _fs: fsMax
-            }
-            : {
-                vs: weightsVs,
-                _fs: weightsFs
-            });
-    }
-    _createWeightsTransform(shaders = {}) {
-        const { gl } = this.context;
-        let { weightsTransform } = this.state;
-        const { weightsTexture } = this.state;
-        weightsTransform?.delete();
-        weightsTransform = new Transform(gl, {
-            id: `${this.id}-weights-transform`,
-            elementCount: 1,
-            _targetTexture: weightsTexture,
-            _targetTextureVarying: 'weightsTexture',
-            ...shaders
-        });
-        this.setState({ weightsTransform });
-    }
-    _setupResources() {
-        const { gl } = this.context;
-        this._createTextures();
-        const { textureSize, weightsTexture, maxWeightsTexture } = this.state;
-        const weightsTransformShaders = this.getShaders('weights-transform');
-        this._createWeightsTransform(weightsTransformShaders);
-        const maxWeightsTransformShaders = this.getShaders('max-weights-transform');
-        const maxWeightTransform = new Transform(gl, {
-            id: `${this.id}-max-weights-transform`,
-            _sourceTextures: {
-                inTexture: weightsTexture
-            },
-            _targetTexture: maxWeightsTexture,
-            _targetTextureVarying: 'outTexture',
-            ...maxWeightsTransformShaders,
-            elementCount: textureSize * textureSize
-        });
-        this.setState({
-            weightsTexture,
-            maxWeightsTexture,
-            maxWeightTransform,
-            zoom: null,
-            triPositionBuffer: new Buffer(gl, {
-                byteLength: 48,
-                accessor: { size: 3 }
-            }),
-            triTexCoordBuffer: new Buffer(gl, {
-                byteLength: 48,
-                accessor: { size: 2 }
-            })
-        });
-    }
-    // overwrite super class method to update transform model
-    updateShaders(shaderOptions) {
-        // sahder params (modules, injects) changed, update model object
-        this._createWeightsTransform(shaderOptions);
-    }
-    _updateMaxWeightValue() {
-        const { maxWeightTransform } = this.state;
-        maxWeightTransform.run({
-            parameters: {
-                blend: true,
-                depthTest: false,
-                blendFunc: [GL.ONE, GL.ONE],
-                blendEquation: GL.MAX
-            }
-        });
-    }
-    // Computes world bounds area that needs to be processed for generate heatmap
-    _updateBounds(forceUpdate = false) {
-        const { viewport } = this.context;
-        // Unproject all 4 corners of the current screen coordinates into world coordinates (lng/lat)
-        // Takes care of viewport has non zero bearing/pitch (i.e axis not aligned with world coordiante system)
-        const viewportCorners = [
-            viewport.unproject([0, 0]),
-            viewport.unproject([viewport.width, 0]),
-            viewport.unproject([viewport.width, viewport.height]),
-            viewport.unproject([0, viewport.height])
-        ].map(p => p.map(Math.fround));
-        // #1: get world bounds for current viewport extends
-        const visibleWorldBounds = getBounds(viewportCorners); // TODO: Change to visible bounds
-        const newState = { visibleWorldBounds, viewportCorners };
-        let boundsChanged = false;
-        if (forceUpdate ||
-            !this.state.worldBounds ||
-            !boundsContain(this.state.worldBounds, visibleWorldBounds)) {
-            // #2 : convert world bounds to common (Flat) bounds
-            // #3 : extend common bounds to match aspect ratio with viewport
-            const scaledCommonBounds = this._worldToCommonBounds(visibleWorldBounds);
-            // #4 :convert aligned common bounds to world bounds
-            const worldBounds = this._commonToWorldBounds(scaledCommonBounds);
-            // Clip webmercator projection limits
-            if (this.props.coordinateSystem === COORDINATE_SYSTEM.LNGLAT) {
-                worldBounds[1] = Math.max(worldBounds[1], -85.051129);
-                worldBounds[3] = Math.min(worldBounds[3], 85.051129);
-                worldBounds[0] = Math.max(worldBounds[0], -360);
-                worldBounds[2] = Math.min(worldBounds[2], 360);
-            }
-            // #5: now convert world bounds to common using Layer's coordiante system and origin
-            const normalizedCommonBounds = this._worldToCommonBounds(worldBounds);
-            newState.worldBounds = worldBounds;
-            newState.normalizedCommonBounds = normalizedCommonBounds;
-            boundsChanged = true;
-        }
-        this.setState(newState);
-        return boundsChanged;
-    }
-    _updateTextureRenderingBounds() {
-        // Just render visible portion of the texture
-        const { triPositionBuffer, triTexCoordBuffer, normalizedCommonBounds, viewportCorners } = this.state;
-        const { viewport } = this.context;
-        triPositionBuffer.subData(packVertices(viewportCorners, 3));
-        const textureBounds = viewportCorners.map(p => getTextureCoordinates(viewport.projectPosition(p), normalizedCommonBounds));
-        triTexCoordBuffer.subData(packVertices(textureBounds, 2));
-    }
-    _updateColorTexture(opts) {
-        const { colorRange } = opts.props;
-        let { colorTexture } = this.state;
-        const colors = colorRangeToFlatArray(colorRange, false, Uint8Array);
-        if (colorTexture) {
-            colorTexture.setImageData({
-                data: colors,
-                width: colorRange.length
-            });
-        }
-        else {
-            colorTexture = new Texture2D(this.context.gl, {
-                data: colors,
-                width: colorRange.length,
-                height: 1,
-                ...TEXTURE_OPTIONS
-            });
-        }
-        this.setState({ colorTexture });
-    }
-    _updateWeightmap() {
-        const { radiusPixels, colorDomain, aggregation } = this.props;
-        const { weightsTransform, worldBounds, textureSize, weightsTexture, weightsScale } = this.state;
-        this.state.isWeightMapDirty = false;
-        // convert world bounds to common using Layer's coordiante system and origin
-        const commonBounds = this._worldToCommonBounds(worldBounds, {
-            useLayerCoordinateSystem: true
-        });
-        if (colorDomain && aggregation === 'SUM') {
-            // scale color domain to weight per pixel
-            const { viewport } = this.context;
-            const metersPerPixel = (viewport.distanceScales.metersPerUnit[2] * (commonBounds[2] - commonBounds[0])) /
-                textureSize;
-            this.state.colorDomain = colorDomain.map(x => x * metersPerPixel * weightsScale);
-        }
-        else {
-            this.state.colorDomain = colorDomain || DEFAULT_COLOR_DOMAIN;
-        }
-        const uniforms = {
-            radiusPixels,
-            commonBounds,
-            textureWidth: textureSize,
-            weightsScale
-        };
-        // Attribute manager sets data array count as instaceCount on model
-        // we need to set that as elementCount on 'weightsTransform'
-        weightsTransform.update({
-            elementCount: this.getNumInstances()
-        });
-        weightsTransform.run({
-            uniforms,
-            parameters: {
-                blend: true,
-                depthTest: false,
-                blendFunc: [GL.ONE, GL.ONE],
-                blendEquation: GL.FUNC_ADD
-            },
-            clearRenderTarget: true,
-            attributes: this.getAttributes(),
-            moduleSettings: this.getModuleSettings()
-        });
-        this._updateMaxWeightValue();
-        // reset filtering parameters (TODO: remove once luma issue#1193 is fixed)
-        weightsTexture.setParameters({
-            [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,
-            [GL.TEXTURE_MIN_FILTER]: GL.LINEAR
-        });
-    }
-    _debouncedUpdateWeightmap(fromTimer = false) {
-        let { updateTimer } = this.state;
-        const { debounceTimeout } = this.props;
-        if (fromTimer) {
-            updateTimer = null;
-            // update
-            this._updateBounds(true);
-            this._updateTextureRenderingBounds();
-            this.setState({ isWeightMapDirty: true });
-        }
-        else {
-            this.setState({ isWeightMapDirty: false });
-            clearTimeout(updateTimer);
-            updateTimer = setTimeout(this._debouncedUpdateWeightmap.bind(this, true), debounceTimeout);
-        }
-        this.setState({ updateTimer });
-    }
-    // input: worldBounds: [minLong, minLat, maxLong, maxLat]
-    // input: opts.useLayerCoordinateSystem : layers coordiante system is used
-    // optput: commonBounds: [minX, minY, maxX, maxY] scaled to fit the current texture
-    _worldToCommonBounds(worldBounds, opts = {}) {
-        const { useLayerCoordinateSystem = false } = opts;
-        const [minLong, minLat, maxLong, maxLat] = worldBounds;
-        const { viewport } = this.context;
-        const { textureSize } = this.state;
-        const { coordinateSystem } = this.props;
-        const offsetMode = useLayerCoordinateSystem &&
-            (coordinateSystem === COORDINATE_SYSTEM.LNGLAT_OFFSETS ||
-                coordinateSystem === COORDINATE_SYSTEM.METER_OFFSETS);
-        const offsetOriginCommon = offsetMode
-            ? viewport.projectPosition(this.props.coordinateOrigin)
-            : [0, 0];
-        const size = (textureSize * RESOLUTION) / viewport.scale;
-        let bottomLeftCommon;
-        let topRightCommon;
-        // Y-axis is flipped between World and Common bounds
-        if (useLayerCoordinateSystem && !offsetMode) {
-            bottomLeftCommon = this.projectPosition([minLong, minLat, 0]);
-            topRightCommon = this.projectPosition([maxLong, maxLat, 0]);
-        }
-        else {
-            bottomLeftCommon = viewport.projectPosition([minLong, minLat, 0]);
-            topRightCommon = viewport.projectPosition([maxLong, maxLat, 0]);
-        }
-        // Ignore z component
-        return scaleToAspectRatio([
-            bottomLeftCommon[0] - offsetOriginCommon[0],
-            bottomLeftCommon[1] - offsetOriginCommon[1],
-            topRightCommon[0] - offsetOriginCommon[0],
-            topRightCommon[1] - offsetOriginCommon[1]
-        ], size, size);
-    }
-    // input commonBounds: [xMin, yMin, xMax, yMax]
-    // output worldBounds: [minLong, minLat, maxLong, maxLat]
-    _commonToWorldBounds(commonBounds) {
-        const [xMin, yMin, xMax, yMax] = commonBounds;
-        const { viewport } = this.context;
-        const bottomLeftWorld = viewport.unprojectPosition([xMin, yMin]);
-        const topRightWorld = viewport.unprojectPosition([xMax, yMax]);
-        return bottomLeftWorld.slice(0, 2).concat(topRightWorld.slice(0, 2));
-    }
-}
-HeatmapLayer.layerName = 'HeatmapLayer';
-HeatmapLayer.defaultProps = defaultProps;

package/typed/heatmap-layer/max-fs.glsl.js

@@ -1,7 +0,0 @@
-export default `\
-varying vec4 outTexture;
-void main() {
-  gl_FragColor = outTexture;
-  gl_FragColor.g = outTexture.r / max(1.0, outTexture.a);
-}
-`;

package/typed/heatmap-layer/max-vs.glsl.js

@@ -1,12 +0,0 @@
-export default `\
-attribute vec4 inTexture;
-varying vec4 outTexture;
-
-void main()
-{
-outTexture = inTexture;
-gl_Position = vec4(0, 0, 0, 1.);
-// Enforce default value for ANGLE issue (https://bugs.chromium.org/p/angleproject/issues/detail?id=3941)
-gl_PointSize = 1.0;
-}
-`;

package/typed/heatmap-layer/triangle-layer-fragment.glsl.js

@@ -1,58 +0,0 @@
-// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-export default `\
-#define SHADER_NAME triangle-layer-fragment-shader
-
-precision highp float;
-
-uniform float opacity;
-uniform sampler2D texture;
-uniform sampler2D colorTexture;
-uniform float aggregationMode;
-
-varying vec2 vTexCoords;
-varying float vIntensityMin;
-varying float vIntensityMax;
-
-vec4 getLinearColor(float value) {
-  float factor = clamp(value * vIntensityMax, 0., 1.);
-  vec4 color = texture2D(colorTexture, vec2(factor, 0.5));
-  color.a *= min(value * vIntensityMin, 1.0);
-  return color;
-}
-
-void main(void) {
-  vec4 weights = texture2D(texture, vTexCoords);
-  float weight = weights.r;
-
-  if (aggregationMode > 0.5) {
-    weight /= max(1.0, weights.a);
-  }
-
-  // discard pixels with 0 weight.
-  if (weight <= 0.) {
-     discard;
-  }
-
-  vec4 linearColor = getLinearColor(weight);
-  linearColor.a *= opacity;
-  gl_FragColor =linearColor;
-}
-`;

package/typed/heatmap-layer/triangle-layer-vertex.glsl.js

@@ -1,51 +0,0 @@
-// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-// Inspired by screen-grid-layer vertex shader in deck.gl
-export default `\
-#define SHADER_NAME heatp-map-layer-vertex-shader
-
-uniform sampler2D maxTexture;
-uniform float intensity;
-uniform vec2 colorDomain;
-uniform float threshold;
-uniform float aggregationMode;
-
-attribute vec3 positions;
-attribute vec2 texCoords;
-
-varying vec2 vTexCoords;
-varying float vIntensityMin;
-varying float vIntensityMax;
-
-void main(void) {
-  gl_Position = project_position_to_clipspace(positions, vec3(0.0), vec3(0.0));
-  vTexCoords = texCoords;
-  vec4 maxTexture = texture2D(maxTexture, vec2(0.5));
-  float maxValue = aggregationMode < 0.5 ? maxTexture.r : maxTexture.g;
-  float minValue = maxValue * threshold;
-  if (colorDomain[1] > 0.) {
-    // if user specified custom domain use it.
-    maxValue = colorDomain[1];
-    minValue = colorDomain[0];
-  }
-  vIntensityMax = intensity / maxValue;
-  vIntensityMin = intensity / minValue;
-}
-`;

package/typed/heatmap-layer/triangle-layer.js

@@ -1,67 +0,0 @@
-// Copyright (c) 2015 - 2019 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-import GL from '@luma.gl/constants';
-import { Model, Geometry } from '@luma.gl/core';
-import { Layer, project32 } from '@deck.gl/core';
-import vs from './triangle-layer-vertex.glsl';
-import fs from './triangle-layer-fragment.glsl';
-export default class TriangleLayer extends Layer {
-    getShaders() {
-        return { vs, fs, modules: [project32] };
-    }
-    initializeState({ gl }) {
-        const attributeManager = this.getAttributeManager();
-        attributeManager.add({
-            positions: { size: 3, noAlloc: true },
-            texCoords: { size: 2, noAlloc: true }
-        });
-        this.setState({
-            model: this._getModel(gl)
-        });
-    }
-    _getModel(gl) {
-        const { vertexCount } = this.props;
-        return new Model(gl, {
-            ...this.getShaders(),
-            id: this.props.id,
-            geometry: new Geometry({
-                drawMode: GL.TRIANGLE_FAN,
-                vertexCount
-            })
-        });
-    }
-    draw({ uniforms }) {
-        const { model } = this.state;
-        const { texture, maxTexture, colorTexture, intensity, threshold, aggregationMode, colorDomain } = this.props;
-        model
-            .setUniforms({
-            ...uniforms,
-            texture,
-            maxTexture,
-            colorTexture,
-            intensity,
-            threshold,
-            aggregationMode,
-            colorDomain
-        })
-            .draw();
-    }
-}
-TriangleLayer.layerName = 'TriangleLayer';