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

package/dist/esm/deck-utils.js

@@ -1,263 +0,0 @@
-import { Deck, WebMercatorViewport, MapView, _flatten as flatten } from '@deck.gl/core';
-import { lngLatToWorld, unitsPerMeter } from '@math.gl/web-mercator';
-import { GL } from '@luma.gl/constants';
-const TILE_SIZE = 512;
-const DEGREES_TO_RADIANS = Math.PI / 180;
-export function getDeckInstance({
-  map,
-  gl,
-  deck
-}) {
-  if (map.__deck) {
-    return map.__deck;
-  }
-
-  const customRender = deck === null || deck === void 0 ? void 0 : deck.props._customRender;
-  const onLoad = deck === null || deck === void 0 ? void 0 : deck.props.onLoad;
-  const deckProps = getInterleavedProps({ ...(deck === null || deck === void 0 ? void 0 : deck.props),
-    _customRender: () => {
-      map.triggerRepaint();
-      customRender === null || customRender === void 0 ? void 0 : customRender('');
-    }
-  });
-  let deckInstance;
-
-  if (!deck || deck.props.gl === gl) {
-    Object.assign(deckProps, {
-      gl,
-      width: null,
-      height: null,
-      touchAction: 'unset',
-      viewState: getViewState(map)
-    });
-
-    if (deck !== null && deck !== void 0 && deck.isInitialized) {
-      watchMapMove(deck, map);
-    } else {
-      deckProps.onLoad = () => {
-        onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-        watchMapMove(deckInstance, map);
-      };
-    }
-  }
-
-  if (deck) {
-    deckInstance = deck;
-    deck.setProps(deckProps);
-    deck.userData.isExternal = true;
-  } else {
-    deckInstance = new Deck(deckProps);
-    map.on('remove', () => {
-      removeDeckInstance(map);
-    });
-  }
-
-  deckInstance.userData.mapboxLayers = new Set();
-  map.__deck = deckInstance;
-  map.on('render', () => {
-    if (deckInstance.isInitialized) afterRender(deckInstance, map);
-  });
-  return deckInstance;
-}
-
-function watchMapMove(deck, map) {
-  const _handleMapMove = () => {
-    if (deck.isInitialized) {
-      onMapMove(deck, map);
-    } else {
-      map.off('move', _handleMapMove);
-    }
-  };
-
-  map.on('move', _handleMapMove);
-}
-
-export function removeDeckInstance(map) {
-  var _map$__deck;
-
-  (_map$__deck = map.__deck) === null || _map$__deck === void 0 ? void 0 : _map$__deck.finalize();
-  map.__deck = null;
-}
-export function getInterleavedProps(currProps) {
-  const nextProps = { ...currProps,
-    parameters: {
-      depthMask: true,
-      depthTest: true,
-      blend: true,
-      blendFunc: [770, 771, 1, 771],
-      polygonOffsetFill: true,
-      depthFunc: 515,
-      blendEquation: 32774,
-      ...currProps.parameters
-    },
-    views: currProps.views || [new MapView({
-      id: 'mapbox'
-    })]
-  };
-  return nextProps;
-}
-export function addLayer(deck, layer) {
-  deck.userData.mapboxLayers.add(layer);
-  updateLayers(deck);
-}
-export function removeLayer(deck, layer) {
-  deck.userData.mapboxLayers.delete(layer);
-  updateLayers(deck);
-}
-export function updateLayer(deck, layer) {
-  updateLayers(deck);
-}
-export function drawLayer(deck, map, layer) {
-  let {
-    currentViewport
-  } = deck.userData;
-  let clearStack = false;
-
-  if (!currentViewport) {
-    currentViewport = getViewport(deck, map, true);
-    deck.userData.currentViewport = currentViewport;
-    clearStack = true;
-  }
-
-  if (!deck.isInitialized) {
-    return;
-  }
-
-  deck._drawLayers('mapbox-repaint', {
-    viewports: [currentViewport],
-    layerFilter: ({
-      layer: deckLayer
-    }) => layer.id === deckLayer.id || deckLayer.props.operation.includes('terrain'),
-    clearStack,
-    clearCanvas: false
-  });
-}
-export function getViewState(map) {
-  var _map$getTerrain;
-
-  const {
-    lng,
-    lat
-  } = map.getCenter();
-  const viewState = {
-    longitude: (lng + 540) % 360 - 180,
-    latitude: lat,
-    zoom: map.getZoom(),
-    bearing: map.getBearing(),
-    pitch: map.getPitch(),
-    padding: map.getPadding(),
-    repeat: map.getRenderWorldCopies()
-  };
-
-  if ((_map$getTerrain = map.getTerrain) !== null && _map$getTerrain !== void 0 && _map$getTerrain.call(map)) {
-    centerCameraOnTerrain(map, viewState);
-  }
-
-  return viewState;
-}
-
-function centerCameraOnTerrain(map, viewState) {
-  if (map.getFreeCameraOptions) {
-    const {
-      position
-    } = map.getFreeCameraOptions();
-
-    if (!position || position.z === undefined) {
-      return;
-    }
-
-    const height = map.transform.height;
-    const {
-      longitude,
-      latitude,
-      pitch
-    } = viewState;
-    const cameraX = position.x * TILE_SIZE;
-    const cameraY = (1 - position.y) * TILE_SIZE;
-    const cameraZ = position.z * TILE_SIZE;
-    const center = lngLatToWorld([longitude, latitude]);
-    const dx = cameraX - center[0];
-    const dy = cameraY - center[1];
-    const cameraToCenterDistanceGround = Math.sqrt(dx * dx + dy * dy);
-    const pitchRadians = pitch * DEGREES_TO_RADIANS;
-    const altitudePixels = 1.5 * height;
-    const scale = pitchRadians < 0.001 ? altitudePixels * Math.cos(pitchRadians) / cameraZ : altitudePixels * Math.sin(pitchRadians) / cameraToCenterDistanceGround;
-    viewState.zoom = Math.log2(scale);
-    const cameraZFromSurface = altitudePixels * Math.cos(pitchRadians) / scale;
-    const surfaceElevation = cameraZ - cameraZFromSurface;
-    viewState.position = [0, 0, surfaceElevation / unitsPerMeter(latitude)];
-  } else if (typeof map.transform.elevation === 'number') {
-    viewState.position = [0, 0, map.transform.elevation];
-  }
-}
-
-function getViewport(deck, map, useMapboxProjection = true) {
-  return new WebMercatorViewport({
-    id: 'mapbox',
-    x: 0,
-    y: 0,
-    width: deck.width,
-    height: deck.height,
-    ...getViewState(map),
-    nearZMultiplier: useMapboxProjection ? 0.02 : 0.1,
-    nearZ: map.transform._nearZ / map.transform.height,
-    farZ: map.transform._farZ / map.transform.height
-  });
-}
-
-function afterRender(deck, map) {
-  const {
-    mapboxLayers,
-    isExternal
-  } = deck.userData;
-
-  if (isExternal) {
-    const mapboxLayerIds = Array.from(mapboxLayers, layer => layer.id);
-    const deckLayers = flatten(deck.props.layers, Boolean);
-    const hasNonMapboxLayers = deckLayers.some(layer => layer && !mapboxLayerIds.includes(layer.id));
-    let viewports = deck.getViewports();
-    const mapboxViewportIdx = viewports.findIndex(vp => vp.id === 'mapbox');
-    const hasNonMapboxViews = viewports.length > 1 || mapboxViewportIdx < 0;
-
-    if (hasNonMapboxLayers || hasNonMapboxViews) {
-      if (mapboxViewportIdx >= 0) {
-        viewports = viewports.slice();
-        viewports[mapboxViewportIdx] = getViewport(deck, map, false);
-      }
-
-      deck._drawLayers('mapbox-repaint', {
-        viewports,
-        layerFilter: params => (!deck.props.layerFilter || deck.props.layerFilter(params)) && (params.viewport.id !== 'mapbox' || !mapboxLayerIds.includes(params.layer.id)),
-        clearCanvas: false
-      });
-    }
-  }
-
-  deck.userData.currentViewport = null;
-}
-
-function onMapMove(deck, map) {
-  deck.setProps({
-    viewState: getViewState(map)
-  });
-  deck.needsRedraw({
-    clearRedrawFlags: true
-  });
-}
-
-function updateLayers(deck) {
-  if (deck.userData.isExternal) {
-    return;
-  }
-
-  const layers = [];
-  deck.userData.mapboxLayers.forEach(deckLayer => {
-    const LayerType = deckLayer.props.type;
-    const layer = new LayerType(deckLayer.props);
-    layers.push(layer);
-  });
-  deck.setProps({
-    layers
-  });
-}
-//# sourceMappingURL=deck-utils.js.map

package/dist/esm/deck-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/deck-utils.ts"],"names":["Deck","WebMercatorViewport","MapView","_flatten","flatten","lngLatToWorld","unitsPerMeter","GL","TILE_SIZE","DEGREES_TO_RADIANS","Math","PI","getDeckInstance","map","gl","deck","__deck","customRender","props","_customRender","onLoad","deckProps","getInterleavedProps","triggerRepaint","deckInstance","Object","assign","width","height","touchAction","viewState","getViewState","isInitialized","watchMapMove","setProps","userData","isExternal","on","removeDeckInstance","mapboxLayers","Set","afterRender","_handleMapMove","onMapMove","off","finalize","currProps","nextProps","parameters","depthMask","depthTest","blend","blendFunc","polygonOffsetFill","depthFunc","blendEquation","views","id","addLayer","layer","add","updateLayers","removeLayer","delete","updateLayer","drawLayer","currentViewport","clearStack","getViewport","_drawLayers","viewports","layerFilter","deckLayer","operation","includes","clearCanvas","lng","lat","getCenter","longitude","latitude","zoom","getZoom","bearing","getBearing","pitch","getPitch","padding","getPadding","repeat","getRenderWorldCopies","getTerrain","centerCameraOnTerrain","getFreeCameraOptions","position","z","undefined","transform","cameraX","x","cameraY","y","cameraZ","center","dx","dy","cameraToCenterDistanceGround","sqrt","pitchRadians","altitudePixels","scale","cos","sin","log2","cameraZFromSurface","surfaceElevation","elevation","useMapboxProjection","nearZMultiplier","nearZ","_nearZ","farZ","_farZ","mapboxLayerIds","Array","from","deckLayers","layers","Boolean","hasNonMapboxLayers","some","getViewports","mapboxViewportIdx","findIndex","vp","hasNonMapboxViews","length","slice","params","viewport","needsRedraw","clearRedrawFlags","forEach","LayerType","type","push"],"mappings":"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","sourcesContent":["import {Deck, WebMercatorViewport, MapView, _flatten as flatten} from '@deck.gl/core';\nimport type {DeckProps, MapViewState, Layer} from '@deck.gl/core';\nimport type MapboxLayer from './mapbox-layer';\nimport type {Map} from 'mapbox-gl';\n\nimport {lngLatToWorld, unitsPerMeter} from '@math.gl/web-mercator';\nimport {GL} from '@luma.gl/constants';\n\ntype UserData = {\n  isExternal: boolean;\n  currentViewport?: WebMercatorViewport | null;\n  mapboxLayers: Set<MapboxLayer<any>>;\n  // mapboxVersion: {minor: number; major: number};\n};\n\n// Mercator constants\nconst TILE_SIZE = 512;\nconst DEGREES_TO_RADIANS = Math.PI / 180;\n\n// Create an interleaved deck instance.\nexport function getDeckInstance({\n  map,\n  gl,\n  deck\n}: {\n  map: Map & {__deck?: Deck | null};\n  gl: WebGL2RenderingContext;\n  deck?: Deck;\n}): Deck {\n  // Only create one deck instance per context\n  if (map.__deck) {\n    return map.__deck;\n  }\n\n  // Only initialize certain props once per context\n  const customRender = deck?.props._customRender;\n  const onLoad = deck?.props.onLoad;\n\n  const deckProps = getInterleavedProps({\n    ...deck?.props,\n    _customRender: () => {\n      map.triggerRepaint();\n      // customRender may be subscribed by DeckGL React component to update child props\n      // make sure it is still called\n      // Hack - do not pass a redraw reason here to prevent the React component from clearing the context\n      // Rerender will be triggered by MapboxLayer's render()\n      customRender?.('');\n    }\n  });\n\n  let deckInstance: Deck;\n\n  if (!deck || deck.props.gl === gl) {\n    // If deck isn't defined (Internal MapboxLayer use case),\n    // or if deck is defined and is using the WebGLContext created by mapbox (MapboxOverlay and External MapboxLayer use case),\n    // block deck from setting the canvas size, and use the map's viewState to drive deck.\n    // Otherwise, we use deck's viewState to drive the map.\n    Object.assign(deckProps, {\n      gl,\n      width: null,\n      height: null,\n      touchAction: 'unset',\n      viewState: getViewState(map)\n    });\n    if (deck?.isInitialized) {\n      watchMapMove(deck, map);\n    } else {\n      deckProps.onLoad = () => {\n        onLoad?.();\n        watchMapMove(deckInstance, map);\n      };\n    }\n  }\n\n  if (deck) {\n    deckInstance = deck;\n    deck.setProps(deckProps);\n    (deck.userData as UserData).isExternal = true;\n  } else {\n    deckInstance = new Deck(deckProps);\n    map.on('remove', () => {\n      removeDeckInstance(map);\n    });\n  }\n\n  (deckInstance.userData as UserData).mapboxLayers = new Set();\n  // (deckInstance.userData as UserData).mapboxVersion = getMapboxVersion(map);\n  map.__deck = deckInstance;\n  map.on('render', () => {\n    if (deckInstance.isInitialized) afterRender(deckInstance, map);\n  });\n\n  return deckInstance;\n}\n\nfunction watchMapMove(deck: Deck, map: Map & {__deck?: Deck | null}) {\n  const _handleMapMove = () => {\n    if (deck.isInitialized) {\n      // call view state methods\n      onMapMove(deck, map);\n    } else {\n      // deregister itself when deck is finalized\n      map.off('move', _handleMapMove);\n    }\n  };\n  map.on('move', _handleMapMove);\n}\n\nexport function removeDeckInstance(map: Map & {__deck?: Deck | null}) {\n  map.__deck?.finalize();\n  map.__deck = null;\n}\n\nexport function getInterleavedProps(currProps: DeckProps) {\n  const nextProps: DeckProps = {\n    ...currProps,\n    // TODO: import these defaults from a single source of truth\n    parameters: {\n      depthMask: true,\n      depthTest: true,\n      blend: true,\n      blendFunc: [GL.SRC_ALPHA, GL.ONE_MINUS_SRC_ALPHA, GL.ONE, GL.ONE_MINUS_SRC_ALPHA],\n      polygonOffsetFill: true,\n      depthFunc: GL.LEQUAL,\n      blendEquation: GL.FUNC_ADD,\n      ...currProps.parameters\n    },\n    views: currProps.views || [new MapView({id: 'mapbox'})]\n  };\n\n  return nextProps;\n}\n\nexport function addLayer(deck: Deck, layer: MapboxLayer<any>): void {\n  (deck.userData as UserData).mapboxLayers.add(layer);\n  updateLayers(deck);\n}\n\nexport function removeLayer(deck: Deck, layer: MapboxLayer<any>): void {\n  (deck.userData as UserData).mapboxLayers.delete(layer);\n  updateLayers(deck);\n}\n\nexport function updateLayer(deck: Deck, layer: MapboxLayer<any>): void {\n  updateLayers(deck);\n}\n\nexport function drawLayer(deck: Deck, map: Map, layer: MapboxLayer<any>): void {\n  let {currentViewport} = deck.userData as UserData;\n  let clearStack: boolean = false;\n  if (!currentViewport) {\n    // This is the first layer drawn in this render cycle.\n    // Generate viewport from the current map state.\n    currentViewport = getViewport(deck, map, true);\n    (deck.userData as UserData).currentViewport = currentViewport;\n    clearStack = true;\n  }\n\n  if (!deck.isInitialized) {\n    return;\n  }\n\n  deck._drawLayers('mapbox-repaint', {\n    viewports: [currentViewport],\n    layerFilter: ({layer: deckLayer}) =>\n      layer.id === deckLayer.id || deckLayer.props.operation.includes('terrain'),\n    clearStack,\n    clearCanvas: false\n  });\n}\n\nexport function getViewState(map: Map): MapViewState & {\n  repeat: boolean;\n  padding: {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n  };\n} {\n  const {lng, lat} = map.getCenter();\n\n  const viewState: MapViewState & {\n    repeat: boolean;\n    padding: {\n      left: number;\n      right: number;\n      top: number;\n      bottom: number;\n    };\n  } = {\n    // Longitude returned by getCenter can be outside of [-180, 180] when zooming near the anti meridian\n    // https://github.com/visgl/deck.gl/issues/6894\n    longitude: ((lng + 540) % 360) - 180,\n    latitude: lat,\n    zoom: map.getZoom(),\n    bearing: map.getBearing(),\n    pitch: map.getPitch(),\n    padding: map.getPadding(),\n    repeat: map.getRenderWorldCopies()\n  };\n\n  if (map.getTerrain?.()) {\n    // When the base map has terrain, we need to target the camera at the terrain surface\n    centerCameraOnTerrain(map, viewState);\n  }\n\n  return viewState;\n}\n\nfunction centerCameraOnTerrain(map: Map, viewState: MapViewState) {\n  if (map.getFreeCameraOptions) {\n    // mapbox-gl v2\n    const {position} = map.getFreeCameraOptions();\n    if (!position || position.z === undefined) {\n      return;\n    }\n\n    // @ts-ignore transform is not typed\n    const height = map.transform.height;\n    const {longitude, latitude, pitch} = viewState;\n\n    // Convert mapbox mercator coordinate to deck common space\n    const cameraX = position.x * TILE_SIZE;\n    const cameraY = (1 - position.y) * TILE_SIZE;\n    const cameraZ = position.z * TILE_SIZE;\n\n    // Mapbox manipulates zoom in terrain mode, see discussion here: https://github.com/mapbox/mapbox-gl-js/issues/12040\n    const center = lngLatToWorld([longitude, latitude]);\n    const dx = cameraX - center[0];\n    const dy = cameraY - center[1];\n    const cameraToCenterDistanceGround = Math.sqrt(dx * dx + dy * dy);\n\n    const pitchRadians = pitch! * DEGREES_TO_RADIANS;\n    const altitudePixels = 1.5 * height;\n    const scale =\n      pitchRadians < 0.001\n        ? // Pitch angle too small to deduce the look at point, assume elevation is 0\n          (altitudePixels * Math.cos(pitchRadians)) / cameraZ\n        : (altitudePixels * Math.sin(pitchRadians)) / cameraToCenterDistanceGround;\n    viewState.zoom = Math.log2(scale);\n\n    const cameraZFromSurface = (altitudePixels * Math.cos(pitchRadians)) / scale;\n    const surfaceElevation = cameraZ - cameraZFromSurface;\n    viewState.position = [0, 0, surfaceElevation / unitsPerMeter(latitude)];\n  }\n  // @ts-ignore transform is not typed\n  else if (typeof map.transform.elevation === 'number') {\n    // maplibre-gl\n    // @ts-ignore transform is not typed\n    viewState.position = [0, 0, map.transform.elevation];\n  }\n}\n\n// function getMapboxVersion(map: Map): {minor: number; major: number} {\n//   // parse mapbox version string\n//   let major = 0;\n//   let minor = 0;\n//   // @ts-ignore (2339) undefined property\n//   const version: string = map.version;\n//   if (version) {\n//     [major, minor] = version.split('.').slice(0, 2).map(Number);\n//   }\n//   return {major, minor};\n// }\n\nfunction getViewport(deck: Deck, map: Map, useMapboxProjection = true): WebMercatorViewport {\n  return new WebMercatorViewport({\n    id: 'mapbox',\n    x: 0,\n    y: 0,\n    width: deck.width,\n    height: deck.height,\n    ...getViewState(map),\n    nearZMultiplier: useMapboxProjection\n      ? // match mapbox-gl@>=1.3.0's projection matrix\n        0.02\n      : // use deck.gl's own default\n        0.1,\n    nearZ: map.transform._nearZ / map.transform.height,\n    farZ: map.transform._farZ / map.transform.height\n  });\n}\n\nfunction afterRender(deck: Deck, map: Map): void {\n  const {mapboxLayers, isExternal} = deck.userData as UserData;\n\n  if (isExternal) {\n    // Draw non-Mapbox layers\n    const mapboxLayerIds = Array.from(mapboxLayers, layer => layer.id);\n    const deckLayers = flatten(deck.props.layers, Boolean) as Layer[];\n    const hasNonMapboxLayers = deckLayers.some(\n      layer => layer && !mapboxLayerIds.includes(layer.id)\n    );\n    let viewports = deck.getViewports();\n    const mapboxViewportIdx = viewports.findIndex(vp => vp.id === 'mapbox');\n    const hasNonMapboxViews = viewports.length > 1 || mapboxViewportIdx < 0;\n\n    if (hasNonMapboxLayers || hasNonMapboxViews) {\n      if (mapboxViewportIdx >= 0) {\n        viewports = viewports.slice();\n        viewports[mapboxViewportIdx] = getViewport(deck, map, false);\n      }\n\n      deck._drawLayers('mapbox-repaint', {\n        viewports,\n        layerFilter: params =>\n          (!deck.props.layerFilter || deck.props.layerFilter(params)) &&\n          (params.viewport.id !== 'mapbox' || !mapboxLayerIds.includes(params.layer.id)),\n        clearCanvas: false\n      });\n    }\n  }\n\n  // End of render cycle, clear generated viewport\n  (deck.userData as UserData).currentViewport = null;\n}\n\nfunction onMapMove(deck: Deck, map: Map): void {\n  deck.setProps({\n    viewState: getViewState(map)\n  });\n  // Camera changed, will trigger a map repaint right after this\n  // Clear any change flag triggered by setting viewState so that deck does not request\n  // a second repaint\n  deck.needsRedraw({clearRedrawFlags: true});\n}\n\nfunction updateLayers(deck: Deck): void {\n  if ((deck.userData as UserData).isExternal) {\n    return;\n  }\n\n  const layers: Layer[] = [];\n  (deck.userData as UserData).mapboxLayers.forEach(deckLayer => {\n    const LayerType = deckLayer.props.type;\n    const layer = new LayerType(deckLayer.props);\n    layers.push(layer);\n  });\n  deck.setProps({layers});\n}\n"],"file":"deck-utils.js"}

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export { default as MapboxLayer } from './mapbox-layer';
-export { default as MapboxOverlay } from './mapbox-overlay';
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["default","MapboxLayer","MapboxOverlay"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,WAAnB,QAAqC,gBAArC;AACA,SAAQD,OAAO,IAAIE,aAAnB,QAAuC,kBAAvC","sourcesContent":["export {default as MapboxLayer} from './mapbox-layer';\nexport {default as MapboxOverlay} from './mapbox-overlay';\n\nexport type {MapboxOverlayProps} from './mapbox-overlay';\n"],"file":"index.js"}

package/dist/esm/mapbox-layer.js

@@ -1,60 +0,0 @@
-import { getDeckInstance, addLayer, removeLayer, updateLayer, drawLayer } from './deck-utils';
-import { log } from '@deck.gl/core';
-export default class MapboxLayer {
-  constructor(props) {
-    this.id = void 0;
-    this.type = void 0;
-    this.renderingMode = void 0;
-    this.map = void 0;
-    this.deck = void 0;
-    this.props = void 0;
-
-    if (!props.id) {
-      throw new Error('Layer must have an unique id');
-    }
-
-    this.id = props.id;
-    this.type = 'custom';
-    this.renderingMode = props.renderingMode || '3d';
-    this.map = null;
-    this.deck = null;
-    this.props = props;
-  }
-
-  onAdd(map, gl) {
-    if (gl instanceof WebGLRenderingContext) {
-      log.warn('Use useWebGL2:true in mapboxgl.Map()')();
-      return;
-    }
-
-    this.map = map;
-    this.deck = getDeckInstance({
-      map,
-      gl,
-      deck: this.props.deck
-    });
-    addLayer(this.deck, this);
-  }
-
-  onRemove() {
-    if (this.deck) {
-      removeLayer(this.deck, this);
-    }
-  }
-
-  setProps(props) {
-    Object.assign(this.props, props, {
-      id: this.id
-    });
-
-    if (this.deck) {
-      updateLayer(this.deck, this);
-    }
-  }
-
-  render() {
-    drawLayer(this.deck, this.map, this);
-  }
-
-}
-//# sourceMappingURL=mapbox-layer.js.map

package/dist/esm/mapbox-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/mapbox-layer.ts"],"names":["getDeckInstance","addLayer","removeLayer","updateLayer","drawLayer","log","MapboxLayer","constructor","props","id","type","renderingMode","map","deck","Error","onAdd","gl","WebGLRenderingContext","warn","onRemove","setProps","Object","assign","render"],"mappings":"AAAA,SAAQA,eAAR,EAAyBC,QAAzB,EAAmCC,WAAnC,EAAgDC,WAAhD,EAA6DC,SAA7D,QAA6E,cAA7E;AAEA,SAAQC,GAAR,QAAkB,eAAlB;AASA,eAAe,MAAMC,WAAN,CAAwE;AASrFC,EAAAA,WAAW,CAACC,KAAD,EAAkC;AAAA,SAR7CC,EAQ6C;AAAA,SAP7CC,IAO6C;AAAA,SAN7CC,aAM6C;AAAA,SAL7CC,GAK6C;AAAA,SAJ7CC,IAI6C;AAAA,SAH7CL,KAG6C;;AAC3C,QAAI,CAACA,KAAK,CAACC,EAAX,EAAe;AACb,YAAM,IAAIK,KAAJ,CAAU,8BAAV,CAAN;AACD;;AAED,SAAKL,EAAL,GAAUD,KAAK,CAACC,EAAhB;AACA,SAAKC,IAAL,GAAY,QAAZ;AACA,SAAKC,aAAL,GAAqBH,KAAK,CAACG,aAAN,IAAuB,IAA5C;AACA,SAAKC,GAAL,GAAW,IAAX;AACA,SAAKC,IAAL,GAAY,IAAZ;AACA,SAAKL,KAAL,GAAaA,KAAb;AACD;;AAIDO,EAAAA,KAAK,CAACH,GAAD,EAAWI,EAAX,EAAqE;AACxE,QAAIA,EAAE,YAAYC,qBAAlB,EAAyC;AACvCZ,MAAAA,GAAG,CAACa,IAAJ,CAAS,sCAAT;AACA;AACD;;AACD,SAAKN,GAAL,GAAWA,GAAX;AACA,SAAKC,IAAL,GAAYb,eAAe,CAAC;AAACY,MAAAA,GAAD;AAAMI,MAAAA,EAAN;AAAUH,MAAAA,IAAI,EAAE,KAAKL,KAAL,CAAWK;AAA3B,KAAD,CAA3B;AACAZ,IAAAA,QAAQ,CAAC,KAAKY,IAAN,EAAY,IAAZ,CAAR;AACD;;AAEDM,EAAAA,QAAQ,GAAS;AACf,QAAI,KAAKN,IAAT,EAAe;AACbX,MAAAA,WAAW,CAAC,KAAKW,IAAN,EAAY,IAAZ,CAAX;AACD;AACF;;AAEDO,EAAAA,QAAQ,CAACZ,KAAD,EAAkC;AAExCa,IAAAA,MAAM,CAACC,MAAP,CAAc,KAAKd,KAAnB,EAA0BA,KAA1B,EAAiC;AAACC,MAAAA,EAAE,EAAE,KAAKA;AAAV,KAAjC;;AAEA,QAAI,KAAKI,IAAT,EAAe;AACbV,MAAAA,WAAW,CAAC,KAAKU,IAAN,EAAY,IAAZ,CAAX;AACD;AACF;;AAEDU,EAAAA,MAAM,GAAG;AACPnB,IAAAA,SAAS,CAAC,KAAKS,IAAN,EAAa,KAAKD,GAAlB,EAAuB,IAAvB,CAAT;AACD;;AAnDoF","sourcesContent":["import {getDeckInstance, addLayer, removeLayer, updateLayer, drawLayer} from './deck-utils';\nimport type {Map, CustomLayerInterface} from 'mapbox-gl';\nimport {log} from '@deck.gl/core';\nimport type {Deck, Layer} from '@deck.gl/core';\n\nexport type MapboxLayerProps<LayerT extends Layer> = Partial<LayerT['props']> & {\n  id: string;\n  renderingMode?: '2d' | '3d';\n  deck?: Deck;\n};\n\nexport default class MapboxLayer<LayerT extends Layer> implements CustomLayerInterface {\n  id: string;\n  type: 'custom';\n  renderingMode: '2d' | '3d';\n  map: Map | null;\n  deck: Deck | null;\n  props: MapboxLayerProps<LayerT>;\n\n  /* eslint-disable no-this-before-super */\n  constructor(props: MapboxLayerProps<LayerT>) {\n    if (!props.id) {\n      throw new Error('Layer must have an unique id');\n    }\n\n    this.id = props.id;\n    this.type = 'custom';\n    this.renderingMode = props.renderingMode || '3d';\n    this.map = null;\n    this.deck = null;\n    this.props = props;\n  }\n\n  /* Mapbox custom layer methods */\n\n  onAdd(map: Map, gl: WebGLRenderingContext | WebGL2RenderingContext): void {\n    if (gl instanceof WebGLRenderingContext) {\n      log.warn('Use useWebGL2:true in mapboxgl.Map()')();\n      return;\n    }\n    this.map = map;\n    this.deck = getDeckInstance({map, gl, deck: this.props.deck});\n    addLayer(this.deck, this);\n  }\n\n  onRemove(): void {\n    if (this.deck) {\n      removeLayer(this.deck, this);\n    }\n  }\n\n  setProps(props: MapboxLayerProps<LayerT>) {\n    // id cannot be changed\n    Object.assign(this.props, props, {id: this.id});\n    // safe guard in case setProps is called before onAdd\n    if (this.deck) {\n      updateLayer(this.deck, this);\n    }\n  }\n\n  render() {\n    drawLayer(this.deck!, this.map, this);\n  }\n}\n"],"file":"mapbox-layer.js"}

package/dist/esm/mapbox-overlay.js

@@ -1,272 +0,0 @@
-import { Deck, assert } from '@deck.gl/core';
-import { getViewState, getDeckInstance, removeDeckInstance, getInterleavedProps } from './deck-utils';
-import { resolveLayers } from './resolve-layers';
-export default class MapboxOverlay {
-  constructor(props) {
-    this._props = void 0;
-    this._deck = void 0;
-    this._map = void 0;
-    this._container = void 0;
-    this._interleaved = void 0;
-    this._lastMouseDownPoint = void 0;
-
-    this._handleStyleChange = () => {
-      resolveLayers(this._map, this._deck, this._props.layers, this._props.layers);
-    };
-
-    this._updateContainerSize = () => {
-      if (this._map && this._container) {
-        const {
-          clientWidth,
-          clientHeight
-        } = this._map.getContainer();
-
-        Object.assign(this._container.style, {
-          width: `${clientWidth}px`,
-          height: `${clientHeight}px`
-        });
-      }
-    };
-
-    this._updateViewState = () => {
-      const deck = this._deck;
-
-      if (deck) {
-        deck.setProps({
-          viewState: getViewState(this._map)
-        });
-
-        if (deck.isInitialized) {
-          deck.redraw();
-        }
-      }
-    };
-
-    this._handleMouseEvent = event => {
-      const deck = this._deck;
-
-      if (!deck || !deck.isInitialized) {
-        return;
-      }
-
-      const mockEvent = {
-        type: event.type,
-        offsetCenter: event.point,
-        srcEvent: event
-      };
-      const lastDown = this._lastMouseDownPoint;
-
-      if (!event.point && lastDown) {
-        mockEvent.deltaX = event.originalEvent.clientX - lastDown.clientX;
-        mockEvent.deltaY = event.originalEvent.clientY - lastDown.clientY;
-        mockEvent.offsetCenter = {
-          x: lastDown.x + mockEvent.deltaX,
-          y: lastDown.y + mockEvent.deltaY
-        };
-      }
-
-      switch (mockEvent.type) {
-        case 'mousedown':
-          deck._onPointerDown(mockEvent);
-
-          this._lastMouseDownPoint = { ...event.point,
-            clientX: event.originalEvent.clientX,
-            clientY: event.originalEvent.clientY
-          };
-          break;
-
-        case 'dragstart':
-          mockEvent.type = 'panstart';
-
-          deck._onEvent(mockEvent);
-
-          break;
-
-        case 'drag':
-          mockEvent.type = 'panmove';
-
-          deck._onEvent(mockEvent);
-
-          break;
-
-        case 'dragend':
-          mockEvent.type = 'panend';
-
-          deck._onEvent(mockEvent);
-
-          break;
-
-        case 'click':
-          mockEvent.tapCount = 1;
-
-          deck._onEvent(mockEvent);
-
-          break;
-
-        case 'dblclick':
-          mockEvent.type = 'click';
-          mockEvent.tapCount = 2;
-
-          deck._onEvent(mockEvent);
-
-          break;
-
-        case 'mousemove':
-          mockEvent.type = 'pointermove';
-
-          deck._onPointerMove(mockEvent);
-
-          break;
-
-        case 'mouseout':
-          mockEvent.type = 'pointerleave';
-
-          deck._onPointerMove(mockEvent);
-
-          break;
-
-        default:
-          return;
-      }
-    };
-
-    const {
-      interleaved = false,
-      ...otherProps
-    } = props;
-    this._interleaved = interleaved;
-    this._props = otherProps;
-  }
-
-  setProps(props) {
-    if (this._interleaved && props.layers) {
-      resolveLayers(this._map, this._deck, this._props.layers, props.layers);
-    }
-
-    Object.assign(this._props, props);
-
-    if (this._deck) {
-      this._deck.setProps(this._interleaved ? getInterleavedProps(this._props) : this._props);
-    }
-  }
-
-  onAdd(map) {
-    this._map = map;
-    return this._interleaved ? this._onAddInterleaved(map) : this._onAddOverlaid(map);
-  }
-
-  _onAddOverlaid(map) {
-    const container = document.createElement('div');
-    Object.assign(container.style, {
-      position: 'absolute',
-      left: 0,
-      top: 0,
-      pointerEvents: 'none'
-    });
-    this._container = container;
-    this._deck = new Deck({ ...this._props,
-      parent: container,
-      viewState: getViewState(map)
-    });
-    map.on('resize', this._updateContainerSize);
-    map.on('render', this._updateViewState);
-    map.on('mousedown', this._handleMouseEvent);
-    map.on('dragstart', this._handleMouseEvent);
-    map.on('drag', this._handleMouseEvent);
-    map.on('dragend', this._handleMouseEvent);
-    map.on('mousemove', this._handleMouseEvent);
-    map.on('mouseout', this._handleMouseEvent);
-    map.on('click', this._handleMouseEvent);
-    map.on('dblclick', this._handleMouseEvent);
-
-    this._updateContainerSize();
-
-    return container;
-  }
-
-  _onAddInterleaved(map) {
-    this._deck = getDeckInstance({
-      map,
-      gl: map.painter.context.gl,
-      deck: new Deck({ ...this._props,
-        gl: map.painter.context.gl
-      })
-    });
-    map.on('styledata', this._handleStyleChange);
-    resolveLayers(map, this._deck, [], this._props.layers);
-    return document.createElement('div');
-  }
-
-  onRemove() {
-    const map = this._map;
-
-    if (map) {
-      if (this._interleaved) {
-        this._onRemoveInterleaved(map);
-      } else {
-        this._onRemoveOverlaid(map);
-      }
-    }
-
-    this._deck = undefined;
-    this._map = undefined;
-    this._container = undefined;
-  }
-
-  _onRemoveOverlaid(map) {
-    var _this$_deck;
-
-    map.off('resize', this._updateContainerSize);
-    map.off('render', this._updateViewState);
-    map.off('mousedown', this._handleMouseEvent);
-    map.off('dragstart', this._handleMouseEvent);
-    map.off('drag', this._handleMouseEvent);
-    map.off('dragend', this._handleMouseEvent);
-    map.off('mousemove', this._handleMouseEvent);
-    map.off('mouseout', this._handleMouseEvent);
-    map.off('click', this._handleMouseEvent);
-    map.off('dblclick', this._handleMouseEvent);
-    (_this$_deck = this._deck) === null || _this$_deck === void 0 ? void 0 : _this$_deck.finalize();
-  }
-
-  _onRemoveInterleaved(map) {
-    map.off('styledata', this._handleStyleChange);
-    resolveLayers(map, this._deck, this._props.layers, []);
-    removeDeckInstance(map);
-  }
-
-  getDefaultPosition() {
-    return 'top-left';
-  }
-
-  pickObject(params) {
-    assert(this._deck);
-    return this._deck.pickObject(params);
-  }
-
-  pickMultipleObjects(params) {
-    assert(this._deck);
-    return this._deck.pickMultipleObjects(params);
-  }
-
-  pickObjects(params) {
-    assert(this._deck);
-    return this._deck.pickObjects(params);
-  }
-
-  finalize() {
-    if (this._map) {
-      this._map.removeControl(this);
-    }
-  }
-
-  getCanvas() {
-    if (!this._map) {
-      return null;
-    }
-
-    return this._interleaved ? this._map.getCanvas() : this._deck.getCanvas();
-  }
-
-}
-//# sourceMappingURL=mapbox-overlay.js.map