@deck.gl-community/layers 9.0.0-alpha.1 → 9.0.2

package/dist/data-driven-tile-3d-layer/utils/filter-tile.js

@@ -1,146 +0,0 @@
-import { I3SAttributeLoader } from '@loaders.gl/i3s';
-import { load } from '@loaders.gl/core';
-export const filterTile = async (tile, filtersByAttribute) => {
-  var _tile$content$userDat;
-  const result = {
-    isFiltered: false,
-    id: tile.id
-  };
-  if (((_tile$content$userDat = tile.content.userData) === null || _tile$content$userDat === void 0 ? void 0 : _tile$content$userDat.customFilters) !== filtersByAttribute) {
-    var _tile$content$userDat4;
-    if (tile.content && filtersByAttribute) {
-      var _tile$content$userDat2, _tile$content$userDat3;
-      if (((_tile$content$userDat2 = tile.content.userData) === null || _tile$content$userDat2 === void 0 ? void 0 : _tile$content$userDat2.originalIndices) === undefined) {
-        tile.content.userData = {};
-        tile.content.userData.originalIndices = tile.content.indices;
-      }
-      tile.content.indices = (_tile$content$userDat3 = tile.content.userData) === null || _tile$content$userDat3 === void 0 ? void 0 : _tile$content$userDat3.originalIndices;
-      tile.content.userData.customFilters = filtersByAttribute;
-      const {
-        indices
-      } = await filterTileIndices(tile, filtersByAttribute, tile.tileset.loadOptions.i3s.token);
-      if (indices && tile.content.userData.customFilters === filtersByAttribute) {
-        tile.content.indices = indices;
-        result.isFiltered = true;
-      }
-    } else if (tile.content && ((_tile$content$userDat4 = tile.content.userData) === null || _tile$content$userDat4 === void 0 ? void 0 : _tile$content$userDat4.originalIndices) !== undefined) {
-      tile.content.indices = tile.content.userData.originalIndices;
-      tile.content.userData.customFilters = null;
-      result.isFiltered = true;
-    }
-  }
-  return result;
-};
-async function filterTileIndices(tile, filtersByAttribute, token) {
-  var _objectIdAttributeDat;
-  if (!filtersByAttribute.attributeName.length) {
-    return {
-      success: false
-    };
-  }
-  const filterAttributeField = tile.tileset.tileset.fields.find(_ref => {
-    let {
-      name
-    } = _ref;
-    return name === (filtersByAttribute === null || filtersByAttribute === void 0 ? void 0 : filtersByAttribute.attributeName);
-  });
-  if (!filterAttributeField || !['esriFieldTypeDouble', 'esriFieldTypeInteger', 'esriFieldTypeSmallInteger'].includes(filterAttributeField.type)) {
-    return {
-      success: false
-    };
-  }
-  const tileFilterAttributeData = await loadFeatureAttributeData(filterAttributeField.name, tile.header.attributeUrls, tile.tileset.tileset.attributeStorageInfo, token);
-  if (!tileFilterAttributeData) {
-    return {
-      success: false
-    };
-  }
-  const objectIdField = tile.tileset.tileset.fields.find(_ref2 => {
-    let {
-      type
-    } = _ref2;
-    return type === 'esriFieldTypeOID';
-  });
-  if (!objectIdField) {
-    return {
-      success: false
-    };
-  }
-  const objectIdAttributeData = await loadFeatureAttributeData(objectIdField.name, tile.header.attributeUrls, tile.tileset.tileset.attributeStorageInfo, token);
-  if (!objectIdAttributeData) {
-    return {
-      success: false
-    };
-  }
-  const attributeValuesMap = {};
-  (_objectIdAttributeDat = objectIdAttributeData[objectIdField.name]) === null || _objectIdAttributeDat === void 0 || _objectIdAttributeDat.forEach((elem, index) => {
-    attributeValuesMap[elem] = tileFilterAttributeData[filterAttributeField.name][index];
-  });
-  if (!tile.content.indices) {
-    const triangles = [];
-    for (let i = 0; i < tile.content.featureIds.length; i += 3) {
-      if (attributeValuesMap[tile.content.featureIds[i]] === filtersByAttribute.value) {
-        triangles.push(i);
-      }
-    }
-    const indices = new Uint32Array(3 * triangles.length);
-    triangles.forEach((vertex, index) => {
-      indices[index * 3] = vertex;
-      indices[index * 3 + 1] = vertex + 1;
-      indices[index * 3 + 2] = vertex + 2;
-    });
-    return {
-      success: true,
-      indices
-    };
-  } else {
-    const triangles = [];
-    for (let i = 0; i < tile.content.indices.length; i += 3) {
-      if (attributeValuesMap[tile.content.featureIds[tile.content.indices[i]]] === filtersByAttribute.value) {
-        triangles.push(i);
-      }
-    }
-    const indices = new Uint32Array(3 * triangles.length);
-    triangles.forEach((vertex, index) => {
-      indices[index * 3] = tile.content.indices[vertex];
-      indices[index * 3 + 1] = tile.content.indices[vertex + 1];
-      indices[index * 3 + 2] = tile.content.indices[vertex + 2];
-    });
-    return {
-      success: true,
-      indices
-    };
-  }
-}
-async function loadFeatureAttributeData(attributeName, attributeUrls, attributesStorageInfo, token) {
-  const attributeIndex = attributesStorageInfo.findIndex(_ref3 => {
-    let {
-      name
-    } = _ref3;
-    return attributeName === name;
-  });
-  if (attributeIndex === -1) {
-    return null;
-  }
-  const objectIdAttributeUrl = getUrlWithToken(attributeUrls[attributeIndex], token);
-  const attributeType = getAttributeValueType(attributesStorageInfo[attributeIndex]);
-  const objectIdAttributeData = await load(objectIdAttributeUrl, I3SAttributeLoader, {
-    attributeName,
-    attributeType
-  });
-  return objectIdAttributeData;
-}
-function getUrlWithToken(url) {
-  let token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return token ? `${url}?token=${token}` : url;
-}
-function getAttributeValueType(attribute) {
-  if (attribute.hasOwnProperty('objectIds')) {
-    return 'Oid32';
-  } else if (attribute.hasOwnProperty('attributeValues')) {
-    var _attribute$attributeV;
-    return (_attribute$attributeV = attribute.attributeValues) === null || _attribute$attributeV === void 0 ? void 0 : _attribute$attributeV.valueType;
-  }
-  return '';
-}
-//# sourceMappingURL=filter-tile.js.map

package/dist/data-driven-tile-3d-layer/utils/filter-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-tile.js","names":["I3SAttributeLoader","load","filterTile","tile","filtersByAttribute","_tile$content$userDat","result","isFiltered","id","content","userData","customFilters","_tile$content$userDat4","_tile$content$userDat2","_tile$content$userDat3","originalIndices","undefined","indices","filterTileIndices","tileset","loadOptions","i3s","token","_objectIdAttributeDat","attributeName","length","success","filterAttributeField","fields","find","_ref","name","includes","type","tileFilterAttributeData","loadFeatureAttributeData","header","attributeUrls","attributeStorageInfo","objectIdField","_ref2","objectIdAttributeData","attributeValuesMap","forEach","elem","index","triangles","i","featureIds","value","push","Uint32Array","vertex","attributesStorageInfo","attributeIndex","findIndex","_ref3","objectIdAttributeUrl","getUrlWithToken","attributeType","getAttributeValueType","url","arguments","attribute","hasOwnProperty","_attribute$attributeV","attributeValues","valueType"],"sources":["../../../src/data-driven-tile-3d-layer/utils/filter-tile.ts"],"sourcesContent":["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport {Tile3D} from '@loaders.gl/tiles';\nimport {FiltersByAttribute} from '../data-driven-tile-3d-layer';\nimport {AttributeStorageInfo, I3SAttributeLoader} from '@loaders.gl/i3s';\nimport {load} from '@loaders.gl/core';\nimport {TypedArray} from '@loaders.gl/schema';\n\ntype I3STileAttributes = Record<string, string[] | TypedArray | null>;\n\n/**\n * Filter tile indices by attribute value\n * @param tile - tile to be filtered\n * @param filtersByAttribute - custom filters patameters\n * @returns {Promise<{isFiltered: boolean; id: string}>} Result of the tile filtering - isFiltered: true/false and tile id\n */\nexport const filterTile = async (\n  tile: Tile3D,\n  filtersByAttribute: FiltersByAttribute | null\n): Promise<{isFiltered: boolean; id: string}> => {\n  const result = {isFiltered: false, id: tile.id};\n\n  if (tile.content.userData?.customFilters !== filtersByAttribute) {\n    if (tile.content && filtersByAttribute) {\n      if (tile.content.userData?.originalIndices === undefined) {\n        tile.content.userData = {};\n        //save original indices for filtring cancellation\n        tile.content.userData.originalIndices = tile.content.indices;\n      }\n      tile.content.indices = tile.content.userData?.originalIndices;\n      tile.content.userData.customFilters = filtersByAttribute;\n\n      const {indices} = await filterTileIndices(\n        tile,\n        filtersByAttribute,\n        (tile.tileset.loadOptions as any).i3s.token\n      );\n      // Make sure custom filters is not changed during async filtring execution\n      if (indices && tile.content.userData.customFilters === filtersByAttribute) {\n        tile.content.indices = indices;\n        result.isFiltered = true;\n      }\n    } else if (tile.content && tile.content.userData?.originalIndices !== undefined) {\n      tile.content.indices = tile.content.userData.originalIndices;\n      tile.content.userData.customFilters = null;\n      result.isFiltered = true;\n    }\n  }\n  return result;\n};\n\nasync function filterTileIndices(\n  tile: Tile3D,\n  filtersByAttribute: FiltersByAttribute,\n  token: string\n): Promise<{success: boolean; indices?: Uint32Array}> {\n  if (!filtersByAttribute.attributeName.length) {\n    return {success: false};\n  }\n\n  const filterAttributeField = tile.tileset.tileset.fields.find(\n    ({name}) => name === filtersByAttribute?.attributeName\n  );\n\n  if (\n    !filterAttributeField ||\n    !['esriFieldTypeDouble', 'esriFieldTypeInteger', 'esriFieldTypeSmallInteger'].includes(\n      filterAttributeField.type\n    )\n  ) {\n    return {success: false};\n  }\n\n  const tileFilterAttributeData = await loadFeatureAttributeData(\n    filterAttributeField.name,\n    tile.header.attributeUrls,\n    tile.tileset.tileset.attributeStorageInfo,\n    token\n  );\n  if (!tileFilterAttributeData) {\n    return {success: false};\n  }\n\n  const objectIdField = tile.tileset.tileset.fields.find(({type}) => type === 'esriFieldTypeOID');\n  if (!objectIdField) {\n    return {success: false};\n  }\n\n  const objectIdAttributeData = await loadFeatureAttributeData(\n    objectIdField.name,\n    tile.header.attributeUrls,\n    tile.tileset.tileset.attributeStorageInfo,\n    token\n  );\n  if (!objectIdAttributeData) {\n    return {success: false};\n  }\n\n  const attributeValuesMap = {};\n  objectIdAttributeData[objectIdField.name]?.forEach((elem, index) => {\n    attributeValuesMap[elem] =\n      //@ts-expect-error possible null\n      tileFilterAttributeData[filterAttributeField.name][index];\n  });\n\n  if (!tile.content.indices) {\n    const triangles: number[] = [];\n    for (let i = 0; i < tile.content.featureIds.length; i += 3) {\n      if (attributeValuesMap[tile.content.featureIds[i]] === filtersByAttribute.value) {\n        triangles.push(i);\n      }\n    }\n\n    const indices = new Uint32Array(3 * triangles.length);\n\n    triangles.forEach((vertex, index) => {\n      indices[index * 3] = vertex;\n      indices[index * 3 + 1] = vertex + 1;\n      indices[index * 3 + 2] = vertex + 2;\n    });\n    return {success: true, indices};\n  } else {\n    const triangles: number[] = [];\n    for (let i = 0; i < tile.content.indices.length; i += 3) {\n      if (\n        attributeValuesMap[tile.content.featureIds[tile.content.indices[i]]] ===\n        filtersByAttribute.value\n      ) {\n        triangles.push(i);\n      }\n    }\n\n    const indices = new Uint32Array(3 * triangles.length);\n\n    triangles.forEach((vertex, index) => {\n      indices[index * 3] = tile.content.indices[vertex];\n      indices[index * 3 + 1] = tile.content.indices[vertex + 1];\n      indices[index * 3 + 2] = tile.content.indices[vertex + 2];\n    });\n    return {success: true, indices};\n  }\n}\n\nasync function loadFeatureAttributeData(\n  attributeName: string,\n  attributeUrls: string[],\n  attributesStorageInfo: AttributeStorageInfo[],\n  token?: string\n): Promise<I3STileAttributes | null> {\n  const attributeIndex = attributesStorageInfo.findIndex(({name}) => attributeName === name);\n  if (attributeIndex === -1) {\n    return null;\n  }\n  const objectIdAttributeUrl = getUrlWithToken(attributeUrls[attributeIndex], token);\n  const attributeType = getAttributeValueType(attributesStorageInfo[attributeIndex]);\n  const objectIdAttributeData = await load(objectIdAttributeUrl, I3SAttributeLoader, {\n    attributeName,\n    attributeType\n  });\n\n  return objectIdAttributeData;\n}\n\nfunction getUrlWithToken(url: string, token: string | null = null): string {\n  return token ? `${url}?token=${token}` : url;\n}\n\nfunction getAttributeValueType(attribute: AttributeStorageInfo) {\n  // eslint-disable-next-line no-prototype-builtins\n  if (attribute.hasOwnProperty('objectIds')) {\n    return 'Oid32';\n    // eslint-disable-next-line no-prototype-builtins\n  } else if (attribute.hasOwnProperty('attributeValues')) {\n    return attribute.attributeValues?.valueType;\n  }\n  return '';\n}\n"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["TileSourceLayer","DataDrivenTile3DLayer","colorizeTile","filterTile"],"sources":["../src/index.ts"],"sourcesContent":["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nexport {TileSourceLayer} from './tile-source-layer';\nexport {DataDrivenTile3DLayer} from './data-driven-tile-3d-layer/data-driven-tile-3d-layer';\n\nexport {colorizeTile} from './data-driven-tile-3d-layer/utils/colorize-tile';\nexport {filterTile} from './data-driven-tile-3d-layer/utils/filter-tile';\n"],"mappings":"SAIQA,eAAe;AAAA,SACfC,qBAAqB;AAAA,SAErBC,YAAY;AAAA,SACZC,UAAU"}

package/dist/tile-source-layer.js

@@ -1,112 +0,0 @@
-import { CompositeLayer } from '@deck.gl/core';
-import { TileLayer } from '@deck.gl/geo-layers';
-import { BitmapLayer, GeoJsonLayer, PathLayer } from '@deck.gl/layers';
-const devicePixelRatio = typeof window !== 'undefined' && window.devicePixelRatio || 1;
-export class TileSourceLayer extends CompositeLayer {
-  constructor() {
-    super(...arguments);
-    this.state = void 0;
-  }
-  initializeState() {
-    this.setState({
-      tileSource: null
-    });
-  }
-  updateState(_ref) {
-    let {
-      props,
-      changeFlags
-    } = _ref;
-    this.setState({
-      tileSource: props.tileSource
-    });
-  }
-  renderLayers() {
-    const {
-      tileSource,
-      showTileBorders,
-      metadata,
-      onTilesLoad
-    } = this.props;
-    const minZoom = (metadata === null || metadata === void 0 ? void 0 : metadata.minZoom) || 0;
-    const maxZoom = (metadata === null || metadata === void 0 ? void 0 : metadata.maxZoom) || 30;
-    return [new TileLayer({
-      id: String(tileSource.url),
-      getTileData: tileSource.getTileData,
-      maxRequests: 20,
-      pickable: true,
-      onViewportLoad: onTilesLoad,
-      autoHighlight: showTileBorders,
-      highlightColor: [60, 60, 60, 40],
-      minZoom,
-      maxZoom,
-      tileSize: 256,
-      zoomOffset: devicePixelRatio === 1 ? -1 : 0,
-      renderSubLayers,
-      tileSource,
-      showTileBorders
-    })];
-  }
-}
-TileSourceLayer.layerName = 'TileSourceLayer';
-TileSourceLayer.defaultProps = {
-  ...TileLayer.defaultProps,
-  showTileBorders: true
-};
-function renderSubLayers(props) {
-  const {
-    tileSource,
-    showTileBorders,
-    minZoom,
-    maxZoom,
-    tile: {
-      index: {
-        z: zoom
-      },
-      bbox: {
-        west,
-        south,
-        east,
-        north
-      }
-    }
-  } = props;
-  const layers = [];
-  const borderColor = zoom <= minZoom || zoom >= maxZoom ? [255, 0, 0, 255] : [0, 0, 255, 255];
-  switch (tileSource.mimeType) {
-    case 'application/vnd.mapbox-vector-tile':
-      layers.push(new GeoJsonLayer({
-        id: `${props.id}-geojson`,
-        data: props.data,
-        pickable: true,
-        getFillColor: [0, 190, 80, 255],
-        lineWidthScale: 500,
-        lineWidthMinPixels: 0.5
-      }));
-      break;
-    case 'image/png':
-    case 'image/jpeg':
-    case 'image/webp':
-    case 'image/avif':
-      layers.push(new BitmapLayer(props, {
-        data: null,
-        image: props.data,
-        bounds: [west, south, east, north],
-        pickable: true
-      }));
-      break;
-    default:
-      console.error('Unknown tile mimeType', tileSource === null || tileSource === void 0 ? void 0 : tileSource.mimeType);
-  }
-  if (showTileBorders) {
-    layers.push(new PathLayer({
-      id: `${props.id}-border`,
-      data: [[[west, north], [west, south], [east, south], [east, north], [west, north]]],
-      getPath: d => d,
-      getColor: borderColor,
-      widthMinPixels: 4
-    }));
-  }
-  return layers;
-}
-//# sourceMappingURL=tile-source-layer.js.map

package/dist/tile-source-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-source-layer.js","names":["CompositeLayer","TileLayer","BitmapLayer","GeoJsonLayer","PathLayer","devicePixelRatio","window","TileSourceLayer","constructor","arguments","state","initializeState","setState","tileSource","updateState","_ref","props","changeFlags","renderLayers","showTileBorders","metadata","onTilesLoad","minZoom","maxZoom","id","String","url","getTileData","maxRequests","pickable","onViewportLoad","autoHighlight","highlightColor","tileSize","zoomOffset","renderSubLayers","layerName","defaultProps","tile","index","z","zoom","bbox","west","south","east","north","layers","borderColor","mimeType","push","data","getFillColor","lineWidthScale","lineWidthMinPixels","image","bounds","console","error","getPath","d","getColor","widthMinPixels"],"sources":["../src/tile-source-layer.ts"],"sourcesContent":["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport {CompositeLayer, Layer} from '@deck.gl/core';\nimport {TileLayer, TileLayerProps} from '@deck.gl/geo-layers';\nimport {BitmapLayer, GeoJsonLayer, PathLayer} from '@deck.gl/layers';\nimport type {TileSource} from '@loaders.gl/loader-utils';\n\n/* global window */\nconst devicePixelRatio = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n\nexport type TileSourceLayerProps = TileLayerProps & {\n  tileSource: TileSource;\n  showTileBorders?: boolean;\n};\n\n/**\n * A Deck.gl layer that renders a tile source\n * Autodiscovers type of content (vector tile, bitmap, ...)\n * Can render debug borders around tiles\n * TODO - Change debug border color based on zoom level\n */\nexport class TileSourceLayer extends CompositeLayer<TileSourceLayerProps> {\n  static layerName = 'TileSourceLayer';\n  static defaultProps = {\n    ...TileLayer.defaultProps,\n    showTileBorders: true\n  };\n\n  state: {\n    tileSource: TileSource | null;\n  };\n\n  initializeState() {\n    this.setState({\n      tileSource: null\n    });\n  }\n\n  updateState({props, changeFlags}) {\n    this.setState({\n      tileSource: props.tileSource\n    });\n  }\n\n  renderLayers() {\n    const {tileSource, showTileBorders, metadata, onTilesLoad} = this.props;\n    const minZoom = metadata?.minZoom || 0;\n    const maxZoom = metadata?.maxZoom || 30;\n\n    return [\n      new TileLayer({\n        // HACK: Trigger new layer via id prop to force clear tile cache\n        id: String(tileSource.url),\n        getTileData: tileSource.getTileData,\n        // Assume the pmtiles file support HTTP/2, so we aren't limited by the browser to a certain number per domain.\n        maxRequests: 20,\n    \n        pickable: true,\n        onViewportLoad: onTilesLoad,\n        autoHighlight: showTileBorders,\n        highlightColor: [60, 60, 60, 40],\n        minZoom,\n        maxZoom,\n        tileSize: 256,\n        // TOOD - why is this needed?\n        zoomOffset: devicePixelRatio === 1 ? -1 : 0,\n        renderSubLayers,\n    \n        // Custom prop\n        tileSource,\n        showTileBorders\n      })\n    ];\n  }  \n}\n\nfunction renderSubLayers(props: TileSourceLayerProps & {tile: {index, bbox: {west, south, east, north}}}) {\n  const {\n    tileSource, \n    showTileBorders, \n    minZoom,\n    maxZoom,\n    tile: {index: {z: zoom}, \n    bbox: {west, south, east, north}}\n  } = props;\n\n  const layers: Layer[] = [];\n\n  const borderColor = zoom <= minZoom || zoom >= maxZoom ? [255, 0, 0, 255] : [0, 0, 255, 255];\n\n  switch (tileSource.mimeType) {\n    case 'application/vnd.mapbox-vector-tile':\n      layers.push(\n        new GeoJsonLayer({\n          id: `${props.id}-geojson`,\n          data: props.data,\n          pickable: true,\n          getFillColor: [0, 190, 80, 255],\n          lineWidthScale: 500,\n          lineWidthMinPixels: 0.5\n        })\n      );\n      break;\n\n    case 'image/png':\n    case 'image/jpeg':\n    case 'image/webp':\n    case 'image/avif':\n      layers.push(\n        new BitmapLayer(props, {\n          data: null,\n          image: props.data,\n          bounds: [west, south, east, north],\n          pickable: true\n        })\n      );\n      break;\n\n    default:\n      console.error('Unknown tile mimeType', tileSource?.mimeType);\n  }\n\n  // Debug tile borders\n  if (showTileBorders) {\n    layers.push(\n      new PathLayer({\n        id: `${props.id}-border`,\n        data: [\n          [\n            [west, north],\n            [west, south],\n            [east, south],\n            [east, north],\n            [west, north]\n          ]\n        ],\n        getPath: (d) => d,\n        getColor: borderColor,\n        widthMinPixels: 4\n      })\n    );\n  }\n\n  return layers;\n}\n"],"mappings":"AAIA,SAAQA,cAAc,QAAc,eAAe;AACnD,SAAQC,SAAS,QAAuB,qBAAqB;AAC7D,SAAQC,WAAW,EAAEC,YAAY,EAAEC,SAAS,QAAO,iBAAiB;AAIpE,MAAMC,gBAAgB,GAAI,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACD,gBAAgB,IAAK,CAAC;AAaxF,OAAO,MAAME,eAAe,SAASP,cAAc,CAAuB;EAAAQ,YAAA;IAAA,SAAAC,SAAA;IAAA,KAOxEC,KAAK;EAAA;EAILC,eAAeA,CAAA,EAAG;IAChB,IAAI,CAACC,QAAQ,CAAC;MACZC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEAC,WAAWA,CAAAC,IAAA,EAAuB;IAAA,IAAtB;MAACC,KAAK;MAAEC;IAAW,CAAC,GAAAF,IAAA;IAC9B,IAAI,CAACH,QAAQ,CAAC;MACZC,UAAU,EAAEG,KAAK,CAACH;IACpB,CAAC,CAAC;EACJ;EAEAK,YAAYA,CAAA,EAAG;IACb,MAAM;MAACL,UAAU;MAAEM,eAAe;MAAEC,QAAQ;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACL,KAAK;IACvE,MAAMM,OAAO,GAAG,CAAAF,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEE,OAAO,KAAI,CAAC;IACtC,MAAMC,OAAO,GAAG,CAAAH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEG,OAAO,KAAI,EAAE;IAEvC,OAAO,CACL,IAAItB,SAAS,CAAC;MAEZuB,EAAE,EAAEC,MAAM,CAACZ,UAAU,CAACa,GAAG,CAAC;MAC1BC,WAAW,EAAEd,UAAU,CAACc,WAAW;MAEnCC,WAAW,EAAE,EAAE;MAEfC,QAAQ,EAAE,IAAI;MACdC,cAAc,EAAET,WAAW;MAC3BU,aAAa,EAAEZ,eAAe;MAC9Ba,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;MAChCV,OAAO;MACPC,OAAO;MACPU,QAAQ,EAAE,GAAG;MAEbC,UAAU,EAAE7B,gBAAgB,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;MAC3C8B,eAAe;MAGftB,UAAU;MACVM;IACF,CAAC,CAAC,CACH;EACH;AACF;AArDaZ,eAAe,CACnB6B,SAAS,GAAG,iBAAiB;AADzB7B,eAAe,CAEnB8B,YAAY,GAAG;EACpB,GAAGpC,SAAS,CAACoC,YAAY;EACzBlB,eAAe,EAAE;AACnB,CAAC;AAkDH,SAASgB,eAAeA,CAACnB,KAA+E,EAAE;EACxG,MAAM;IACJH,UAAU;IACVM,eAAe;IACfG,OAAO;IACPC,OAAO;IACPe,IAAI,EAAE;MAACC,KAAK,EAAE;QAACC,CAAC,EAAEC;MAAI,CAAC;MACvBC,IAAI,EAAE;QAACC,IAAI;QAAEC,KAAK;QAAEC,IAAI;QAAEC;MAAK;IAAC;EAClC,CAAC,GAAG9B,KAAK;EAET,MAAM+B,MAAe,GAAG,EAAE;EAE1B,MAAMC,WAAW,GAAGP,IAAI,IAAInB,OAAO,IAAImB,IAAI,IAAIlB,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;EAE5F,QAAQV,UAAU,CAACoC,QAAQ;IACzB,KAAK,oCAAoC;MACvCF,MAAM,CAACG,IAAI,CACT,IAAI/C,YAAY,CAAC;QACfqB,EAAE,EAAG,GAAER,KAAK,CAACQ,EAAG,UAAS;QACzB2B,IAAI,EAAEnC,KAAK,CAACmC,IAAI;QAChBtB,QAAQ,EAAE,IAAI;QACduB,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;QAC/BC,cAAc,EAAE,GAAG;QACnBC,kBAAkB,EAAE;MACtB,CAAC,CACH,CAAC;MACD;IAEF,KAAK,WAAW;IAChB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,KAAK,YAAY;MACfP,MAAM,CAACG,IAAI,CACT,IAAIhD,WAAW,CAACc,KAAK,EAAE;QACrBmC,IAAI,EAAE,IAAI;QACVI,KAAK,EAAEvC,KAAK,CAACmC,IAAI;QACjBK,MAAM,EAAE,CAACb,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,CAAC;QAClCjB,QAAQ,EAAE;MACZ,CAAC,CACH,CAAC;MACD;IAEF;MACE4B,OAAO,CAACC,KAAK,CAAC,uBAAuB,EAAE7C,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoC,QAAQ,CAAC;EAChE;EAGA,IAAI9B,eAAe,EAAE;IACnB4B,MAAM,CAACG,IAAI,CACT,IAAI9C,SAAS,CAAC;MACZoB,EAAE,EAAG,GAAER,KAAK,CAACQ,EAAG,SAAQ;MACxB2B,IAAI,EAAE,CACJ,CACE,CAACR,IAAI,EAAEG,KAAK,CAAC,EACb,CAACH,IAAI,EAAEC,KAAK,CAAC,EACb,CAACC,IAAI,EAAED,KAAK,CAAC,EACb,CAACC,IAAI,EAAEC,KAAK,CAAC,EACb,CAACH,IAAI,EAAEG,KAAK,CAAC,CACd,CACF;MACDa,OAAO,EAAGC,CAAC,IAAKA,CAAC;MACjBC,QAAQ,EAAEb,WAAW;MACrBc,cAAc,EAAE;IAClB,CAAC,CACH,CAAC;EACH;EAEA,OAAOf,MAAM;AACf"}

package/src/data-driven-tile-3d-layer/data-driven-tile-3d-layer.ts

@@ -1,261 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {Tile3DLayer, Tile3DLayerProps} from '@deck.gl/geo-layers';
-import {UpdateParameters, Viewport, DefaultProps} from '@deck.gl/core';
-import {TILE_TYPE, Tile3D, Tileset3D} from '@loaders.gl/tiles';
-import {load} from '@loaders.gl/core';
-
-const defaultProps: DefaultProps<DataDrivenTile3DLayerProps> = {
-  colorsByAttribute: null,
-  filtersByAttribute: null
-};
-
-type DataDrivenTile3DLayerProps<DataT = any> = _DataDrivenTile3DLayerProps &
-  Tile3DLayerProps<DataT>;
-
-type _DataDrivenTile3DLayerProps = {
-  onTraversalComplete?: (selectedTiles: Tile3D[]) => Tile3D[];
-  colorsByAttribute?: ColorsByAttribute | null;
-  customizeColors?: (
-    tile: Tile3D,
-    colorsByAttribute: ColorsByAttribute | null
-  ) => Promise<{isColored: boolean; id: string}>;
-  filtersByAttribute?: FiltersByAttribute | null;
-  filterTile?: (
-    tile: Tile3D,
-    filtersByAttribute: FiltersByAttribute | null
-  ) => Promise<{isFiltered: boolean; id: string}>;
-};
-
-export type ColorsByAttribute = {
-  /** Feature attribute name */
-  attributeName: string;
-  /** Minimum attribute value */
-  minValue: number;
-  /** Maximum attribute value */
-  maxValue: number;
-  /** Minimum color. 3DObject will be colorized with gradient from `minColor to `maxColor` */
-  minColor: [number, number, number, number];
-  /** Maximum color. 3DObject will be colorized with gradient from `minColor to `maxColor` */
-  maxColor: [number, number, number, number];
-  /** Colorization mode. `replace` - replace vertex colors with a new colors, `multiply` - multiply vertex colors with new colors */
-  mode: string;
-};
-
-export type FiltersByAttribute = {
-  /** Feature attribute name */
-  attributeName: string;
-  /** Filter value */
-  value: number;
-};
-
-//@ts-expect-error call of private method of the base class
-export class DataDrivenTile3DLayer<DataT = any, ExtraProps extends {} = {}> extends Tile3DLayer<
-  DataT,
-  Required<_DataDrivenTile3DLayerProps> & ExtraProps
-> {
-  static layerName = 'DataDrivenTile3DLayer';
-  static defaultProps = defaultProps as any;
-
-  state!: {
-    activeViewports: any;
-    frameNumber?: number;
-    lastUpdatedViewports: {[viewportId: string]: Viewport} | null;
-    layerMap: {[layerId: string]: any};
-    tileset3d: Tileset3D | null;
-
-    colorsByAttribute: ColorsByAttribute | null;
-    filtersByAttribute: FiltersByAttribute | null;
-    loadingCounter: number;
-  };
-
-  initializeState() {
-    super.initializeState();
-
-    this.setState({
-      colorsByAttribute: this.props.colorsByAttribute,
-      filtersByAttribute: this.props.filtersByAttribute,
-      loadingCounter: 0
-    });
-  }
-
-  updateState(params: UpdateParameters<this>): void {
-    const {props, oldProps, changeFlags} = params;
-
-    if (props.data && props.data !== oldProps.data) {
-      this._loadTileset(props.data);
-    } else if (props.colorsByAttribute !== oldProps.colorsByAttribute) {
-      this.setState({
-        colorsByAttribute: props.colorsByAttribute
-      });
-      this._colorizeTileset();
-    } else if (props.filtersByAttribute !== oldProps.filtersByAttribute) {
-      this.setState({
-        filtersByAttribute: props.filtersByAttribute
-      });
-      this._filterTileset();
-    } else if (changeFlags.viewportChanged) {
-      const {activeViewports} = this.state;
-      const viewportsNumber = Object.keys(activeViewports).length;
-      if (viewportsNumber) {
-        if (!this.state.loadingCounter) {
-          //@ts-expect-error call of private method of the base class
-          super._updateTileset(activeViewports);
-        }
-        this.state.lastUpdatedViewports = activeViewports;
-        this.state.activeViewports = {};
-      }
-    } else {
-      super.updateState(params);
-    }
-  }
-
-  private override async _loadTileset(tilesetUrl) {
-    const {loadOptions = {}} = this.props;
-
-    // TODO: deprecate `loader` in v9.0
-    let loader = this.props.loader || this.props.loaders;
-    if (Array.isArray(loader)) {
-      loader = loader[0];
-    }
-
-    const options = {loadOptions: {...loadOptions}};
-    if (loader.preload) {
-      const preloadOptions = await loader.preload(tilesetUrl, loadOptions);
-
-      if (preloadOptions.headers) {
-        options.loadOptions.fetch = {
-          ...options.loadOptions.fetch,
-          headers: preloadOptions.headers
-        };
-      }
-      Object.assign(options, preloadOptions);
-    }
-    //@ts-expect-error loader
-    const tilesetJson = await load(tilesetUrl, loader, options.loadOptions);
-
-    const tileset3d = new Tileset3D(tilesetJson, {
-      onTileLoad: this._onTileLoad.bind(this),
-      //@ts-expect-error call of private method of the base class
-      onTileUnload: super._onTileUnload.bind(this),
-      onTileError: this.props.onTileError,
-      // New code ------------------
-      onTraversalComplete: this._onTraversalComplete.bind(this),
-      // ---------------------------
-      ...options
-    });
-
-    this.setState({
-      tileset3d,
-      layerMap: {}
-    });
-
-    //@ts-expect-error call of private method of the base class
-    super._updateTileset(this.state.activeViewports);
-    this.props.onTilesetLoad(tileset3d);
-  }
-
-  private override _onTileLoad(tileHeader: Tile3D): void {
-    const {lastUpdatedViewports} = this.state;
-    // New code ------------------
-    this._colorizeTiles([tileHeader]);
-    this._filterTiles([tileHeader]);
-    // ---------------------------
-    this.props.onTileLoad(tileHeader);
-    // New code ------------------ condition is added
-    if (!this.state.colorsByAttribute && !this.state.filtersByAttribute) {
-      // ---------------------------
-      //@ts-expect-error call of private method of the base class
-      super._updateTileset(lastUpdatedViewports);
-      this.setNeedsUpdate();
-      // New code ------------------
-    }
-    // ------------------
-  }
-
-  private _onTraversalComplete(selectedTiles: Tile3D[]): Tile3D[] {
-    this._colorizeTiles(selectedTiles);
-    this._filterTiles(selectedTiles);
-    return this.props.onTraversalComplete
-      ? this.props.onTraversalComplete(selectedTiles)
-      : selectedTiles;
-  }
-
-  private _colorizeTiles(tiles: Tile3D[]): void {
-    if (this.props.customizeColors && tiles[0]?.type === TILE_TYPE.MESH) {
-      const {layerMap, colorsByAttribute} = this.state;
-      const promises: Promise<{isColored: boolean; id: string}>[] = [];
-      for (const tile of tiles) {
-        promises.push(this.props.customizeColors(tile, colorsByAttribute));
-      }
-      this.setState({
-        loadingCounter: this.state.loadingCounter + 1
-      });
-      Promise.allSettled(promises).then((result) => {
-        this.setState({
-          loadingCounter: this.state.loadingCounter - 1
-        });
-        let isTileChanged = false;
-        for (const item of result) {
-          if (item.status === 'fulfilled' && item.value.isColored) {
-            isTileChanged = true;
-            delete layerMap[item.value.id];
-          }
-        }
-        if (isTileChanged && !this.state.loadingCounter) {
-          //@ts-expect-error call of private method of the base class
-          super._updateTileset(this.state.activeViewports);
-          this.setNeedsUpdate();
-        }
-      });
-    }
-  }
-
-  private _colorizeTileset(): void {
-    const {tileset3d} = this.state;
-
-    if (tileset3d) {
-      this._colorizeTiles(tileset3d.selectedTiles);
-    }
-  }
-
-  private _filterTiles(tiles: Tile3D[]): void {
-    if (this.props.filterTile && tiles[0]?.type === TILE_TYPE.MESH) {
-      const {layerMap, filtersByAttribute} = this.state;
-      const promises: Promise<{isFiltered: boolean; id: string}>[] = [];
-      for (const tile of tiles) {
-        promises.push(this.props.filterTile(tile, filtersByAttribute));
-      }
-      this.setState({
-        loadingCounter: this.state.loadingCounter + 1
-      });
-      Promise.allSettled(promises).then((result) => {
-        this.setState({
-          loadingCounter: this.state.loadingCounter - 1
-        });
-        let isTileChanged = false;
-        for (const item of result) {
-          if (item.status === 'fulfilled' && item.value.isFiltered) {
-            isTileChanged = true;
-            delete layerMap[item.value.id];
-          }
-        }
-        if (isTileChanged && !this.state.loadingCounter) {
-          //@ts-expect-error call of private method of the base class
-          super._updateTileset(this.state.activeViewports);
-          this.setNeedsUpdate();
-        }
-      });
-    }
-  }
-
-  private _filterTileset(): void {
-    const {tileset3d} = this.state;
-
-    if (tileset3d) {
-      this._filterTiles(tileset3d.selectedTiles);
-    }
-  }
-}

package/src/data-driven-tile-3d-layer/utils/colorize-tile.ts

@@ -1,53 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import {customizeColors} from '@loaders.gl/i3s';
-import {Tile3D} from '@loaders.gl/tiles';
-import {ColorsByAttribute} from '../data-driven-tile-3d-layer';
-
-/**
- * Update tile colors with the custom colors assigned to the I3S Loader
- * @returns {Promise<{isColored: boolean; id: string}>} Result of the tile colorization - isColored: true/false and tile id
- */
-export const colorizeTile = async (
-  tile: Tile3D,
-  colorsByAttribute: ColorsByAttribute | null
-): Promise<{isColored: boolean; id: string}> => {
-  const result = {isColored: false, id: tile.id};
-
-  if (tile.content.customColors !== colorsByAttribute) {
-    if (tile.content && colorsByAttribute) {
-      if (!tile.content.originalColorsAttributes) {
-        tile.content.originalColorsAttributes = {
-          ...tile.content.attributes.colors,
-          value: new Uint8Array(tile.content.attributes.colors.value)
-        };
-      } else if (colorsByAttribute.mode === 'multiply') {
-        tile.content.attributes.colors.value.set(tile.content.originalColorsAttributes.value);
-      }
-
-      tile.content.customColors = colorsByAttribute;
-
-      const newColors = await customizeColors(
-        tile.content.attributes.colors,
-        tile.content.featureIds,
-        tile.header.attributeUrls,
-        tile.tileset.tileset.fields,
-        tile.tileset.tileset.attributeStorageInfo,
-        colorsByAttribute,
-        (tile.tileset.loadOptions as any).i3s.token
-      );
-      // Make sure custom colors is not changed during async customizeColors execution
-      if (tile.content.customColors === colorsByAttribute) {
-        tile.content.attributes.colors = newColors;
-        result.isColored = true;
-      }
-    } else if (tile.content && tile.content.originalColorsAttributes) {
-      tile.content.attributes.colors.value = tile.content.originalColorsAttributes.value;
-      tile.content.customColors = null;
-      result.isColored = true;
-    }
-  }
-  return result;
-};