@carto/kepler.gl 0.0.77 → 0.0.78-0

package/src/deckgl-layers/3d-building-layer/3d-building-layer.js

@@ -1,56 +0,0 @@
-// Copyright (c) 2022 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 {CompositeLayer} from '@deck.gl/core';
-import {TileLayer as DeckGLTileLayer} from '@deck.gl/geo-layers';
-import {getTileData} from './3d-building-utils';
-import {SolidPolygonLayer} from '@deck.gl/layers';
-
-export default class ThreeDBuildingLayer extends CompositeLayer {
-  // this layer add its subLayers to the redux store, and push sample data
-
-  renderSubLayers(props) {
-    return new SolidPolygonLayer({
-      ...props,
-      parameter: {
-        blendFunc: ['SRC_ALPHA', 'ONE_MINUS_SRC_ALPHA', 'ONE', 'ONE_MINUS_SRC_ALPHA'],
-        blendEquation: ['FUNC_ADD', 'FUNC_ADD']
-      },
-      extruded: true,
-      opacity: 1,
-      filled: true,
-      getElevation: feature => feature.properties.height || 0,
-      getPolygon: feature => feature.coordinates,
-      getFillColor: this.props.threeDBuildingColor
-    });
-  }
-
-  renderLayers() {
-    return [
-      new DeckGLTileLayer({
-        getTileData: args =>
-          getTileData(this.props.mapboxApiUrl, this.props.mapboxApiAccessToken, args),
-        minZoom: 13,
-        renderSubLayers: this.renderSubLayers.bind(this),
-        updateTriggers: this.props.updateTriggers
-      })
-    ];
-  }
-}

package/src/deckgl-layers/3d-building-layer/3d-building-utils.js

@@ -1,192 +0,0 @@
-// Copyright (c) 2022 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 Protobuf from 'pbf';
-import {VectorTile} from '@mapbox/vector-tile';
-import {worldToLngLat} from 'viewport-mercator-project';
-
-/* global fetch */
-const TILE_SIZE = 512;
-const MAPBOX_HOST = 'https://a.tiles.mapbox.com';
-const MAP_SOURCE = '/v4/mapbox.mapbox-streets-v7';
-
-export function getTileData(host, token, {x, y, z}) {
-  const mapSource = `${host ||
-    MAPBOX_HOST}${MAP_SOURCE}/${z}/${x}/${y}.vector.pbf?access_token=${token}`;
-
-  return fetch(mapSource)
-    .then(response => response.arrayBuffer())
-    .then(buffer => decodeTile(x, y, z, buffer));
-}
-
-export function decodeTile(x, y, z, arrayBuffer) {
-  const tile = new VectorTile(new Protobuf(arrayBuffer));
-
-  const result = [];
-  const xProj = x * TILE_SIZE;
-  const yProj = y * TILE_SIZE;
-  const scale = Math.pow(2, z);
-
-  const projectFunc = project.bind(null, xProj, yProj, scale);
-
-  /* eslint-disable guard-for-in */
-  const layerName = 'building';
-  const vectorTileLayer = tile.layers[layerName];
-  if (!vectorTileLayer) {
-    return [];
-  }
-  for (let i = 0; i < vectorTileLayer.length; i++) {
-    const vectorTileFeature = vectorTileLayer.feature(i);
-    const features = vectorTileFeatureToProp(vectorTileFeature, projectFunc);
-    features.forEach(f => {
-      f.properties.layer = layerName;
-      if (f.properties.height) {
-        result.push(f);
-      }
-    });
-  }
-  return result;
-}
-
-function project(x, y, scale, line, extent) {
-  const sizeToPixel = extent / TILE_SIZE;
-
-  for (let ii = 0; ii < line.length; ii++) {
-    const p = line[ii];
-    // LNGLAT
-    line[ii] = worldToLngLat([x + p[0] / sizeToPixel, y + p[1] / sizeToPixel], scale);
-  }
-}
-
-/* adapted from @mapbox/vector-tile/lib/vectortilefeature.js for better perf */
-/* eslint-disable */
-export function vectorTileFeatureToProp(vectorTileFeature, project) {
-  let coords = getCoordinates(vectorTileFeature);
-  const extent = vectorTileFeature.extent;
-  let i;
-  let j;
-
-  coords = classifyRings(coords);
-  for (i = 0; i < coords.length; i++) {
-    for (j = 0; j < coords[i].length; j++) {
-      project(coords[i][j], extent);
-    }
-  }
-
-  return coords.map(coordinates => ({
-    coordinates,
-    properties: vectorTileFeature.properties
-  }));
-}
-
-function getCoordinates(vectorTileFeature) {
-  const pbf = vectorTileFeature._pbf;
-  pbf.pos = vectorTileFeature._geometry;
-
-  const end = pbf.readVarint() + pbf.pos;
-  let cmd = 1;
-  let length = 0;
-  let x = 0;
-  let y = 0;
-
-  const lines = [];
-  let line;
-
-  while (pbf.pos < end) {
-    if (length <= 0) {
-      const cmdLen = pbf.readVarint();
-      cmd = cmdLen & 0x7;
-      length = cmdLen >> 3;
-    }
-
-    length--;
-
-    if (cmd === 1 || cmd === 2) {
-      x += pbf.readSVarint();
-      y += pbf.readSVarint();
-
-      if (cmd === 1) {
-        // moveTo
-        if (line) lines.push(line);
-        line = [];
-      }
-
-      if (line) line.push([x, y]);
-    } else if (cmd === 7) {
-      // Workaround for https://github.com/mapbox/mapnik-vector-tile/issues/90
-      if (line) {
-        line.push(line[0].slice()); // closePolygon
-      }
-    } else {
-      throw new Error(`unknown command ${cmd}`);
-    }
-  }
-
-  if (line) lines.push(line);
-
-  return lines;
-}
-
-// classifies an array of rings into polygons with outer rings and holes
-
-function classifyRings(rings) {
-  const len = rings.length;
-
-  if (len <= 1) return [rings];
-
-  const polygons = [];
-  let polygon;
-  let ccw;
-
-  for (let i = 0; i < len; i++) {
-    const area = signedArea(rings[i]);
-    if (area === 0) {
-      continue;
-    }
-
-    if (ccw === undefined) {
-      ccw = area < 0;
-    }
-
-    if (ccw === area < 0) {
-      if (polygon) {
-        polygons.push(polygon);
-      }
-      polygon = [rings[i]];
-    } else if (polygon) {
-      polygon.push(rings[i]);
-    }
-  }
-  if (polygon) {
-    polygons.push(polygon);
-  }
-
-  return polygons;
-}
-
-function signedArea(ring) {
-  let sum = 0;
-  for (let i = 0, len = ring.length, j = len - 1, p1, p2; i < len; j = i++) {
-    p1 = ring[i];
-    p2 = ring[j];
-    sum += (p2[0] - p1[0]) * (p1[1] + p2[1]);
-  }
-  return sum;
-}

package/src/deckgl-layers/column-layer/enhanced-column-layer.js

@@ -1,63 +0,0 @@
-// Copyright (c) 2022 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 {ColumnLayer} from '@deck.gl/layers';
-import {editShader} from 'deckgl-layers/layer-utils/shader-utils';
-
-function addInstanceCoverage(vs) {
-  const addDecl = editShader(
-    vs,
-    'hexagon cell vs add instance',
-    'in vec3 instancePickingColors;',
-    `in vec3 instancePickingColors;
-     in float instanceCoverage;`
-  );
-
-  return editShader(
-    addDecl,
-    'hexagon cell vs add instance',
-    'float dotRadius = radius * coverage * shouldRender;',
-    'float dotRadius = radius * coverage * instanceCoverage * shouldRender;'
-  );
-}
-
-// TODO: export all deck.gl layers from kepler.gl
-class EnhancedColumnLayer extends ColumnLayer {
-  getShaders() {
-    const shaders = super.getShaders();
-
-    return {
-      ...shaders,
-      vs: addInstanceCoverage(shaders.vs)
-    };
-  }
-
-  initializeState() {
-    super.initializeState();
-
-    this.getAttributeManager().addInstanced({
-      instanceCoverage: {size: 1, accessor: 'getCoverage'}
-    });
-  }
-}
-
-EnhancedColumnLayer.layerName = 'EnhancedColumnLayer';
-
-export default EnhancedColumnLayer;

package/src/deckgl-layers/grid-layer/enhanced-cpu-grid-layer.js

@@ -1,70 +0,0 @@
-// Copyright (c) 2022 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 {CPUGridLayer} from '@deck.gl/aggregation-layers';
-import CPUAggregator, {getAggregatedData} from '../layer-utils/cpu-aggregator';
-
-export const gridAggregation = {
-  key: 'position',
-  updateSteps: [
-    {
-      key: 'aggregate',
-      triggers: {
-        cellSize: {
-          prop: 'cellSize'
-        },
-        position: {
-          prop: 'getPosition',
-          updateTrigger: 'getPosition'
-        },
-        aggregator: {
-          prop: 'gridAggregator'
-        }
-      },
-      updater: getAggregatedData
-    }
-  ]
-};
-
-const defaultProps = {
-  // Avoid state changes by marking the callback as compare: false
-  onSetColorDomain: {type: 'function', optional: true, compare: false}
-};
-
-export default class ScaleEnhancedGridLayer extends CPUGridLayer {
-  static defaultProps = defaultProps;
-
-  initializeState() {
-    const cpuAggregator = new CPUAggregator({
-      aggregation: gridAggregation
-    });
-
-    this.state = {
-      cpuAggregator,
-      aggregatorState: cpuAggregator.state
-    };
-    const attributeManager = this.getAttributeManager();
-    attributeManager.add({
-      positions: {size: 3, accessor: 'getPosition'}
-    });
-  }
-}
-
-ScaleEnhancedGridLayer.layerName = 'ScaleEnhancedGridLayer';

package/src/deckgl-layers/hexagon-layer/enhanced-hexagon-layer.js

@@ -1,70 +0,0 @@
-// Copyright (c) 2022 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 {HexagonLayer} from '@deck.gl/aggregation-layers';
-import CPUAggregator, {getAggregatedData} from '../layer-utils/cpu-aggregator';
-
-export const hexagonAggregation = {
-  key: 'position',
-  updateSteps: [
-    {
-      key: 'aggregate',
-      triggers: {
-        cellSize: {
-          prop: 'radius'
-        },
-        position: {
-          prop: 'getPosition',
-          updateTrigger: 'getPosition'
-        },
-        aggregator: {
-          prop: 'hexagonAggregator'
-        }
-      },
-      updater: getAggregatedData
-    }
-  ]
-};
-
-const defaultProps = {
-  // Avoid state changes by marking the callback as compare: false
-  onSetColorDomain: {type: 'function', optional: true, compare: false}
-};
-
-export default class ScaleEnhancedHexagonLayer extends HexagonLayer {
-  static defaultProps = defaultProps;
-
-  initializeState() {
-    const cpuAggregator = new CPUAggregator({
-      aggregation: hexagonAggregation
-    });
-
-    this.state = {
-      cpuAggregator,
-      aggregatorState: cpuAggregator.state
-    };
-    const attributeManager = this.getAttributeManager();
-    attributeManager.add({
-      positions: {size: 3, accessor: 'getPosition'}
-    });
-  }
-}
-
-ScaleEnhancedHexagonLayer.layerName = 'ScaleEnhancedHexagonLayer';

package/src/deckgl-layers/layer-utils/cluster-utils.js

@@ -1,76 +0,0 @@
-// Copyright (c) 2022 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 Supercluster from 'supercluster';
-import memoize from 'lodash/memoize';
-
-export function getGeoJSON(data, getPosition, filterData) {
-  const raw = typeof filterData === 'function' ? data.filter(filterData) : data;
-
-  return raw
-    .map(d => ({
-      type: 'Point',
-      properties: {
-        data: d,
-        points: [d],
-        point_count: 1,
-        point_count_abbreviated: '1'
-      },
-      geometry: {
-        coordinates: getPosition(d)
-      }
-    }))
-    .filter(d => d.geometry.coordinates.every(Number.isFinite));
-}
-
-const clusterResolver = ({clusterRadius}) => `${clusterRadius}`;
-
-const getClusterer = ({clusterRadius, geoJSON}) =>
-  new Supercluster({
-    maxZoom: 20,
-    radius: clusterRadius,
-    reduce: (accumulated, props) => {
-      accumulated.points = [...accumulated.points, ...props.points];
-    },
-    map: props => ({points: [props.data]})
-  }).load(geoJSON);
-
-export default class ClusterBuilder {
-  constructor() {
-    this.clusterer = memoize(getClusterer, clusterResolver);
-  }
-
-  clustersAtZoom({bbox, clusterRadius, geoJSON, zoom}) {
-    const clusterer = this.clusterer({clusterRadius, geoJSON});
-
-    // map clusters to formatted bins to be passed to deck.gl bin-sorter
-    const clusters = clusterer.getClusters(bbox, zoom).map((c, i) => ({
-      points: c.properties.points,
-      position: c.geometry.coordinates,
-      index: i
-    }));
-
-    return clusters;
-  }
-
-  clearClustererCache() {
-    this.clusterer.cache.clear();
-  }
-}