@deck.gl/carto 8.8.0-alpha.4 → 8.8.0-beta.1

package/typed/layers/spatial-index-tile-layer.js

@@ -0,0 +1,40 @@
+import { TileLayer } from '@deck.gl/geo-layers';
+function isFeatureIdDefined(value) {
+    return value !== undefined && value !== null && value !== '';
+}
+export default class SpatialIndexTileLayer extends TileLayer {
+    _updateAutoHighlight(info) {
+        const { hoveredFeatureId } = this.state;
+        const hoveredFeature = info.object;
+        let newHoveredFeatureId;
+        if (hoveredFeature) {
+            newHoveredFeatureId = hoveredFeature.id;
+        }
+        if (hoveredFeatureId !== newHoveredFeatureId) {
+            let { highlightColor } = this.props;
+            if (typeof highlightColor === 'function') {
+                highlightColor = highlightColor(info);
+            }
+            this.setState({
+                highlightColor,
+                hoveredFeatureId: newHoveredFeatureId
+            });
+        }
+    }
+    getSubLayerPropsByTile(tile) {
+        return {
+            highlightedObjectIndex: this.getHighlightedObjectIndex(tile),
+            highlightColor: this.state.highlightColor
+        };
+    }
+    getHighlightedObjectIndex(tile) {
+        const { hoveredFeatureId } = this.state;
+        const data = tile.content;
+        const isFeatureIdPresent = isFeatureIdDefined(hoveredFeatureId);
+        if (!isFeatureIdPresent || !Array.isArray(data)) {
+            return -1;
+        }
+        return data.findIndex(feature => feature.id === hoveredFeatureId);
+    }
+}
+SpatialIndexTileLayer.layerName = 'SpatialIndexTileLayer';

package/typed/package.json

@@ -0,0 +1,6 @@
+{
+  "internal": true,
+  "main": "../dist/es5/index.js",
+  "module": "../dist/esm/index.js",
+  "types": "index.d.ts"
+}

package/typed/style/color-bins-style.d.ts

@@ -0,0 +1,9 @@
+import { Color } from './palette';
+import { AttributeSelector } from './utils';
+export default function colorBins({ attr, domain, colors, nullColor }: {
+    attr: AttributeSelector;
+    domain: number[];
+    colors?: string | Color[];
+    nullColor?: Color;
+}): AttributeSelector;
+//# sourceMappingURL=color-bins-style.d.ts.map

package/typed/style/color-bins-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-bins-style.d.ts","sourceRoot":"","sources":["../../src/style/color-bins-style.ts"],"names":[],"mappings":"AACA,OAAmB,EAAC,KAAK,EAA8B,MAAM,WAAW,CAAC;AACzE,OAAO,EAAS,iBAAiB,EAAe,MAAM,SAAS,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,MAAwB,EACxB,SAAsB,EACvB,EAAE;IACD,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GAAG,iBAAiB,CAWpB"}

package/typed/style/color-bins-style.js

@@ -0,0 +1,12 @@
+import { scaleThreshold } from 'd3-scale';
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorBins({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length + 1) : colors;
+    const color = scaleThreshold().domain(domain).range(palette);
+    return d => {
+        const value = getAttrValue(attr, d);
+        return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
+    };
+}

package/typed/style/color-categories-style.d.ts

@@ -0,0 +1,10 @@
+import { Color } from './palette';
+import { AttributeSelector } from './utils';
+export default function colorCategories({ attr, domain, colors, nullColor, othersColor }: {
+    attr: AttributeSelector;
+    domain: number[];
+    colors: string | Color[];
+    nullColor?: Color;
+    othersColor?: Color;
+}): AttributeSelector;
+//# sourceMappingURL=color-categories-style.d.ts.map

package/typed/style/color-categories-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-categories-style.d.ts","sourceRoot":"","sources":["../../src/style/color-categories-style.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAC,KAAK,EAA4C,MAAM,WAAW,CAAC;AACvF,OAAO,EAAS,iBAAiB,EAAe,MAAM,SAAS,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,MAAwB,EACxB,SAAsB,EACtB,WAA0B,EAC3B,EAAE;IACD,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GAAG,iBAAiB,CAgBpB"}

package/typed/style/color-categories-style.js

@@ -0,0 +1,16 @@
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR, OTHERS_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorCategories({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR, othersColor = OTHERS_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers or strings');
+    const colorsByCategory = {};
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
+    for (const [i, c] of domain.entries()) {
+        colorsByCategory[c] = palette[i];
+    }
+    return d => {
+        const value = getAttrValue(attr, d);
+        return (typeof value === 'number' && Number.isFinite(value)) || typeof value === 'string'
+            ? colorsByCategory[value] || othersColor
+            : nullColor;
+    };
+}

package/typed/style/color-continuous-style.d.ts

@@ -0,0 +1,9 @@
+import { Color } from './palette';
+import { AttributeSelector } from './utils';
+export default function colorContinuous({ attr, domain, colors, nullColor }: {
+    attr: AttributeSelector;
+    domain: number[];
+    colors?: string | Color[];
+    nullColor?: Color;
+}): AttributeSelector;
+//# sourceMappingURL=color-continuous-style.d.ts.map

package/typed/style/color-continuous-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-continuous-style.d.ts","sourceRoot":"","sources":["../../src/style/color-continuous-style.ts"],"names":[],"mappings":"AACA,OAAmB,EAAC,KAAK,EAA8B,MAAM,WAAW,CAAC;AACzE,OAAO,EAAS,iBAAiB,EAAe,MAAM,SAAS,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,MAAM,EACN,MAAwB,EACxB,SAAsB,EACvB,EAAE;IACD,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GAAG,iBAAiB,CAUpB"}

package/typed/style/color-continuous-style.js

@@ -0,0 +1,12 @@
+import { scaleLinear } from 'd3-scale';
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
+import { assert, getAttrValue } from './utils';
+export default function colorContinuous({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
+    assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
+    const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
+    const color = scaleLinear().domain(domain).range(palette);
+    return d => {
+        const value = getAttrValue(attr, d);
+        return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
+    };
+}

package/typed/style/palette.d.ts

@@ -0,0 +1,7 @@
+export declare type Color = [r: number, b: number, g: number, a?: number];
+export declare const DEFAULT_PALETTE = "PurpOr";
+export declare const NULL_COLOR: Color;
+export declare const OTHERS_COLOR: Color;
+export default function getPalette(name: string, numCategories: number): Color[];
+export declare function hexToRgb(hex: string): Color;
+//# sourceMappingURL=palette.d.ts.map

package/typed/style/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/style/palette.ts"],"names":[],"mappings":"AAGA,oBAAY,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,WAAW,CAAC;AACxC,eAAO,MAAM,UAAU,EAAE,KAAuB,CAAC;AACjD,eAAO,MAAM,YAAY,EAAE,KAAuB,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,KAAK,EAAE,CA0B/E;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CA2C3C"}

package/typed/style/palette.js

@@ -0,0 +1,62 @@
+import * as cartoColors from 'cartocolor';
+import { assert } from './utils';
+export const DEFAULT_PALETTE = 'PurpOr';
+export const NULL_COLOR = [204, 204, 204];
+export const OTHERS_COLOR = [119, 119, 119];
+export default function getPalette(name, numCategories) {
+    const palette = cartoColors[name];
+    let paletteIndex = numCategories;
+    assert(palette, `Palette "${name}" not found. Expected a CARTOColors string`);
+    const palettesColorVariants = Object.keys(palette)
+        .filter(p => p !== 'tags')
+        .map(Number);
+    const longestPaletteIndex = Math.max(...palettesColorVariants);
+    const smallestPaletteIndex = Math.min(...palettesColorVariants);
+    if (!Number.isInteger(numCategories) || numCategories > longestPaletteIndex) {
+        paletteIndex = longestPaletteIndex;
+    }
+    else if (numCategories < smallestPaletteIndex) {
+        paletteIndex = smallestPaletteIndex;
+    }
+    let colors = palette[paletteIndex];
+    if (palette.tags && palette.tags.includes('qualitative')) {
+        colors = colors.slice(0, -1);
+    }
+    return colors.map(c => hexToRgb(c));
+}
+export function hexToRgb(hex) {
+    // Evaluate #ABC
+    let result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
+    if (result) {
+        return [
+            parseInt(result[1] + result[1], 16),
+            parseInt(result[2] + result[2], 16),
+            parseInt(result[3] + result[3], 16),
+            255
+        ];
+    }
+    // Evaluate #ABCD
+    result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
+    if (result) {
+        return [
+            parseInt(result[1] + result[1], 16),
+            parseInt(result[2] + result[2], 16),
+            parseInt(result[3] + result[3], 16),
+            parseInt(result[4] + result[4], 16)
+        ];
+    }
+    // Evaluate #ABCDEF
+    result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (result) {
+        return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16), 255];
+    }
+    // Evaluate #ABCDEFAF
+    result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    assert(result, `Hexadecimal color "${hex}" was not parsed correctly`);
+    return [
+        parseInt(result[1], 16),
+        parseInt(result[2], 16),
+        parseInt(result[3], 16),
+        parseInt(result[4], 16)
+    ];
+}

package/typed/style/utils.d.ts

@@ -0,0 +1,8 @@
+declare type Row = {
+    properties: Record<string, unknown>;
+};
+export declare type AttributeSelector = string | ((d: Row) => unknown);
+export declare function getAttrValue(attr: AttributeSelector, d: Row): unknown;
+export declare function assert(condition: any, message?: string): asserts condition;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/typed/style/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/style/utils.ts"],"names":[],"mappings":"AAEA,aAAK,GAAG,GAAG;IAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAC,CAAC;AACjD,oBAAY,iBAAiB,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC;AAE/D,wBAAgB,YAAY,CAAC,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CASrE;AAED,wBAAgB,MAAM,CAAC,SAAS,KAAA,EAAE,OAAO,SAAK,GAAG,OAAO,CAAC,SAAS,CAIjE"}

package/typed/style/utils.js

@@ -0,0 +1,15 @@
+const ALLOWED_ATTR_TYPES = Object.freeze(['function', 'string']);
+export function getAttrValue(attr, d) {
+    assert(typeof d === 'object', 'Expected "data" to be an object');
+    assert(ALLOWED_ATTR_TYPES.includes(typeof attr), 'Expected "attr" to be a function or string');
+    // Is function
+    if (typeof attr === 'function') {
+        return attr(d);
+    }
+    return d.properties[attr];
+}
+export function assert(condition, message = '') {
+    if (!condition) {
+        throw new Error(`CARTO style error: ${message}`);
+    }
+}

package/typed/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function assert(condition: unknown, message?: string): asserts condition;
+//# sourceMappingURL=utils.d.ts.map

package/typed/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAE9E"}

package/typed/utils.js

@@ -0,0 +1,4 @@
+import { log } from '@deck.gl/core';
+export function assert(condition, message) {
+    log.assert(condition, message);
+}

package/src/layers/h3-tile-layer.js

@@ -1,52 +0,0 @@
-import {CompositeLayer} from '@deck.gl/core';
-import {H3HexagonLayer} from '@deck.gl/geo-layers';
-import H3Tileset2D from './h3-tileset-2d';
-import SpatialIndexTileLayer from './spatial-index-tile-layer';
-
-const renderSubLayers = props => {
-  const {data} = props;
-  const {index} = props.tile;
-  if (!data || !data.length) return null;
-
-  return new H3HexagonLayer(props, {
-    centerHexagon: index,
-    highPrecision: true
-  });
-};
-
-const defaultProps = {
-  aggregationResLevel: 4
-};
-
-export default class H3TileLayer extends CompositeLayer {
-  initializeState() {
-    this.setState({data: null, tileJSON: null});
-  }
-
-  updateState({props, oldProps, context, changeFlags}) {
-    if (changeFlags.dataChanged) {
-      let {data} = this.props;
-      const tileJSON = data;
-      data = tileJSON.tiles;
-      this.setState({data, tileJSON});
-    }
-  }
-
-  renderLayers() {
-    const {data, tileJSON} = this.state;
-    const maxZoom = parseInt(tileJSON.maxresolution);
-    return [
-      new SpatialIndexTileLayer(this.props, {
-        id: 'h3-tile-layer',
-        data,
-        getHexagon: d => d.id,
-        TilesetClass: H3Tileset2D,
-        renderSubLayers,
-        maxZoom
-      })
-    ];
-  }
-}
-
-H3TileLayer.layerName = 'H3TileLayer';
-H3TileLayer.defaultProps = defaultProps;

package/src/layers/quadkey-tile-layer.js

@@ -1,47 +0,0 @@
-import {CompositeLayer} from '@deck.gl/core';
-import {QuadkeyLayer} from '@deck.gl/geo-layers';
-import QuadkeyTileset2D from './quadkey-tileset-2d';
-import SpatialIndexTileLayer from './spatial-index-tile-layer';
-
-const renderSubLayers = props => {
-  const {data} = props;
-  if (!data || !data.length) return null;
-  return new QuadkeyLayer(props);
-};
-
-const defaultProps = {
-  aggregationResLevel: 6
-};
-
-export default class QuadkeyTileLayer extends CompositeLayer {
-  initializeState() {
-    this.setState({data: null, tileJSON: null});
-  }
-
-  updateState({props, oldProps, context, changeFlags}) {
-    if (changeFlags.dataChanged) {
-      let {data} = this.props;
-      const tileJSON = data;
-      data = tileJSON.tiles;
-      this.setState({data, tileJSON});
-    }
-  }
-
-  renderLayers() {
-    const {data, tileJSON} = this.state;
-    const maxZoom = parseInt(tileJSON.maxresolution);
-    return [
-      new SpatialIndexTileLayer(this.props, {
-        id: 'quadkey-tile-layer',
-        data,
-        getQuadkey: d => d.id,
-        TilesetClass: QuadkeyTileset2D,
-        renderSubLayers,
-        maxZoom
-      })
-    ];
-  }
-}
-
-QuadkeyTileLayer.layerName = 'QuadkeyTileLayer';
-QuadkeyTileLayer.defaultProps = defaultProps;

package/src/layers/schema/carto-tile.js

@@ -1,195 +0,0 @@
-// KeyValueObject ========================================
-
-const KeyValueObject = {};
-
-KeyValueObject.read = function (pbf, end) {
-  return pbf.readFields(KeyValueObject._readField, {key: '', value: ''}, end);
-};
-KeyValueObject._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.key = pbf.readString();
-  else if (tag === 2) obj.value = pbf.readString();
-};
-
-// Properties ========================================
-
-const Properties = {};
-
-Properties.read = function (pbf, end) {
-  return pbf.readFields(Properties._readField, {data: []}, end);
-};
-Properties._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.data.push(KeyValueObject.read(pbf, pbf.readVarint() + pbf.pos));
-};
-
-// Doubles ========================================
-
-const Doubles = {};
-
-Doubles.read = function (pbf, end) {
-  // TODO perhaps we can do better and directly map from the source
-  // ArrayBuffer using ArrayBuffer.slice()
-  const {value, size} = pbf.readFields(Doubles._readField, {value: [], size: 0}, end);
-  return {value: new Float32Array(value), size};
-};
-Doubles._readField = function (tag, obj, pbf) {
-  if (tag === 1) pbf.readPackedDouble(obj.value);
-  else if (tag === 2) obj.size = pbf.readVarint(true);
-};
-
-// Ints ========================================
-
-const Ints = {};
-
-Ints.read = function (pbf, end) {
-  const {value, size} = pbf.readFields(Ints._readField, {value: [], size: 0}, end);
-  return {value: new Uint32Array(value), size};
-};
-Ints._readField = function (tag, obj, pbf) {
-  if (tag === 1) pbf.readPackedVarint(obj.value);
-  else if (tag === 2) obj.size = pbf.readVarint(true);
-};
-
-// NumericProp ========================================
-
-const NumericProp = {};
-
-NumericProp.read = function (pbf, end) {
-  return pbf.readFields(NumericProp._readField, {value: []}, end);
-};
-NumericProp._readField = function (tag, obj, pbf) {
-  if (tag === 1) pbf.readPackedDouble(obj.value);
-};
-
-// NumericPropKeyValue ========================================
-
-const NumericPropKeyValue = {};
-
-NumericPropKeyValue.read = function (pbf, end) {
-  return pbf.readFields(NumericPropKeyValue._readField, {key: '', value: null}, end);
-};
-NumericPropKeyValue._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.key = pbf.readString();
-  else if (tag === 2) obj.value = NumericProp.read(pbf, pbf.readVarint() + pbf.pos);
-};
-
-// NumericProp._FieldEntry1 ========================================
-
-NumericProp._FieldEntry1 = {};
-
-NumericProp._FieldEntry1.read = function (pbf, end) {
-  return pbf.readFields(NumericProp._FieldEntry1._readField, {key: '', value: 0}, end);
-};
-NumericProp._FieldEntry1._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.key = pbf.readString();
-  else if (tag === 2) obj.value = pbf.readDouble();
-};
-
-// StringProp ========================================
-
-const StringProp = {};
-
-StringProp.read = function (pbf, end) {
-  return pbf.readFields(StringProp._readField, {value: []}, end);
-};
-StringProp._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.value.push(pbf.readString());
-};
-
-// Points ========================================
-
-const Points = {};
-
-Points.read = function (pbf, end) {
-  return pbf.readFields(
-    Points._readField,
-    {positions: null, globalFeatureIds: null, featureIds: null, properties: [], numericProps: {}},
-    end
-  );
-};
-Points._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 2) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 3) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 4) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));
-  else if (tag === 5) {
-    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
-    obj.numericProps[entry.key] = entry.value;
-  }
-};
-
-// Lines ========================================
-
-const Lines = {};
-
-Lines.read = function (pbf, end) {
-  return pbf.readFields(
-    Lines._readField,
-    {
-      positions: null,
-      pathIndices: null,
-      globalFeatureIds: null,
-      featureIds: null,
-      properties: [],
-      numericProps: {}
-    },
-    end
-  );
-};
-Lines._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 2) obj.pathIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 3) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 4) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 5) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));
-  else if (tag === 6) {
-    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
-    obj.numericProps[entry.key] = entry.value;
-  }
-};
-
-// Polygons ========================================
-
-const Polygons = {};
-
-Polygons.read = function (pbf, end) {
-  return pbf.readFields(
-    Polygons._readField,
-    {
-      positions: null,
-      polygonIndices: null,
-      globalFeatureIds: null,
-      featureIds: null,
-      primitivePolygonIndices: null,
-      triangles: null,
-      properties: [],
-      numericProps: {}
-    },
-    end
-  );
-};
-Polygons._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 2) obj.polygonIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 3) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 4) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 5) obj.primitivePolygonIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 6) obj.triangles = Ints.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 7) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));
-  else if (tag === 8) {
-    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
-    obj.numericProps[entry.key] = entry.value;
-  }
-};
-
-// Tile ========================================
-
-export const Tile = {};
-
-Tile.read = function (pbf, end) {
-  return pbf.readFields(Tile._readField, {points: null, lines: null, polygons: null}, end);
-};
-Tile._readField = function (tag, obj, pbf) {
-  if (tag === 1) obj.points = Points.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 2) obj.lines = Lines.read(pbf, pbf.readVarint() + pbf.pos);
-  else if (tag === 3) obj.polygons = Polygons.read(pbf, pbf.readVarint() + pbf.pos);
-};