@defra/interactive-map 0.0.30-alpha → 0.0.32-alpha

package/plugins/beta/datasets/src/adapters/maplibre/registry/mapLibreDataset.js

@@ -0,0 +1,209 @@
+import { Dataset } from '../../../registry/dataset.js'
+import { hashString } from '../../../../../../../src/utils/patternUtils.js'
+import { anchorToMaplibre } from '../../../../../../../providers/maplibre/src/utils/symbolImages.js'
+import { logger } from '../../../../../../../src/services/logger.js'
+const MAX_TILE_ZOOM = 22
+
+export class MapLibreDataset extends Dataset {
+  get visibility () { return this.visible ? 'visible' : 'none' }
+
+  get fillLayerId () {
+    if (this.hasSublayers) {
+      return null
+    }
+    if (this.hasSymbol) {
+      return null
+    }
+    if (this.hasFill) {
+      return this.id
+    }
+    return null
+  }
+
+  get strokeLayerId () {
+    if (this.hasSublayers) {
+      return null
+    }
+    if (this.hasSymbol) {
+      return null
+    }
+    if (this.hasStroke) {
+      return this.hasFill ? `${this.id}-stroke` : this.id
+    }
+    return null
+  }
+
+  get symbolLayerId () {
+    if (this.hasSublayers) {
+      return null
+    }
+    if (this.hasSymbol) {
+      return this.id
+    }
+    return null
+  }
+
+  get layerIds () {
+    if (this.hasSublayers) {
+      return this.sublayers.flatMap(sublayer => sublayer.layerIds).filter(Boolean)
+    }
+    return [this.symbolLayerId, this.fillLayerId, this.strokeLayerId].filter(Boolean)
+  }
+
+  getLayersWithValue (valueName, condition = false) {
+    const response = []
+    if (condition === false || this[condition]) {
+      const layerIds = [this.symbolLayerId, this.fillLayerId, this.strokeLayerId].filter(Boolean)
+      if (layerIds.length) {
+        const value = this[valueName]
+        response.push({ layerIds, [valueName]: value })
+      }
+    }
+
+    if (this.hasSublayers) {
+      this.sublayers.forEach((sublayer) => {
+        if (condition === false || sublayer[condition]) {
+          response.push(sublayer.getLayersWithValue(valueName)[0])
+        }
+      })
+    }
+    return response
+  }
+
+  getLayersWithVisibility () {
+    return this.getLayersWithValue('visibility')
+  }
+
+  getLayersWithOpacity () {
+    return this.getLayersWithValue('opacity')
+  }
+
+  getLayersWithFilters () {
+    return this.getLayersWithValue('filter', 'hasHiddenFeatures')
+  }
+
+  get sourceId () {
+    if (this.isSublayer) { return this.parent.sourceId }
+    if (this.hasDynamicGeoJSON) { return this.dynamicGeoJSON.sourceId }
+    if (this.tiles) {
+      const tilesKey = Array.isArray(this.tiles) ? this.tiles.join(',') : this.tiles
+      return `tiles-${hashString(tilesKey)}`
+    }
+    if (this.geojson) {
+      if (typeof this.geojson === 'string') { return `geojson-${hashString(this.geojson)}` }
+      return `geojson-${this.id}`
+    }
+    return `source-${this.id}`
+  }
+
+  _geojsonIdStrategy () {
+    if (this.idProperty) { return { promoteId: this.idProperty } }
+    if (this.generateIds) { return { generateId: true } }
+    if (this.geojson?.features?.some(f => typeof f.id === 'string')) {
+      logger.warn(`Dataset "${this.id}" has GeoJSON features with string native IDs. MapLibre only surfaces integer native feature IDs through queryRenderedFeatures. Use idProperty to promote a string property instead.`)
+    }
+    return {}
+  }
+
+  get source () {
+    if (this.hasDynamicGeoJSON) { return this.dynamicGeoJSON.source }
+    if (this.tiles) {
+      const source = {
+        type: 'vector',
+        tiles: this.tiles,
+        minzoom: this.minZoom || 0,
+        maxzoom: this.maxZoom || MAX_TILE_ZOOM
+      }
+      if (this.idProperty && this.sourceLayer) {
+        source.promoteId = { [this.sourceLayer]: this.idProperty }
+      }
+      return source
+    }
+    if (this.geojson) {
+      return { type: 'geojson', data: this.geojson, ...this._geojsonIdStrategy() }
+    }
+    return null
+  }
+
+  getSymbolSource (imageId, anchor, symbolDef) {
+    return {
+      id: this.symbolLayerId,
+      type: 'symbol',
+      source: this.sourceId,
+      'source-layer': this.sourceLayer,
+      minzoom: this.minZoom,
+      maxzoom: this.maxZoom,
+      layout: {
+        visibility: this.visibility,
+        'icon-image': imageId,
+        'icon-anchor': anchorToMaplibre(anchor || symbolDef?.anchor || [0.5, 0.5]),
+        'icon-allow-overlap': true
+      },
+      ...(this.filter ? { filter: this.filter } : {})
+    }
+  }
+
+  getFillSource (paint) {
+    return {
+      id: this.fillLayerId,
+      type: 'fill',
+      source: this.sourceId,
+      'source-layer': this.sourceLayer,
+      minzoom: this.minZoom,
+      maxzoom: this.maxZoom,
+      layout: { visibility: this.visibility },
+      paint,
+      ...(this.filter ? { filter: this.filter } : {})
+    }
+  }
+
+  getStrokeSource (paint) {
+    return {
+      id: this.strokeLayerId,
+      type: 'line',
+      source: this.sourceId,
+      'source-layer': this.sourceLayer,
+      minzoom: this.minZoom,
+      maxzoom: this.maxZoom,
+      layout: { visibility: this.visibility },
+      paint,
+      ...(this.filter ? { filter: this.filter } : {})
+    }
+  }
+
+  get _hiddenFeaturesIdExpression () {
+    if (this.hasDynamicGeoJSON) {
+      return this.dynamicGeoJSON.hiddenFeaturesIdExpression
+    }
+    if (this.idProperty) {
+      return ['to-string', ['get', this.idProperty]]
+    }
+    return ['to-string', ['id']]
+  }
+
+  get _hiddenFeaturesFilter () {
+    const hiddenFeatures = this.hiddenFeatures?.filter(id => id !== -1)
+    if (!hiddenFeatures?.length) {
+      return null
+    }
+    return ['!', ['in', this._hiddenFeaturesIdExpression, ['literal', hiddenFeatures.map(String)]]]
+  }
+
+  get filter () {
+    const filter = ['all']
+    if (this.parent?.filter) {
+      filter.push(this.parent.filter)
+    }
+    if (this._datasetDefinition.filter) {
+      filter.push(this._datasetDefinition.filter)
+    }
+    const hiddenFeaturesFilter = this._hiddenFeaturesFilter
+    if (hiddenFeaturesFilter) {
+      filter.push(hiddenFeaturesFilter)
+    }
+    if (filter.length === 1) {
+      return null
+    }
+    return filter.length > 2 ? filter : filter[1]
+  }
+}