23965535588

Committed 03 Apr 2026 11:07PM UTC coverage: 59.873% (-1.8%) from 61.699%

Build # 23965535588

Build Type

push

github

Committed by

web-flow

Commit Message

chore: deck.gl 9.2 upgrade & loaders.gl, luma.gl upgrades (#3271)

* chore: upgrade to deckgl 9.2.11

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fixes

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix lint follow up

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix blending

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix geojson layer

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* more fixes for aggregation layers

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix h3 layer

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* potential fix for issues with geoarrow in point and line layers

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix postprocessing effects

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fixes for light and shadow effect

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* shadow and light effect - restore uniform shadow during the nighttime

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* don't hide line and arc layers when layer type changed

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* restore filters for aggregation layers

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix aggregation layers - hightlight outlines

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fixes for raster tile layer - raster pmtiles related

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fixes for raster tiles shader modules updates

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* fix lint

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* more lint

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* try to fix CI lint

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* try to fix CI tests

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* install webgpu

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* try to fix Ci test env setup

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>

* cont fix setup browser env

Signed-o... (continued)

Coverage Stats

6517 of 12977 branches covered (50.22%)

Branch coverage included in aggregate %.

324 of 1031 new or added lines in 58 files covered. (31.43%)

123 existing lines in 18 files now uncovered.

13313 of 20143 relevant lines covered (66.09%)

78.43 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

15.0

/src/layers/src/editor-layer/editor-layer.ts

// SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project

import {EditableGeoJsonLayer} from '@deck.gl-community/editable-layers';
import {Layer as DeckLayer, LayerProps as DeckLayerProps} from '@deck.gl/core';
import {
  DrawPolygonMode,
  TranslateMode,
  CompositeMode,
  DrawRectangleMode,
  GeoJsonEditMode
} from '@deck.gl-community/editable-layers';
import {PathStyleExtension} from '@deck.gl/extensions';

import {EDITOR_LAYER_ID, EDITOR_MODES, EDITOR_LAYER_PICKING_RADIUS} from '@kepler.gl/constants';
import {Viewport, Editor, Feature, FeatureSelectionContext} from '@kepler.gl/types';
import {generateHashId} from '@kepler.gl/common-utils';

import {EDIT_TYPES} from './constants';
import {LINE_STYLE, FEATURE_STYLE, EDIT_HANDLE_STYLE} from './feature-styles';
import {ModifyModeExtended} from './modify-mode-extended';
import {isDrawingActive} from './editor-layer-utils';

const DEFAULT_COMPOSITE_MODE = new CompositeMode([
  new TranslateMode() as unknown as GeoJsonEditMode,
  new ModifyModeExtended() as unknown as GeoJsonEditMode
]);

export type GetEditorLayerProps = {
  editorMenuActive: boolean;
  editor: Editor;
  onSetFeatures: (features: Feature[]) => any;
  setSelectedFeature: (feature: Feature | null, selectionContext?: FeatureSelectionContext) => any;
  viewport: Viewport;
  featureCollection: {
    type: string;
    features: Feature[];
  };
  selectedFeatureIndexes: number[];
};

/**
 * Returns editable layer to edit polygon filters.
 * @param params
 * @param params.editorMenuActive Indicates whether the editor side menu is active.
 * @param params.editor
 * @param params.onSetFeatures A callback to set features.
 * @param params.setSelectedFeature A callback to set selected feature and selection context.
 * @param params.viewport Current viewport.
 * @param params.featureCollection Feature collection with an array of features
 * @param params.selectedFeatureIndexes An array with index of currently selected feature.
 */
export function getEditorLayer({
  editorMenuActive,
  editor,
  onSetFeatures,
  setSelectedFeature,
  featureCollection,
  selectedFeatureIndexes,
  viewport
}: GetEditorLayerProps): DeckLayer<DeckLayerProps> {
  const {mode: editorMode} = editor;

  let mode = DEFAULT_COMPOSITE_MODE;
  if (editorMenuActive) {
    // @ts-ignore
    if (editorMode === EDITOR_MODES.DRAW_POLYGON) mode = DrawPolygonMode;
    // @ts-ignore
    else if (editorMode === EDITOR_MODES.DRAW_RECTANGLE) mode = DrawRectangleMode;
  }

  // @ts-ignore
  return new EditableGeoJsonLayer({
    id: EDITOR_LAYER_ID,
    mode,
    // @ts-ignore
    data: featureCollection,
    selectedFeatureIndexes,
    visible: editor.visible,
    pickable: true,
    pickingRadius: EDITOR_LAYER_PICKING_RADIUS,
    modeConfig: {
      viewport,
      screenSpace: true,
      lockRectangles: true
    },

    pickingLineWidthExtraPixels: 5,

    // Only show fill when polygons are selected,
    // there is no way atm to enable fill for only one feature
    filled: selectedFeatureIndexes.length > 0,

    onEdit: ({updatedData, editType}) => {
      switch (editType) {
        case EDIT_TYPES.ADD_FEATURE: {
          const {features: _features} = updatedData;
          if (_features.length) {
            const lastFeature = _features[_features.length - 1];
            if (lastFeature.properties) lastFeature.properties.isClosed = true;
            lastFeature.id = generateHashId(6);
            onSetFeatures(updatedData.features as unknown as Feature[]);
            setSelectedFeature(lastFeature as unknown as Feature);
          }
          break;
        }
        case EDIT_TYPES.ADD_POSITION:
        case EDIT_TYPES.MOVE_POSITION:
        case EDIT_TYPES.TRANSLATING:
          onSetFeatures(updatedData.features as unknown as Feature[]);
          break;
        default:
          break;
      }
    },

    // prevent self-highlights with tentative features
    autoHighlight: !isDrawingActive(editorMenuActive, editorMode),
    // @ts-ignore
    highlightColor: info => {
      // Note: lines are reported as parent polygon
      const {object} = info;
      if (object) {
        if (object.id === editor.selectedFeature?.id) {
          return FEATURE_STYLE.highlightMultiplierNone;
        }

        const type = object.properties.editHandleType;
        if (type === 'intermediate') return EDIT_HANDLE_STYLE.highlightMultiplierNone;
        else if (type === 'existing') return EDIT_HANDLE_STYLE.highlightMultiplier;
      }

      // Note: highlight color affects even transparent filled polygons
      return selectedFeatureIndexes.length
        ? FEATURE_STYLE.highlightMultiplier
        : LINE_STYLE.highlightMultiplier;
    },

    extensions: [new PathStyleExtension({dash: true})],
    dashGapPickable: true,
    getDashArray: feature => {
      if (feature?.properties?.guideType === 'tentative') {
        return LINE_STYLE.dashArray;
      }

      if (feature?.id === editor.selectedFeature?.id) return LINE_STYLE.solidArray;

      return LINE_STYLE.dashArray;
    },

    getLineColor: LINE_STYLE.getColor,
    getFillColor: FEATURE_STYLE.getColor,

    getRadius: EDIT_HANDLE_STYLE.getRadius,
    // @ts-ignore
    getLineWidth: LINE_STYLE.getWidth,

    getEditHandlePointRadius: EDIT_HANDLE_STYLE.getRadius,
    getEditHandlePointColor: EDIT_HANDLE_STYLE.getFillColor,
    getEditHandlePointOutlineColor: EDIT_HANDLE_STYLE.getOutlineColor,

    getTentativeLineColor: LINE_STYLE.getTentativeLineColor,
    // @ts-ignore
    getTentativeLineWidth: LINE_STYLE.getTentativeLineWidth,
    getTentativeFillColor: LINE_STYLE.getTentativeFillColor,

    parameters: {},
    shadowEnabled: false,
    _subLayerProps: {
      geojson: {shadowEnabled: false},
      guides: {shadowEnabled: false},
      tooltips: {
        shadowEnabled: false,
        _subLayerProps: {
          characters: {shadowEnabled: false}
        }
      }
    }
  });
}

1	// SPDX-License-Identifier: MIT
2	// Copyright contributors to the kepler.gl project
3
4	import {EditableGeoJsonLayer} from '@deck.gl-community/editable-layers';
5	import {Layer as DeckLayer, LayerProps as DeckLayerProps} from '@deck.gl/core';
6	import {
7	DrawPolygonMode,
8	TranslateMode,
9	CompositeMode,
10	DrawRectangleMode,
11	GeoJsonEditMode
12	} from '@deck.gl-community/editable-layers';
13	import {PathStyleExtension} from '@deck.gl/extensions';
14
15	import {EDITOR_LAYER_ID, EDITOR_MODES, EDITOR_LAYER_PICKING_RADIUS} from '@kepler.gl/constants';
16	import {Viewport, Editor, Feature, FeatureSelectionContext} from '@kepler.gl/types';
17	import {generateHashId} from '@kepler.gl/common-utils';
18
19	import {EDIT_TYPES} from './constants';
20	import {LINE_STYLE, FEATURE_STYLE, EDIT_HANDLE_STYLE} from './feature-styles';
21	import {ModifyModeExtended} from './modify-mode-extended';
22	import {isDrawingActive} from './editor-layer-utils';
23
24	const DEFAULT_COMPOSITE_MODE = new CompositeMode([	13✔
25	new TranslateMode() as unknown as GeoJsonEditMode,
26	new ModifyModeExtended() as unknown as GeoJsonEditMode
27	]);
28
29	export type GetEditorLayerProps = {
30	editorMenuActive: boolean;
31	editor: Editor;
32	onSetFeatures: (features: Feature[]) => any;
33	setSelectedFeature: (feature: Feature \| null, selectionContext?: FeatureSelectionContext) => any;
34	viewport: Viewport;
35	featureCollection: {
36	type: string;
37	features: Feature[];
38	};
39	selectedFeatureIndexes: number[];
40	};
41
42	/**
43	* Returns editable layer to edit polygon filters.
44	* @param params
45	* @param params.editorMenuActive Indicates whether the editor side menu is active.
46	* @param params.editor
47	* @param params.onSetFeatures A callback to set features.
48	* @param params.setSelectedFeature A callback to set selected feature and selection context.
49	* @param params.viewport Current viewport.
50	* @param params.featureCollection Feature collection with an array of features
51	* @param params.selectedFeatureIndexes An array with index of currently selected feature.
52	*/
53	export function getEditorLayer({
54	editorMenuActive,
55	editor,
56	onSetFeatures,
57	setSelectedFeature,
58	featureCollection,
59	selectedFeatureIndexes,
60	viewport
61	}: GetEditorLayerProps): DeckLayer<DeckLayerProps> {
62	const {mode: editorMode} = editor;	30✔
63
64	let mode = DEFAULT_COMPOSITE_MODE;	30✔
65	if (editorMenuActive) {	30✔
66	// @ts-ignore
67	if (editorMode === EDITOR_MODES.DRAW_POLYGON) mode = DrawPolygonMode;	1!
68	// @ts-ignore
69	else if (editorMode === EDITOR_MODES.DRAW_RECTANGLE) mode = DrawRectangleMode;	×
70	}
71
72	// @ts-ignore
73	return new EditableGeoJsonLayer({	30✔
74	id: EDITOR_LAYER_ID,
75	mode,
76	// @ts-ignore
77	data: featureCollection,
78	selectedFeatureIndexes,
79	visible: editor.visible,
80	pickable: true,
81	pickingRadius: EDITOR_LAYER_PICKING_RADIUS,
82	modeConfig: {
83	viewport,
84	screenSpace: true,
85	lockRectangles: true
86	},
87
88	pickingLineWidthExtraPixels: 5,
89
90	// Only show fill when polygons are selected,
91	// there is no way atm to enable fill for only one feature
92	filled: selectedFeatureIndexes.length > 0,
93
94	onEdit: ({updatedData, editType}) => {
95	switch (editType) {	×
96	case EDIT_TYPES.ADD_FEATURE: {
97	const {features: _features} = updatedData;	×
98	if (_features.length) {	×
99	const lastFeature = _features[_features.length - 1];	×
NEW 100	if (lastFeature.properties) lastFeature.properties.isClosed = true;	×
101	lastFeature.id = generateHashId(6);	×
NEW 102	onSetFeatures(updatedData.features as unknown as Feature[]);	×
NEW 103	setSelectedFeature(lastFeature as unknown as Feature);	×
104	}
105	break;	×
106	}
107	case EDIT_TYPES.ADD_POSITION:
108	case EDIT_TYPES.MOVE_POSITION:
109	case EDIT_TYPES.TRANSLATING:
NEW 110	onSetFeatures(updatedData.features as unknown as Feature[]);	×
111	break;	×
112	default:
113	break;	×
114	}
115	},
116
117	// prevent self-highlights with tentative features
118	autoHighlight: !isDrawingActive(editorMenuActive, editorMode),
119	// @ts-ignore
120	highlightColor: info => {
121	// Note: lines are reported as parent polygon
122	const {object} = info;	×
123	if (object) {	×
124	if (object.id === editor.selectedFeature?.id) {	×
125	return FEATURE_STYLE.highlightMultiplierNone;	×
126	}
127
128	const type = object.properties.editHandleType;	×
129	if (type === 'intermediate') return EDIT_HANDLE_STYLE.highlightMultiplierNone;	×
130	else if (type === 'existing') return EDIT_HANDLE_STYLE.highlightMultiplier;	×
131	}
132
133	// Note: highlight color affects even transparent filled polygons
134	return selectedFeatureIndexes.length	×
135	? FEATURE_STYLE.highlightMultiplier
136	: LINE_STYLE.highlightMultiplier;
137	},
138
139	extensions: [new PathStyleExtension({dash: true})],
140	dashGapPickable: true,
141	getDashArray: feature => {
142	if (feature?.properties?.guideType === 'tentative') {	×
143	return LINE_STYLE.dashArray;	×
144	}
145
146	if (feature?.id === editor.selectedFeature?.id) return LINE_STYLE.solidArray;	×
147
148	return LINE_STYLE.dashArray;	×
149	},
150
151	getLineColor: LINE_STYLE.getColor,
152	getFillColor: FEATURE_STYLE.getColor,
153
154	getRadius: EDIT_HANDLE_STYLE.getRadius,
155	// @ts-ignore
156	getLineWidth: LINE_STYLE.getWidth,
157
158	getEditHandlePointRadius: EDIT_HANDLE_STYLE.getRadius,
159	getEditHandlePointColor: EDIT_HANDLE_STYLE.getFillColor,
160	getEditHandlePointOutlineColor: EDIT_HANDLE_STYLE.getOutlineColor,
161
162	getTentativeLineColor: LINE_STYLE.getTentativeLineColor,
163	// @ts-ignore
164	getTentativeLineWidth: LINE_STYLE.getTentativeLineWidth,
165	getTentativeFillColor: LINE_STYLE.getTentativeFillColor,
166
167	parameters: {},
168	shadowEnabled: false,
169	_subLayerProps: {
170	geojson: {shadowEnabled: false},
171	guides: {shadowEnabled: false},
172	tooltips: {
173	shadowEnabled: false,
174	_subLayerProps: {
175	characters: {shadowEnabled: false}
176	}
177	}
178	}
179	});
180	}

keplergl / kepler.gl / 23965535588

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous