@deck.gl/carto 9.0.0-beta.2 → 9.0.0-beta.4

package/{typed → dist}/style/color-categories-style.d.ts

@@ -1,7 +1,7 @@
 import { AccessorFunction } from '@deck.gl/core';
 import { Feature } from 'geojson';
-import { Color } from './palette';
-import { AttributeSelector } from './utils';
+import { Color } from "./palette.js";
+import { AttributeSelector } from "./utils.js";
 /**
  * Helper function for quickly creating a color category style.
  *

package/dist/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,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAC;AAChC,OAAmB,EAAC,KAAK,EAA4C,qBAAkB;AAEvF,OAAO,EAAC,iBAAiB,EAAe,mBAAgB;AAExD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,GAAG,OAAO,EAAE,EACvD,IAAI,EACJ,MAAM,EACN,MAAwB,EACxB,SAAsB,EACtB,WAA0B,EAC3B,EAAE;IACD,0CAA0C;IAC1C,IAAI,EAAE,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAEzD,yDAAyD;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAE5B;;;;;OAKG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB,sFAAsF;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAgBjC"}

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

@@ -0,0 +1,25 @@
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR, OTHERS_COLOR } from "./palette.js";
+import { assert } from "../utils.js";
+import { getAttrValue } from "./utils.js";
+/**
+ * Helper function for quickly creating a color category style.
+ *
+ * Data values of each attribute listed in the domain are mapped one to one
+ * with corresponding colors in the range.
+ *
+ * @return accessor that maps objects to `Color` values
+ */
+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 → dist}/style/color-continuous-style.d.ts

@@ -1,7 +1,7 @@
 import { AccessorFunction } from '@deck.gl/core';
 import { Feature } from 'geojson';
-import { Color } from './palette';
-import { AttributeSelector } from './utils';
+import { Color } from "./palette.js";
+import { AttributeSelector } from "./utils.js";
 /**
  * Helper function for quickly creating a color continuous style.
  *

package/dist/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":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAC;AAChC,OAAmB,EAAC,KAAK,EAA8B,qBAAkB;AAEzE,OAAO,EAAC,iBAAiB,EAAe,mBAAgB;AAExD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,GAAG,OAAO,EAAE,EACvD,IAAI,EACJ,MAAM,EACN,MAAwB,EACxB,SAAsB,EACvB,EAAE;IACD,2CAA2C;IAC3C,IAAI,EAAE,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEvC,iDAAiD;IACjD,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;IAE1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAUjC"}

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

@@ -0,0 +1,21 @@
+import { scaleLinear } from 'd3-scale';
+import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from "./palette.js";
+import { assert } from "../utils.js";
+import { getAttrValue } from "./utils.js";
+/**
+ * Helper function for quickly creating a color continuous style.
+ *
+ * Data values of each field are interpolated linearly across values in the domain and
+ * are then styled with a blend of the corresponding color in the range.
+ *
+ * @return accessor that maps objects to `Color` values
+ */
+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/dist/style/palette.js

@@ -0,0 +1,62 @@
+import * as cartoColors from 'cartocolor';
+import { assert } from "../utils.js";
+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/dist/style/utils.js

@@ -0,0 +1,11 @@
+import { assert } from "../utils.js";
+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];
+}

package/{typed → dist}/utils.d.ts

@@ -1,4 +1,4 @@
-import type { Properties, NumericProps } from './layers/schema/spatialjson-utils';
+import type { Properties, NumericProps } from "./layers/schema/spatialjson-utils.js";
 export declare function assert(condition: unknown, message?: string): asserts condition;
 export declare function createBinaryProxy(data: {
     numericProps: NumericProps;

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAE,YAAY,EAAC,6CAA0C;AAEhF,wBAAgB,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAE9E;AAID,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE;IAAC,YAAY,EAAE,YAAY,CAAC;IAAC,UAAU,EAAE,UAAU,EAAE,CAAA;CAAC,EAC5D,KAAK,EAAE,MAAM,cAed;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAIvD;AAED,wBAAgB,aAAa;;;;;;;EAsB5B"}

package/dist/utils.js

@@ -0,0 +1,41 @@
+import { log } from '@deck.gl/core';
+export function assert(condition, message) {
+    log.assert(condition, message);
+}
+// Returns a Proxy object that allows accessing binary data
+// as if it were JSON properties
+export function createBinaryProxy(data, index) {
+    const { properties, numericProps } = data;
+    return new Proxy(properties[index] || {}, {
+        get(target, property) {
+            if (property in numericProps) {
+                return numericProps[property].value[index];
+            }
+            return target[property];
+        },
+        has(target, property) {
+            return property in numericProps || property in target;
+        }
+    });
+}
+export function getWorkerUrl(id, version) {
+    // For local testing `yarn build-workers` and then host `modules/carto/dist/`
+    // return `http://localhost:8081/dist/${id}-worker.js`;
+    return `https://unpkg.com/@deck.gl/carto@${version}/dist/${id}-worker.js`;
+}
+export function scaleIdentity() {
+    let unknown;
+    function scale(x) {
+        return x === null ? unknown : x;
+    }
+    scale.invert = scale;
+    scale.domain = scale.range = d => d;
+    scale.unknown = u => {
+        if (u) {
+            unknown = u;
+        }
+        return unknown;
+    };
+    scale.copy = () => scaleIdentity().unknown(unknown);
+    return scale;
+}

package/dist/workers/cartoRasterTile.js

@@ -0,0 +1,3 @@
+import { createLoaderWorker } from '@loaders.gl/loader-utils';
+import CartoRasterTileLoader from "../layers/schema/carto-raster-tile-loader.js";
+createLoaderWorker(CartoRasterTileLoader);

package/dist/workers/cartoSpatialTile.js

@@ -0,0 +1,3 @@
+import { createLoaderWorker } from '@loaders.gl/loader-utils';
+import CartoSpatialTileLoader from "../layers/schema/carto-spatial-tile-loader.js";
+createLoaderWorker(CartoSpatialTileLoader);

package/dist/workers/cartoVectorTile.js

@@ -0,0 +1,3 @@
+import { createLoaderWorker } from '@loaders.gl/loader-utils';
+import CartoVectorTileLoader from "../layers/schema/carto-vector-tile-loader.js";
+createLoaderWorker(CartoVectorTileLoader);