@deck.gl/extensions 8.7.0-alpha.7 → 8.7.0-beta.2

package/dist/es5/index.js

@@ -41,6 +41,12 @@ Object.defineProperty(exports, "ClipExtension", {
     return _clip.default;
   }
 });
+Object.defineProperty(exports, "MaskExtension", {
+  enumerable: true,
+  get: function get() {
+    return _mask.default;
+  }
+});
 Object.defineProperty(exports, "project64", {
   enumerable: true,
   get: function get() {
@@ -60,5 +66,7 @@ var _fillStyle = _interopRequireDefault(require("./fill-style/fill-style"));
 
 var _clip = _interopRequireDefault(require("./clip/clip"));
 
+var _mask = _interopRequireDefault(require("./mask/mask"));
+
 var _project = _interopRequireDefault(require("./fp64/project64"));
 //# sourceMappingURL=index.js.map

package/dist/es5/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA","sourcesContent":["export {default as BrushingExtension} from './brushing/brushing';\nexport {default as DataFilterExtension} from './data-filter/data-filter';\nexport {default as Fp64Extension} from './fp64/fp64';\nexport {default as PathStyleExtension} from './path-style/path-style';\nexport {default as FillStyleExtension} from './fill-style/fill-style';\nexport {default as ClipExtension} from './clip/clip';\n\n// Shader module\nexport {default as project64} from './fp64/project64';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA","sourcesContent":["export {default as BrushingExtension} from './brushing/brushing';\nexport {default as DataFilterExtension} from './data-filter/data-filter';\nexport {default as Fp64Extension} from './fp64/fp64';\nexport {default as PathStyleExtension} from './path-style/path-style';\nexport {default as FillStyleExtension} from './fill-style/fill-style';\nexport {default as ClipExtension} from './clip/clip';\nexport {default as MaskExtension} from './mask/mask';\n\n// Shader module\nexport {default as project64} from './fp64/project64';\n"],"file":"index.js"}

package/dist/es5/mask/mask.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _core = require("@deck.gl/core");
+
+var _shaderModule = _interopRequireDefault(require("./shader-module"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var defaultProps = {
+  maskId: ''
+};
+
+var MaskExtension = function (_LayerExtension) {
+  (0, _inherits2.default)(MaskExtension, _LayerExtension);
+
+  var _super = _createSuper(MaskExtension);
+
+  function MaskExtension() {
+    (0, _classCallCheck2.default)(this, MaskExtension);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(MaskExtension, [{
+    key: "getShaders",
+    value: function getShaders() {
+      var maskByInstance = ('instancePositions' in this.getAttributeManager().attributes);
+
+      if ('maskByInstance' in this.props) {
+        maskByInstance = this.props.maskByInstance;
+      }
+
+      this.state.maskByInstance = maskByInstance;
+      return {
+        modules: [_shaderModule.default]
+      };
+    }
+  }, {
+    key: "draw",
+    value: function draw(_ref) {
+      var uniforms = _ref.uniforms,
+          context = _ref.context,
+          moduleParameters = _ref.moduleParameters;
+      uniforms.mask_maskByInstance = this.state.maskByInstance;
+      var maskId = this.props.maskId;
+      var maskChannels = moduleParameters.maskChannels;
+      var viewport = context.viewport;
+
+      if (maskChannels && maskChannels[maskId]) {
+        var _maskChannels$maskId = maskChannels[maskId],
+            index = _maskChannels$maskId.index,
+            bounds = _maskChannels$maskId.bounds,
+            fromCoordinateOrigin = _maskChannels$maskId.coordinateOrigin;
+        var fromCoordinateSystem = maskChannels[maskId].coordinateSystem;
+        uniforms.mask_enabled = true;
+        uniforms.mask_channel = index;
+
+        if (fromCoordinateSystem === _core.COORDINATE_SYSTEM.DEFAULT) {
+          fromCoordinateSystem = viewport.isGeospatial ? _core.COORDINATE_SYSTEM.LNGLAT : _core.COORDINATE_SYSTEM.CARTESIAN;
+        }
+
+        var opts = {
+          modelMatrix: null,
+          fromCoordinateOrigin: fromCoordinateOrigin,
+          fromCoordinateSystem: fromCoordinateSystem
+        };
+        var bl = this.projectPosition([bounds[0], bounds[1], 0], opts);
+        var tr = this.projectPosition([bounds[2], bounds[3], 0], opts);
+        uniforms.mask_bounds = [bl[0], bl[1], tr[0], tr[1]];
+      } else {
+        if (maskId) {
+          _core.log.warn("Could not find a mask layer with id: ".concat(maskId))();
+        }
+
+        uniforms.mask_enabled = false;
+      }
+    }
+  }]);
+  return MaskExtension;
+}(_core.LayerExtension);
+
+exports.default = MaskExtension;
+MaskExtension.extensionName = 'MaskExtension';
+MaskExtension.defaultProps = defaultProps;
+//# sourceMappingURL=mask.js.map

package/dist/es5/mask/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mask/mask.js"],"names":["defaultProps","maskId","MaskExtension","maskByInstance","getAttributeManager","attributes","props","state","modules","mask","uniforms","context","moduleParameters","mask_maskByInstance","maskChannels","viewport","index","bounds","fromCoordinateOrigin","coordinateOrigin","fromCoordinateSystem","coordinateSystem","mask_enabled","mask_channel","COORDINATE_SYSTEM","DEFAULT","isGeospatial","LNGLAT","CARTESIAN","opts","modelMatrix","bl","projectPosition","tr","mask_bounds","log","warn","LayerExtension","extensionName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AADW,CAArB;;IAIqBC,a;;;;;;;;;;;;WACnB,sBAAa;AAEX,UAAIC,cAAc,IAAG,uBAAuB,KAAKC,mBAAL,GAA2BC,UAArD,CAAlB;;AAEA,UAAI,oBAAoB,KAAKC,KAA7B,EAAoC;AAClCH,QAAAA,cAAc,GAAG,KAAKG,KAAL,CAAWH,cAA5B;AACD;;AACD,WAAKI,KAAL,CAAWJ,cAAX,GAA4BA,cAA5B;AAEA,aAAO;AACLK,QAAAA,OAAO,EAAE,CAACC,qBAAD;AADJ,OAAP;AAGD;;;WAED,oBAA4C;AAAA,UAAtCC,QAAsC,QAAtCA,QAAsC;AAAA,UAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,UAAnBC,gBAAmB,QAAnBA,gBAAmB;AAC1CF,MAAAA,QAAQ,CAACG,mBAAT,GAA+B,KAAKN,KAAL,CAAWJ,cAA1C;AACA,UAAOF,MAAP,GAAiB,KAAKK,KAAtB,CAAOL,MAAP;AACA,UAAOa,YAAP,GAAuBF,gBAAvB,CAAOE,YAAP;AACA,UAAOC,QAAP,GAAmBJ,OAAnB,CAAOI,QAAP;;AACA,UAAID,YAAY,IAAIA,YAAY,CAACb,MAAD,CAAhC,EAA0C;AACxC,mCAAgEa,YAAY,CAACb,MAAD,CAA5E;AAAA,YAAOe,KAAP,wBAAOA,KAAP;AAAA,YAAcC,MAAd,wBAAcA,MAAd;AAAA,YAAwCC,oBAAxC,wBAAsBC,gBAAtB;AACA,YAAuBC,oBAAvB,GAA+CN,YAAY,CAACb,MAAD,CAA3D,CAAKoB,gBAAL;AACAX,QAAAA,QAAQ,CAACY,YAAT,GAAwB,IAAxB;AACAZ,QAAAA,QAAQ,CAACa,YAAT,GAAwBP,KAAxB;;AAEA,YAAII,oBAAoB,KAAKI,wBAAkBC,OAA/C,EAAwD;AACtDL,UAAAA,oBAAoB,GAAGL,QAAQ,CAACW,YAAT,GACnBF,wBAAkBG,MADC,GAEnBH,wBAAkBI,SAFtB;AAGD;;AACD,YAAMC,IAAI,GAAG;AAACC,UAAAA,WAAW,EAAE,IAAd;AAAoBZ,UAAAA,oBAAoB,EAApBA,oBAApB;AAA0CE,UAAAA,oBAAoB,EAApBA;AAA1C,SAAb;AACA,YAAMW,EAAE,GAAG,KAAKC,eAAL,CAAqB,CAACf,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuB,CAAvB,CAArB,EAAgDY,IAAhD,CAAX;AACA,YAAMI,EAAE,GAAG,KAAKD,eAAL,CAAqB,CAACf,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuB,CAAvB,CAArB,EAAgDY,IAAhD,CAAX;AACAnB,QAAAA,QAAQ,CAACwB,WAAT,GAAuB,CAACH,EAAE,CAAC,CAAD,CAAH,EAAQA,EAAE,CAAC,CAAD,CAAV,EAAeE,EAAE,CAAC,CAAD,CAAjB,EAAsBA,EAAE,CAAC,CAAD,CAAxB,CAAvB;AACD,OAfD,MAeO;AACL,YAAIhC,MAAJ,EAAY;AACVkC,oBAAIC,IAAJ,gDAAiDnC,MAAjD;AACD;;AACDS,QAAAA,QAAQ,CAACY,YAAT,GAAwB,KAAxB;AACD;AACF;;;EAzCwCe,oB;;;AA4C3CnC,aAAa,CAACoC,aAAd,GAA8B,eAA9B;AACApC,aAAa,CAACF,YAAd,GAA6BA,YAA7B","sourcesContent":["import {COORDINATE_SYSTEM, LayerExtension, log} from '@deck.gl/core';\nimport mask from './shader-module';\n\nconst defaultProps = {\n  maskId: ''\n};\n\nexport default class MaskExtension extends LayerExtension {\n  getShaders() {\n    // Infer by geometry if 'maskByInstance' prop isn't explictly set\n    let maskByInstance = 'instancePositions' in this.getAttributeManager().attributes;\n    // Users can override by setting the `maskByInstance` prop\n    if ('maskByInstance' in this.props) {\n      maskByInstance = this.props.maskByInstance;\n    }\n    this.state.maskByInstance = maskByInstance;\n\n    return {\n      modules: [mask]\n    };\n  }\n\n  draw({uniforms, context, moduleParameters}) {\n    uniforms.mask_maskByInstance = this.state.maskByInstance;\n    const {maskId} = this.props;\n    const {maskChannels} = moduleParameters;\n    const {viewport} = context;\n    if (maskChannels && maskChannels[maskId]) {\n      const {index, bounds, coordinateOrigin: fromCoordinateOrigin} = maskChannels[maskId];\n      let {coordinateSystem: fromCoordinateSystem} = maskChannels[maskId];\n      uniforms.mask_enabled = true;\n      uniforms.mask_channel = index;\n\n      if (fromCoordinateSystem === COORDINATE_SYSTEM.DEFAULT) {\n        fromCoordinateSystem = viewport.isGeospatial\n          ? COORDINATE_SYSTEM.LNGLAT\n          : COORDINATE_SYSTEM.CARTESIAN;\n      }\n      const opts = {modelMatrix: null, fromCoordinateOrigin, fromCoordinateSystem};\n      const bl = this.projectPosition([bounds[0], bounds[1], 0], opts);\n      const tr = this.projectPosition([bounds[2], bounds[3], 0], opts);\n      uniforms.mask_bounds = [bl[0], bl[1], tr[0], tr[1]];\n    } else {\n      if (maskId) {\n        log.warn(`Could not find a mask layer with id: ${maskId}`)();\n      }\n      uniforms.mask_enabled = false;\n    }\n  }\n}\n\nMaskExtension.extensionName = 'MaskExtension';\nMaskExtension.defaultProps = defaultProps;\n"],"file":"mask.js"}

package/dist/es5/mask/shader-module.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@deck.gl/core");
+
+var vs = "\nuniform vec4 mask_bounds;\nuniform bool mask_maskByInstance;\nvec2 mask_getCoords(vec4 position) {\n  return (position.xy - mask_bounds.xy) / (mask_bounds.zw - mask_bounds.xy);\n}\n";
+var fs = "\nuniform sampler2D mask_texture;\nuniform int mask_channel;\nuniform bool mask_enabled;\nbool mask_isInBounds(vec2 texCoords) {\n  if (!mask_enabled) {\n    return true;\n  }\n  vec4 maskColor = texture2D(mask_texture, texCoords);\n  float maskValue = 1.0;\n  if (mask_channel == 0) {\n    maskValue = maskColor.r;\n  } else if (mask_channel == 1) {\n    maskValue = maskColor.g;\n  } else if (mask_channel == 2) {\n    maskValue = maskColor.b;\n  } else if (mask_channel == 3) {\n    maskValue = maskColor.a;\n  }\n  return maskValue < 0.5;\n}\n";
+var inject = {
+  'vs:#decl': "\nvarying vec2 mask_texCoords;\n",
+  'vs:#main-end': "\n   vec4 mask_common_position;\n   if (mask_maskByInstance) {\n     mask_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n   } else {\n     mask_common_position = geometry.position;\n   }\n   mask_texCoords = mask_getCoords(mask_common_position);\n",
+  'fs:#decl': "\nvarying vec2 mask_texCoords;\n",
+  'fs:#main-start': "\n  if (mask_enabled) {\n    bool mask = mask_isInBounds(mask_texCoords);\n\n    // Debug: show extent of render target\n    // gl_FragColor = vec4(mask_texCoords, 0.0, 1.0);\n    gl_FragColor = texture2D(mask_texture, mask_texCoords);\n\n    if (!mask) discard;\n  }\n"
+};
+
+var getMaskUniforms = function getMaskUniforms() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var uniforms = {};
+
+  if (opts.maskMap) {
+    uniforms.mask_texture = opts.maskMap;
+  }
+
+  return uniforms;
+};
+
+var _default = {
+  name: 'mask',
+  dependencies: [_core.project],
+  vs: vs,
+  fs: fs,
+  inject: inject,
+  getUniforms: getMaskUniforms
+};
+exports.default = _default;
+//# sourceMappingURL=shader-module.js.map

package/dist/es5/mask/shader-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mask/shader-module.js"],"names":["vs","fs","inject","getMaskUniforms","opts","uniforms","maskMap","mask_texture","name","dependencies","project","getUniforms"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,EAAE,4LAAR;AAQA,IAAMC,EAAE,wiBAAR;AAuBA,IAAMC,MAAM,GAAG;AACb,gDADa;AAIb,oSAJa;AAab,gDAba;AAgBb;AAhBa,CAAf;;AA6BA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAe;AAAA,MAAdC,IAAc,uEAAP,EAAO;AACrC,MAAMC,QAAQ,GAAG,EAAjB;;AACA,MAAID,IAAI,CAACE,OAAT,EAAkB;AAChBD,IAAAA,QAAQ,CAACE,YAAT,GAAwBH,IAAI,CAACE,OAA7B;AACD;;AACD,SAAOD,QAAP;AACD,CAND;;eAQe;AACbG,EAAAA,IAAI,EAAE,MADO;AAEbC,EAAAA,YAAY,EAAE,CAACC,aAAD,CAFD;AAGbV,EAAAA,EAAE,EAAFA,EAHa;AAIbC,EAAAA,EAAE,EAAFA,EAJa;AAKbC,EAAAA,MAAM,EAANA,MALa;AAMbS,EAAAA,WAAW,EAAER;AANA,C","sourcesContent":["import {project} from '@deck.gl/core';\n\nconst vs = `\nuniform vec4 mask_bounds;\nuniform bool mask_maskByInstance;\nvec2 mask_getCoords(vec4 position) {\n  return (position.xy - mask_bounds.xy) / (mask_bounds.zw - mask_bounds.xy);\n}\n`;\n\nconst fs = `\nuniform sampler2D mask_texture;\nuniform int mask_channel;\nuniform bool mask_enabled;\nbool mask_isInBounds(vec2 texCoords) {\n  if (!mask_enabled) {\n    return true;\n  }\n  vec4 maskColor = texture2D(mask_texture, texCoords);\n  float maskValue = 1.0;\n  if (mask_channel == 0) {\n    maskValue = maskColor.r;\n  } else if (mask_channel == 1) {\n    maskValue = maskColor.g;\n  } else if (mask_channel == 2) {\n    maskValue = maskColor.b;\n  } else if (mask_channel == 3) {\n    maskValue = maskColor.a;\n  }\n  return maskValue < 0.5;\n}\n`;\n\nconst inject = {\n  'vs:#decl': `\nvarying vec2 mask_texCoords;\n`,\n  'vs:#main-end': `\n   vec4 mask_common_position;\n   if (mask_maskByInstance) {\n     mask_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n   } else {\n     mask_common_position = geometry.position;\n   }\n   mask_texCoords = mask_getCoords(mask_common_position);\n`,\n  'fs:#decl': `\nvarying vec2 mask_texCoords;\n`,\n  'fs:#main-start': `\n  if (mask_enabled) {\n    bool mask = mask_isInBounds(mask_texCoords);\n\n    // Debug: show extent of render target\n    // gl_FragColor = vec4(mask_texCoords, 0.0, 1.0);\n    gl_FragColor = texture2D(mask_texture, mask_texCoords);\n\n    if (!mask) discard;\n  }\n`\n};\n\nconst getMaskUniforms = (opts = {}) => {\n  const uniforms = {};\n  if (opts.maskMap) {\n    uniforms.mask_texture = opts.maskMap;\n  }\n  return uniforms;\n};\n\nexport default {\n  name: 'mask',\n  dependencies: [project],\n  vs,\n  fs,\n  inject,\n  getUniforms: getMaskUniforms\n};\n"],"file":"shader-module.js"}

package/dist/esm/index.js

@@ -4,5 +4,6 @@ export { default as Fp64Extension } from './fp64/fp64';
 export { default as PathStyleExtension } from './path-style/path-style';
 export { default as FillStyleExtension } from './fill-style/fill-style';
 export { default as ClipExtension } from './clip/clip';
+export { default as MaskExtension } from './mask/mask';
 export { default as project64 } from './fp64/project64';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["default","BrushingExtension","DataFilterExtension","Fp64Extension","PathStyleExtension","FillStyleExtension","ClipExtension","project64"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,iBAAnB,QAA2C,qBAA3C;AACA,SAAQD,OAAO,IAAIE,mBAAnB,QAA6C,2BAA7C;AACA,SAAQF,OAAO,IAAIG,aAAnB,QAAuC,aAAvC;AACA,SAAQH,OAAO,IAAII,kBAAnB,QAA4C,yBAA5C;AACA,SAAQJ,OAAO,IAAIK,kBAAnB,QAA4C,yBAA5C;AACA,SAAQL,OAAO,IAAIM,aAAnB,QAAuC,aAAvC;AAGA,SAAQN,OAAO,IAAIO,SAAnB,QAAmC,kBAAnC","sourcesContent":["export {default as BrushingExtension} from './brushing/brushing';\nexport {default as DataFilterExtension} from './data-filter/data-filter';\nexport {default as Fp64Extension} from './fp64/fp64';\nexport {default as PathStyleExtension} from './path-style/path-style';\nexport {default as FillStyleExtension} from './fill-style/fill-style';\nexport {default as ClipExtension} from './clip/clip';\n\n// Shader module\nexport {default as project64} from './fp64/project64';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":["default","BrushingExtension","DataFilterExtension","Fp64Extension","PathStyleExtension","FillStyleExtension","ClipExtension","MaskExtension","project64"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,iBAAnB,QAA2C,qBAA3C;AACA,SAAQD,OAAO,IAAIE,mBAAnB,QAA6C,2BAA7C;AACA,SAAQF,OAAO,IAAIG,aAAnB,QAAuC,aAAvC;AACA,SAAQH,OAAO,IAAII,kBAAnB,QAA4C,yBAA5C;AACA,SAAQJ,OAAO,IAAIK,kBAAnB,QAA4C,yBAA5C;AACA,SAAQL,OAAO,IAAIM,aAAnB,QAAuC,aAAvC;AACA,SAAQN,OAAO,IAAIO,aAAnB,QAAuC,aAAvC;AAGA,SAAQP,OAAO,IAAIQ,SAAnB,QAAmC,kBAAnC","sourcesContent":["export {default as BrushingExtension} from './brushing/brushing';\nexport {default as DataFilterExtension} from './data-filter/data-filter';\nexport {default as Fp64Extension} from './fp64/fp64';\nexport {default as PathStyleExtension} from './path-style/path-style';\nexport {default as FillStyleExtension} from './fill-style/fill-style';\nexport {default as ClipExtension} from './clip/clip';\nexport {default as MaskExtension} from './mask/mask';\n\n// Shader module\nexport {default as project64} from './fp64/project64';\n"],"file":"index.js"}

package/dist/esm/mask/mask.js

@@ -0,0 +1,72 @@
+import { COORDINATE_SYSTEM, LayerExtension, log } from '@deck.gl/core';
+import mask from './shader-module';
+const defaultProps = {
+  maskId: ''
+};
+export default class MaskExtension extends LayerExtension {
+  getShaders() {
+    let maskByInstance = ('instancePositions' in this.getAttributeManager().attributes);
+
+    if ('maskByInstance' in this.props) {
+      maskByInstance = this.props.maskByInstance;
+    }
+
+    this.state.maskByInstance = maskByInstance;
+    return {
+      modules: [mask]
+    };
+  }
+
+  draw({
+    uniforms,
+    context,
+    moduleParameters
+  }) {
+    uniforms.mask_maskByInstance = this.state.maskByInstance;
+    const {
+      maskId
+    } = this.props;
+    const {
+      maskChannels
+    } = moduleParameters;
+    const {
+      viewport
+    } = context;
+
+    if (maskChannels && maskChannels[maskId]) {
+      const {
+        index,
+        bounds,
+        coordinateOrigin: fromCoordinateOrigin
+      } = maskChannels[maskId];
+      let {
+        coordinateSystem: fromCoordinateSystem
+      } = maskChannels[maskId];
+      uniforms.mask_enabled = true;
+      uniforms.mask_channel = index;
+
+      if (fromCoordinateSystem === COORDINATE_SYSTEM.DEFAULT) {
+        fromCoordinateSystem = viewport.isGeospatial ? COORDINATE_SYSTEM.LNGLAT : COORDINATE_SYSTEM.CARTESIAN;
+      }
+
+      const opts = {
+        modelMatrix: null,
+        fromCoordinateOrigin,
+        fromCoordinateSystem
+      };
+      const bl = this.projectPosition([bounds[0], bounds[1], 0], opts);
+      const tr = this.projectPosition([bounds[2], bounds[3], 0], opts);
+      uniforms.mask_bounds = [bl[0], bl[1], tr[0], tr[1]];
+    } else {
+      if (maskId) {
+        log.warn("Could not find a mask layer with id: ".concat(maskId))();
+      }
+
+      uniforms.mask_enabled = false;
+    }
+  }
+
+}
+MaskExtension.extensionName = 'MaskExtension';
+MaskExtension.defaultProps = defaultProps;
+//# sourceMappingURL=mask.js.map

package/dist/esm/mask/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mask/mask.js"],"names":["COORDINATE_SYSTEM","LayerExtension","log","mask","defaultProps","maskId","MaskExtension","getShaders","maskByInstance","getAttributeManager","attributes","props","state","modules","draw","uniforms","context","moduleParameters","mask_maskByInstance","maskChannels","viewport","index","bounds","coordinateOrigin","fromCoordinateOrigin","coordinateSystem","fromCoordinateSystem","mask_enabled","mask_channel","DEFAULT","isGeospatial","LNGLAT","CARTESIAN","opts","modelMatrix","bl","projectPosition","tr","mask_bounds","warn","extensionName"],"mappings":"AAAA,SAAQA,iBAAR,EAA2BC,cAA3B,EAA2CC,GAA3C,QAAqD,eAArD;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AAEA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AADW,CAArB;AAIA,eAAe,MAAMC,aAAN,SAA4BL,cAA5B,CAA2C;AACxDM,EAAAA,UAAU,GAAG;AAEX,QAAIC,cAAc,IAAG,uBAAuB,KAAKC,mBAAL,GAA2BC,UAArD,CAAlB;;AAEA,QAAI,oBAAoB,KAAKC,KAA7B,EAAoC;AAClCH,MAAAA,cAAc,GAAG,KAAKG,KAAL,CAAWH,cAA5B;AACD;;AACD,SAAKI,KAAL,CAAWJ,cAAX,GAA4BA,cAA5B;AAEA,WAAO;AACLK,MAAAA,OAAO,EAAE,CAACV,IAAD;AADJ,KAAP;AAGD;;AAEDW,EAAAA,IAAI,CAAC;AAACC,IAAAA,QAAD;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA;AAApB,GAAD,EAAwC;AAC1CF,IAAAA,QAAQ,CAACG,mBAAT,GAA+B,KAAKN,KAAL,CAAWJ,cAA1C;AACA,UAAM;AAACH,MAAAA;AAAD,QAAW,KAAKM,KAAtB;AACA,UAAM;AAACQ,MAAAA;AAAD,QAAiBF,gBAAvB;AACA,UAAM;AAACG,MAAAA;AAAD,QAAaJ,OAAnB;;AACA,QAAIG,YAAY,IAAIA,YAAY,CAACd,MAAD,CAAhC,EAA0C;AACxC,YAAM;AAACgB,QAAAA,KAAD;AAAQC,QAAAA,MAAR;AAAgBC,QAAAA,gBAAgB,EAAEC;AAAlC,UAA0DL,YAAY,CAACd,MAAD,CAA5E;AACA,UAAI;AAACoB,QAAAA,gBAAgB,EAAEC;AAAnB,UAA2CP,YAAY,CAACd,MAAD,CAA3D;AACAU,MAAAA,QAAQ,CAACY,YAAT,GAAwB,IAAxB;AACAZ,MAAAA,QAAQ,CAACa,YAAT,GAAwBP,KAAxB;;AAEA,UAAIK,oBAAoB,KAAK1B,iBAAiB,CAAC6B,OAA/C,EAAwD;AACtDH,QAAAA,oBAAoB,GAAGN,QAAQ,CAACU,YAAT,GACnB9B,iBAAiB,CAAC+B,MADC,GAEnB/B,iBAAiB,CAACgC,SAFtB;AAGD;;AACD,YAAMC,IAAI,GAAG;AAACC,QAAAA,WAAW,EAAE,IAAd;AAAoBV,QAAAA,oBAApB;AAA0CE,QAAAA;AAA1C,OAAb;AACA,YAAMS,EAAE,GAAG,KAAKC,eAAL,CAAqB,CAACd,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuB,CAAvB,CAArB,EAAgDW,IAAhD,CAAX;AACA,YAAMI,EAAE,GAAG,KAAKD,eAAL,CAAqB,CAACd,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuB,CAAvB,CAArB,EAAgDW,IAAhD,CAAX;AACAlB,MAAAA,QAAQ,CAACuB,WAAT,GAAuB,CAACH,EAAE,CAAC,CAAD,CAAH,EAAQA,EAAE,CAAC,CAAD,CAAV,EAAeE,EAAE,CAAC,CAAD,CAAjB,EAAsBA,EAAE,CAAC,CAAD,CAAxB,CAAvB;AACD,KAfD,MAeO;AACL,UAAIhC,MAAJ,EAAY;AACVH,QAAAA,GAAG,CAACqC,IAAJ,gDAAiDlC,MAAjD;AACD;;AACDU,MAAAA,QAAQ,CAACY,YAAT,GAAwB,KAAxB;AACD;AACF;;AAzCuD;AA4C1DrB,aAAa,CAACkC,aAAd,GAA8B,eAA9B;AACAlC,aAAa,CAACF,YAAd,GAA6BA,YAA7B","sourcesContent":["import {COORDINATE_SYSTEM, LayerExtension, log} from '@deck.gl/core';\nimport mask from './shader-module';\n\nconst defaultProps = {\n  maskId: ''\n};\n\nexport default class MaskExtension extends LayerExtension {\n  getShaders() {\n    // Infer by geometry if 'maskByInstance' prop isn't explictly set\n    let maskByInstance = 'instancePositions' in this.getAttributeManager().attributes;\n    // Users can override by setting the `maskByInstance` prop\n    if ('maskByInstance' in this.props) {\n      maskByInstance = this.props.maskByInstance;\n    }\n    this.state.maskByInstance = maskByInstance;\n\n    return {\n      modules: [mask]\n    };\n  }\n\n  draw({uniforms, context, moduleParameters}) {\n    uniforms.mask_maskByInstance = this.state.maskByInstance;\n    const {maskId} = this.props;\n    const {maskChannels} = moduleParameters;\n    const {viewport} = context;\n    if (maskChannels && maskChannels[maskId]) {\n      const {index, bounds, coordinateOrigin: fromCoordinateOrigin} = maskChannels[maskId];\n      let {coordinateSystem: fromCoordinateSystem} = maskChannels[maskId];\n      uniforms.mask_enabled = true;\n      uniforms.mask_channel = index;\n\n      if (fromCoordinateSystem === COORDINATE_SYSTEM.DEFAULT) {\n        fromCoordinateSystem = viewport.isGeospatial\n          ? COORDINATE_SYSTEM.LNGLAT\n          : COORDINATE_SYSTEM.CARTESIAN;\n      }\n      const opts = {modelMatrix: null, fromCoordinateOrigin, fromCoordinateSystem};\n      const bl = this.projectPosition([bounds[0], bounds[1], 0], opts);\n      const tr = this.projectPosition([bounds[2], bounds[3], 0], opts);\n      uniforms.mask_bounds = [bl[0], bl[1], tr[0], tr[1]];\n    } else {\n      if (maskId) {\n        log.warn(`Could not find a mask layer with id: ${maskId}`)();\n      }\n      uniforms.mask_enabled = false;\n    }\n  }\n}\n\nMaskExtension.extensionName = 'MaskExtension';\nMaskExtension.defaultProps = defaultProps;\n"],"file":"mask.js"}

package/dist/esm/mask/shader-module.js

@@ -0,0 +1,29 @@
+import { project } from '@deck.gl/core';
+const vs = "\nuniform vec4 mask_bounds;\nuniform bool mask_maskByInstance;\nvec2 mask_getCoords(vec4 position) {\n  return (position.xy - mask_bounds.xy) / (mask_bounds.zw - mask_bounds.xy);\n}\n";
+const fs = "\nuniform sampler2D mask_texture;\nuniform int mask_channel;\nuniform bool mask_enabled;\nbool mask_isInBounds(vec2 texCoords) {\n  if (!mask_enabled) {\n    return true;\n  }\n  vec4 maskColor = texture2D(mask_texture, texCoords);\n  float maskValue = 1.0;\n  if (mask_channel == 0) {\n    maskValue = maskColor.r;\n  } else if (mask_channel == 1) {\n    maskValue = maskColor.g;\n  } else if (mask_channel == 2) {\n    maskValue = maskColor.b;\n  } else if (mask_channel == 3) {\n    maskValue = maskColor.a;\n  }\n  return maskValue < 0.5;\n}\n";
+const inject = {
+  'vs:#decl': "\nvarying vec2 mask_texCoords;\n",
+  'vs:#main-end': "\n   vec4 mask_common_position;\n   if (mask_maskByInstance) {\n     mask_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n   } else {\n     mask_common_position = geometry.position;\n   }\n   mask_texCoords = mask_getCoords(mask_common_position);\n",
+  'fs:#decl': "\nvarying vec2 mask_texCoords;\n",
+  'fs:#main-start': "\n  if (mask_enabled) {\n    bool mask = mask_isInBounds(mask_texCoords);\n\n    // Debug: show extent of render target\n    // gl_FragColor = vec4(mask_texCoords, 0.0, 1.0);\n    gl_FragColor = texture2D(mask_texture, mask_texCoords);\n\n    if (!mask) discard;\n  }\n"
+};
+
+const getMaskUniforms = (opts = {}) => {
+  const uniforms = {};
+
+  if (opts.maskMap) {
+    uniforms.mask_texture = opts.maskMap;
+  }
+
+  return uniforms;
+};
+
+export default {
+  name: 'mask',
+  dependencies: [project],
+  vs,
+  fs,
+  inject,
+  getUniforms: getMaskUniforms
+};
+//# sourceMappingURL=shader-module.js.map

package/dist/esm/mask/shader-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mask/shader-module.js"],"names":["project","vs","fs","inject","getMaskUniforms","opts","uniforms","maskMap","mask_texture","name","dependencies","getUniforms"],"mappings":"AAAA,SAAQA,OAAR,QAAsB,eAAtB;AAEA,MAAMC,EAAE,4LAAR;AAQA,MAAMC,EAAE,wiBAAR;AAuBA,MAAMC,MAAM,GAAG;AACb,gDADa;AAIb,oSAJa;AAab,gDAba;AAgBb;AAhBa,CAAf;;AA6BA,MAAMC,eAAe,GAAG,CAACC,IAAI,GAAG,EAAR,KAAe;AACrC,QAAMC,QAAQ,GAAG,EAAjB;;AACA,MAAID,IAAI,CAACE,OAAT,EAAkB;AAChBD,IAAAA,QAAQ,CAACE,YAAT,GAAwBH,IAAI,CAACE,OAA7B;AACD;;AACD,SAAOD,QAAP;AACD,CAND;;AAQA,eAAe;AACbG,EAAAA,IAAI,EAAE,MADO;AAEbC,EAAAA,YAAY,EAAE,CAACV,OAAD,CAFD;AAGbC,EAAAA,EAHa;AAIbC,EAAAA,EAJa;AAKbC,EAAAA,MALa;AAMbQ,EAAAA,WAAW,EAAEP;AANA,CAAf","sourcesContent":["import {project} from '@deck.gl/core';\n\nconst vs = `\nuniform vec4 mask_bounds;\nuniform bool mask_maskByInstance;\nvec2 mask_getCoords(vec4 position) {\n  return (position.xy - mask_bounds.xy) / (mask_bounds.zw - mask_bounds.xy);\n}\n`;\n\nconst fs = `\nuniform sampler2D mask_texture;\nuniform int mask_channel;\nuniform bool mask_enabled;\nbool mask_isInBounds(vec2 texCoords) {\n  if (!mask_enabled) {\n    return true;\n  }\n  vec4 maskColor = texture2D(mask_texture, texCoords);\n  float maskValue = 1.0;\n  if (mask_channel == 0) {\n    maskValue = maskColor.r;\n  } else if (mask_channel == 1) {\n    maskValue = maskColor.g;\n  } else if (mask_channel == 2) {\n    maskValue = maskColor.b;\n  } else if (mask_channel == 3) {\n    maskValue = maskColor.a;\n  }\n  return maskValue < 0.5;\n}\n`;\n\nconst inject = {\n  'vs:#decl': `\nvarying vec2 mask_texCoords;\n`,\n  'vs:#main-end': `\n   vec4 mask_common_position;\n   if (mask_maskByInstance) {\n     mask_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n   } else {\n     mask_common_position = geometry.position;\n   }\n   mask_texCoords = mask_getCoords(mask_common_position);\n`,\n  'fs:#decl': `\nvarying vec2 mask_texCoords;\n`,\n  'fs:#main-start': `\n  if (mask_enabled) {\n    bool mask = mask_isInBounds(mask_texCoords);\n\n    // Debug: show extent of render target\n    // gl_FragColor = vec4(mask_texCoords, 0.0, 1.0);\n    gl_FragColor = texture2D(mask_texture, mask_texCoords);\n\n    if (!mask) discard;\n  }\n`\n};\n\nconst getMaskUniforms = (opts = {}) => {\n  const uniforms = {};\n  if (opts.maskMap) {\n    uniforms.mask_texture = opts.maskMap;\n  }\n  return uniforms;\n};\n\nexport default {\n  name: 'mask',\n  dependencies: [project],\n  vs,\n  fs,\n  inject,\n  getUniforms: getMaskUniforms\n};\n"],"file":"shader-module.js"}