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

package/src/path-outline-layer/outline.ts

@@ -0,0 +1,107 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {ShaderModule} from '@luma.gl/shadertools';
+
+/* eslint-disable camelcase */
+const INITIAL_STATE: Record<string, any> = {
+  outlineEnabled: false,
+  outlineRenderShadowmap: false,
+  outlineShadowmap: null
+};
+
+function getUniforms({outlineEnabled, outlineRenderShadowmap, outlineShadowmap} = INITIAL_STATE) {
+  const uniforms: Record<string, any> = {};
+  if (outlineEnabled !== undefined) {
+    // ? 1.0 : 0.0;
+    uniforms.outline_uEnabled = outlineEnabled;
+  }
+  if (outlineRenderShadowmap !== undefined) {
+    // ? 1.0 : 0.0;
+    uniforms.outline_uRenderOutlines = outlineRenderShadowmap;
+  }
+  if (outlineShadowmap !== undefined) {
+    uniforms.outline_uShadowmap = outlineShadowmap;
+  }
+  return uniforms;
+}
+
+const vs = `\
+#version 300 es
+in float instanceZLevel;
+out float outline_vzLevel;
+out vec4 outline_vPosition;
+
+// Set the z level for the outline shadowmap rendering
+void outline_setZLevel(float zLevel) {
+  outline_vzLevel = zLevel;
+}
+
+// Store an adjusted position for texture2DProj
+void outline_setUV(vec4 position) {
+  // mat4(
+  //   0.5, 0.0, 0.0, 0.0,
+  //   0.0, 0.5, 0.0, 0.0,
+  //   0.0, 0.0, 0.5, 0.0,
+  //   0.5, 0.5, 0.5, 1.0
+  // ) * position;
+  outline_vPosition = vec4(position.xyz * 0.5 + position.w * 0.5, position.w);
+}
+`;
+
+const fs = `\
+uniform bool outline_uEnabled;
+uniform bool outline_uRenderOutlines;
+uniform sampler2D outline_uShadowmap;
+
+in float outline_vzLevel;
+// in vec2 outline_vUV;
+in vec4 outline_vPosition;
+
+out vec4 fragColor;
+
+const float OUTLINE_Z_LEVEL_ERROR = 0.01;
+
+// Return a darker color in shadowmap
+vec4 outline_filterShadowColor(vec4 color) {
+  return vec4(outline_vzLevel / 255., outline_vzLevel / 255., outline_vzLevel / 255., 1.);
+}
+
+// Return a darker color if in shadowmap
+vec4 outline_filterDarkenColor(vec4 color) {
+  if (outline_uEnabled) {
+    float maxZLevel;
+    if (outline_vPosition.q > 0.0) {
+      maxZLevel = texture2DProj(outline_uShadowmap, outline_vPosition).r * 255.;
+    } else {
+      discard;
+    }
+    if (maxZLevel < outline_vzLevel + OUTLINE_Z_LEVEL_ERROR) {
+      vec4(color.rgb * 0.5, color.a);
+    } else {
+      discard;
+    }
+  }
+  return color;
+}
+
+// if enabled and rendering outlines - Render depth to shadowmap
+// if enabled and rendering colors - Return a darker color if in shadowmap
+// if disabled, just return color
+vec4 outline_filterColor(vec4 color) {
+  if (outline_uEnabled) {
+    return outline_uRenderOutlines ?
+      outline_filterShadowColor(color) :
+      outline_filterDarkenColor(color);
+  }
+  return color;
+}
+`;
+
+export const outline = {
+  name: 'outline',
+  vs,
+  fs,
+  getUniforms
+} as const satisfies ShaderModule;

package/src/path-outline-layer/path-outline-layer.ts

@@ -0,0 +1,159 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import {PathLayer, PathLayerProps} from '@deck.gl/layers';
+import type {DefaultProps, LayerContext} from '@deck.gl/core';
+import {GL} from '@luma.gl/constants';
+import {Framebuffer, Texture} from '@luma.gl/core';
+import {outline} from './outline';
+
+/**
+ * Unit literal to shader unit number conversion.
+ */
+export const UNIT = {
+  common: 0,
+  meters: 1,
+  pixels: 2
+};
+
+// TODO - this should be built into assembleShaders
+function injectShaderCode({source, code = ''}) {
+  const INJECT_CODE = /}[^{}]*$/;
+  return source.replace(INJECT_CODE, code.concat('\n}\n'));
+}
+
+const VS_CODE = `\
+  outline_setUV(gl_Position);
+  outline_setZLevel(instanceZLevel);
+`;
+
+const FS_CODE = `\
+  fragColor = outline_filterColor(fragColor);
+`;
+
+export type PathOutlineLayerProps<DataT> = PathLayerProps<DataT> & {
+  dashJustified?: boolean;
+  getDashArray?: [number, number] | ((d: DataT) => [number, number] | null);
+  getZLevel?: (d: DataT, index: number) => number;
+};
+
+const defaultProps: DefaultProps<PathOutlineLayerProps<any>> = {
+  getZLevel: () => 0
+};
+
+export class PathOutlineLayer<DataT = any, ExtraPropsT = Record<string, unknown>> extends PathLayer<
+  DataT,
+  ExtraPropsT & Required<PathOutlineLayerProps<DataT>>
+> {
+  static layerName = 'PathOutlineLayer';
+  static defaultProps = defaultProps;
+
+  state: {
+    model?: any;
+    pathTesselator: any;
+    outlineFramebuffer: Framebuffer;
+    dummyTexture: Texture;
+  } = undefined!;
+
+  // Override getShaders to inject the outline module
+  getShaders() {
+    const shaders = super.getShaders();
+    return Object.assign({}, shaders, {
+      modules: shaders.modules.concat([outline]),
+      vs: injectShaderCode({source: shaders.vs, code: VS_CODE}),
+      fs: injectShaderCode({source: shaders.fs, code: FS_CODE})
+    });
+  }
+
+  // @ts-expect-error PathLayer is missing LayerContext arg
+  initializeState(context: LayerContext) {
+    super.initializeState();
+
+    // Create an outline "shadow" map
+    // TODO - we should create a single outlineMap for all layers
+    this.setState({
+      outlineFramebuffer: context.device.createFramebuffer({}),
+      dummyTexture: context.device.createTexture({})
+    });
+
+    // Create an attribute manager
+    // @ts-expect-error check whether this.getAttributeManager works here
+    this.state.attributeManager.addInstanced({
+      instanceZLevel: {
+        size: 1,
+        type: GL.UNSIGNED_BYTE,
+        accessor: 'getZLevel'
+      }
+    });
+  }
+
+  // Override draw to add render module
+  draw({moduleParameters = {}, parameters, uniforms, context}) {
+    // Need to calculate same uniforms as base layer
+    const {
+      jointRounded,
+      capRounded,
+      billboard,
+      miterLimit,
+      widthUnits,
+      widthScale,
+      widthMinPixels,
+      widthMaxPixels
+    } = this.props;
+
+    uniforms = Object.assign({}, uniforms, {
+      jointType: Number(jointRounded),
+      capType: Number(capRounded),
+      billboard,
+      widthUnits: UNIT[widthUnits],
+      widthScale,
+      miterLimit,
+      widthMinPixels,
+      widthMaxPixels
+    });
+
+    // Render the outline shadowmap (based on segment z orders)
+    const {outlineFramebuffer, dummyTexture} = this.state;
+    // TODO(v9): resize, see 'sf' example.
+    // outlineFramebuffer.resize();
+    // TODO(v9) clear FBO
+    // outlineFramebuffer.clear({ color: true, depth: true, stencil: true });
+
+    this.state.model.updateModuleSettings({
+      outlineEnabled: true,
+      outlineRenderShadowmap: true,
+      outlineShadowmap: dummyTexture
+    });
+
+    this.state.model.draw({
+      uniforms: Object.assign({}, uniforms, {
+        jointType: 0,
+        widthScale: this.props.widthScale * 1.3
+      }),
+      parameters: {
+        depthTest: false,
+        // Biggest value needs to go into buffer
+        blendEquation: GL.MAX
+      },
+      framebuffer: outlineFramebuffer
+    });
+
+    // Now use the outline shadowmap to render the lines (with outlines)
+    this.state.model.updateModuleSettings({
+      outlineEnabled: true,
+      outlineRenderShadowmap: false,
+      outlineShadowmap: outlineFramebuffer
+    });
+    this.state.model.draw({
+      uniforms: Object.assign({}, uniforms, {
+        jointType: Number(jointRounded),
+        capType: Number(capRounded),
+        widthScale: this.props.widthScale
+      }),
+      parameters: {
+        depthTest: false
+      }
+    });
+  }
+}

package/src/{tile-source-layer.ts → tile-source-layer/tile-source-layer.ts}

@@ -11,7 +11,7 @@ import type {TileSource} from '@loaders.gl/loader-utils';
 const devicePixelRatio = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;
 
 export type TileSourceLayerProps = TileLayerProps & {
-  tileSource: TileSource;
+  tileSource: TileSource<any>;
   showTileBorders?: boolean;
 };
 
@@ -29,8 +29,8 @@ export class TileSourceLayer extends CompositeLayer<TileSourceLayerProps> {
   };
 
   state: {
-    tileSource: TileSource | null;
-  };
+    tileSource: TileSource<any> | null;
+  } = undefined!;
 
   initializeState() {
     this.setState({
@@ -45,7 +45,7 @@ export class TileSourceLayer extends CompositeLayer<TileSourceLayerProps> {
   }
 
   renderLayers() {
-    const {tileSource, showTileBorders, metadata, onTilesLoad} = this.props;
+    const {tileSource, showTileBorders, metadata, onTilesLoad} = this.props as any;
     const minZoom = metadata?.minZoom || 0;
     const maxZoom = metadata?.maxZoom || 30;
 
@@ -56,7 +56,7 @@ export class TileSourceLayer extends CompositeLayer<TileSourceLayerProps> {
         getTileData: tileSource.getTileData,
         // Assume the pmtiles file support HTTP/2, so we aren't limited by the browser to a certain number per domain.
         maxRequests: 20,
-    
+
         pickable: true,
         onViewportLoad: onTilesLoad,
         autoHighlight: showTileBorders,
@@ -66,25 +66,29 @@ export class TileSourceLayer extends CompositeLayer<TileSourceLayerProps> {
         tileSize: 256,
         // TOOD - why is this needed?
         zoomOffset: devicePixelRatio === 1 ? -1 : 0,
-        renderSubLayers,
-    
+        renderSubLayers: renderSubLayers as any,
+
         // Custom prop
         tileSource,
         showTileBorders
       })
     ];
-  }  
+  }
 }
 
-function renderSubLayers(props: TileSourceLayerProps & {tile: {index, bbox: {west, south, east, north}}}) {
+function renderSubLayers(
+  props: TileSourceLayerProps & {tile: {index; bbox: {west; south; east; north}}}
+) {
   const {
-    tileSource, 
-    showTileBorders, 
+    tileSource,
+    showTileBorders,
     minZoom,
     maxZoom,
-    tile: {index: {z: zoom}, 
-    bbox: {west, south, east, north}}
-  } = props;
+    tile: {
+      index: {z: zoom},
+      bbox: {west, south, east, north}
+    }
+  } = props as any;
 
   const layers: Layer[] = [];
 
@@ -95,7 +99,7 @@ function renderSubLayers(props: TileSourceLayerProps & {tile: {index, bbox: {wes
       layers.push(
         new GeoJsonLayer({
           id: `${props.id}-geojson`,
-          data: props.data,
+          data: props.data as any,
           pickable: true,
           getFillColor: [0, 190, 80, 255],
           lineWidthScale: 500,
@@ -109,16 +113,20 @@ function renderSubLayers(props: TileSourceLayerProps & {tile: {index, bbox: {wes
     case 'image/webp':
     case 'image/avif':
       layers.push(
-        new BitmapLayer(props, {
-          data: null,
-          image: props.data,
-          bounds: [west, south, east, north],
-          pickable: true
-        })
+        new BitmapLayer(
+          props as any,
+          {
+            data: null,
+            image: props.data,
+            bounds: [west, south, east, north],
+            pickable: true
+          } as any
+        )
       );
       break;
 
     default:
+      // eslint-disable-next-line no-console
       console.error('Unknown tile mimeType', tileSource?.mimeType);
   }
 
@@ -137,7 +145,7 @@ function renderSubLayers(props: TileSourceLayerProps & {tile: {index, bbox: {wes
           ]
         ],
         getPath: (d) => d,
-        getColor: borderColor,
+        getColor: borderColor as any,
         widthMinPixels: 4
       })
     );

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

@@ -1,193 +0,0 @@
-import { Tile3DLayer } from '@deck.gl/geo-layers';
-import { TILE_TYPE, Tileset3D } from '@loaders.gl/tiles';
-import { load } from '@loaders.gl/core';
-const defaultProps = {
-  colorsByAttribute: null,
-  filtersByAttribute: null
-};
-export class DataDrivenTile3DLayer extends Tile3DLayer {
-  constructor() {
-    super(...arguments);
-    this.state = void 0;
-  }
-  initializeState() {
-    super.initializeState();
-    this.setState({
-      colorsByAttribute: this.props.colorsByAttribute,
-      filtersByAttribute: this.props.filtersByAttribute,
-      loadingCounter: 0
-    });
-  }
-  updateState(params) {
-    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) {
-          super._updateTileset(activeViewports);
-        }
-        this.state.lastUpdatedViewports = activeViewports;
-        this.state.activeViewports = {};
-      }
-    } else {
-      super.updateState(params);
-    }
-  }
-  async _loadTileset(tilesetUrl) {
-    const {
-      loadOptions = {}
-    } = this.props;
-    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);
-    }
-    const tilesetJson = await load(tilesetUrl, loader, options.loadOptions);
-    const tileset3d = new Tileset3D(tilesetJson, {
-      onTileLoad: this._onTileLoad.bind(this),
-      onTileUnload: super._onTileUnload.bind(this),
-      onTileError: this.props.onTileError,
-      onTraversalComplete: this._onTraversalComplete.bind(this),
-      ...options
-    });
-    this.setState({
-      tileset3d,
-      layerMap: {}
-    });
-    super._updateTileset(this.state.activeViewports);
-    this.props.onTilesetLoad(tileset3d);
-  }
-  _onTileLoad(tileHeader) {
-    const {
-      lastUpdatedViewports
-    } = this.state;
-    this._colorizeTiles([tileHeader]);
-    this._filterTiles([tileHeader]);
-    this.props.onTileLoad(tileHeader);
-    if (!this.state.colorsByAttribute && !this.state.filtersByAttribute) {
-      super._updateTileset(lastUpdatedViewports);
-      this.setNeedsUpdate();
-    }
-  }
-  _onTraversalComplete(selectedTiles) {
-    this._colorizeTiles(selectedTiles);
-    this._filterTiles(selectedTiles);
-    return this.props.onTraversalComplete ? this.props.onTraversalComplete(selectedTiles) : selectedTiles;
-  }
-  _colorizeTiles(tiles) {
-    var _tiles$;
-    if (this.props.customizeColors && ((_tiles$ = tiles[0]) === null || _tiles$ === void 0 ? void 0 : _tiles$.type) === TILE_TYPE.MESH) {
-      const {
-        layerMap,
-        colorsByAttribute
-      } = this.state;
-      const promises = [];
-      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) {
-          super._updateTileset(this.state.activeViewports);
-          this.setNeedsUpdate();
-        }
-      });
-    }
-  }
-  _colorizeTileset() {
-    const {
-      tileset3d
-    } = this.state;
-    if (tileset3d) {
-      this._colorizeTiles(tileset3d.selectedTiles);
-    }
-  }
-  _filterTiles(tiles) {
-    var _tiles$2;
-    if (this.props.filterTile && ((_tiles$2 = tiles[0]) === null || _tiles$2 === void 0 ? void 0 : _tiles$2.type) === TILE_TYPE.MESH) {
-      const {
-        layerMap,
-        filtersByAttribute
-      } = this.state;
-      const promises = [];
-      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) {
-          super._updateTileset(this.state.activeViewports);
-          this.setNeedsUpdate();
-        }
-      });
-    }
-  }
-  _filterTileset() {
-    const {
-      tileset3d
-    } = this.state;
-    if (tileset3d) {
-      this._filterTiles(tileset3d.selectedTiles);
-    }
-  }
-}
-DataDrivenTile3DLayer.layerName = 'DataDrivenTile3DLayer';
-DataDrivenTile3DLayer.defaultProps = defaultProps;
-//# sourceMappingURL=data-driven-tile-3d-layer.js.map

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

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

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

@@ -1,31 +0,0 @@
-import { customizeColors } from '@loaders.gl/i3s';
-export const colorizeTile = async (tile, colorsByAttribute) => {
-  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.i3s.token);
-      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;
-};
-//# sourceMappingURL=colorize-tile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"colorize-tile.js","names":["customizeColors","colorizeTile","tile","colorsByAttribute","result","isColored","id","content","customColors","originalColorsAttributes","attributes","colors","value","Uint8Array","mode","set","newColors","featureIds","header","attributeUrls","tileset","fields","attributeStorageInfo","loadOptions","i3s","token"],"sources":["../../../src/data-driven-tile-3d-layer/utils/colorize-tile.ts"],"sourcesContent":["// deck.gl-community\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport {customizeColors} from '@loaders.gl/i3s';\nimport {Tile3D} from '@loaders.gl/tiles';\nimport {ColorsByAttribute} from '../data-driven-tile-3d-layer';\n\n/**\n * Update tile colors with the custom colors assigned to the I3S Loader\n * @returns {Promise<{isColored: boolean; id: string}>} Result of the tile colorization - isColored: true/false and tile id\n */\nexport const colorizeTile = async (\n  tile: Tile3D,\n  colorsByAttribute: ColorsByAttribute | null\n): Promise<{isColored: boolean; id: string}> => {\n  const result = {isColored: false, id: tile.id};\n\n  if (tile.content.customColors !== colorsByAttribute) {\n    if (tile.content && colorsByAttribute) {\n      if (!tile.content.originalColorsAttributes) {\n        tile.content.originalColorsAttributes = {\n          ...tile.content.attributes.colors,\n          value: new Uint8Array(tile.content.attributes.colors.value)\n        };\n      } else if (colorsByAttribute.mode === 'multiply') {\n        tile.content.attributes.colors.value.set(tile.content.originalColorsAttributes.value);\n      }\n\n      tile.content.customColors = colorsByAttribute;\n\n      const newColors = await customizeColors(\n        tile.content.attributes.colors,\n        tile.content.featureIds,\n        tile.header.attributeUrls,\n        tile.tileset.tileset.fields,\n        tile.tileset.tileset.attributeStorageInfo,\n        colorsByAttribute,\n        (tile.tileset.loadOptions as any).i3s.token\n      );\n      // Make sure custom colors is not changed during async customizeColors execution\n      if (tile.content.customColors === colorsByAttribute) {\n        tile.content.attributes.colors = newColors;\n        result.isColored = true;\n      }\n    } else if (tile.content && tile.content.originalColorsAttributes) {\n      tile.content.attributes.colors.value = tile.content.originalColorsAttributes.value;\n      tile.content.customColors = null;\n      result.isColored = true;\n    }\n  }\n  return result;\n};\n"],"mappings":"AAIA,SAAQA,eAAe,QAAO,iBAAiB;AAQ/C,OAAO,MAAMC,YAAY,GAAG,MAAAA,CAC1BC,IAAY,EACZC,iBAA2C,KACG;EAC9C,MAAMC,MAAM,GAAG;IAACC,SAAS,EAAE,KAAK;IAAEC,EAAE,EAAEJ,IAAI,CAACI;EAAE,CAAC;EAE9C,IAAIJ,IAAI,CAACK,OAAO,CAACC,YAAY,KAAKL,iBAAiB,EAAE;IACnD,IAAID,IAAI,CAACK,OAAO,IAAIJ,iBAAiB,EAAE;MACrC,IAAI,CAACD,IAAI,CAACK,OAAO,CAACE,wBAAwB,EAAE;QAC1CP,IAAI,CAACK,OAAO,CAACE,wBAAwB,GAAG;UACtC,GAAGP,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM;UACjCC,KAAK,EAAE,IAAIC,UAAU,CAACX,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM,CAACC,KAAK;QAC5D,CAAC;MACH,CAAC,MAAM,IAAIT,iBAAiB,CAACW,IAAI,KAAK,UAAU,EAAE;QAChDZ,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM,CAACC,KAAK,CAACG,GAAG,CAACb,IAAI,CAACK,OAAO,CAACE,wBAAwB,CAACG,KAAK,CAAC;MACvF;MAEAV,IAAI,CAACK,OAAO,CAACC,YAAY,GAAGL,iBAAiB;MAE7C,MAAMa,SAAS,GAAG,MAAMhB,eAAe,CACrCE,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM,EAC9BT,IAAI,CAACK,OAAO,CAACU,UAAU,EACvBf,IAAI,CAACgB,MAAM,CAACC,aAAa,EACzBjB,IAAI,CAACkB,OAAO,CAACA,OAAO,CAACC,MAAM,EAC3BnB,IAAI,CAACkB,OAAO,CAACA,OAAO,CAACE,oBAAoB,EACzCnB,iBAAiB,EAChBD,IAAI,CAACkB,OAAO,CAACG,WAAW,CAASC,GAAG,CAACC,KACxC,CAAC;MAED,IAAIvB,IAAI,CAACK,OAAO,CAACC,YAAY,KAAKL,iBAAiB,EAAE;QACnDD,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM,GAAGK,SAAS;QAC1CZ,MAAM,CAACC,SAAS,GAAG,IAAI;MACzB;IACF,CAAC,MAAM,IAAIH,IAAI,CAACK,OAAO,IAAIL,IAAI,CAACK,OAAO,CAACE,wBAAwB,EAAE;MAChEP,IAAI,CAACK,OAAO,CAACG,UAAU,CAACC,MAAM,CAACC,KAAK,GAAGV,IAAI,CAACK,OAAO,CAACE,wBAAwB,CAACG,KAAK;MAClFV,IAAI,CAACK,OAAO,CAACC,YAAY,GAAG,IAAI;MAChCJ,MAAM,CAACC,SAAS,GAAG,IAAI;IACzB;EACF;EACA,OAAOD,MAAM;AACf,CAAC"}