@antv/l7-map 2.21.0 → 2.21.2

package/lib/util.d.ts

@@ -0,0 +1,25 @@
+export interface ICancelable {
+    cancel: () => void;
+}
+export declare function wrap(n: number, min: number, max: number): number;
+export declare function clamp(n: number, min: number, max: number): number;
+export declare function interpolate(a: number, b: number, t: number): number;
+export declare function bezier(p1x: number, p1y: number, p2x: number, p2y: number): (t: number) => number;
+export declare const ease: (t: number) => number;
+export declare function prefersReducedMotion(): boolean;
+export declare function pick(src: {
+    [key: string]: any;
+}, properties: string[]): {
+    [key: string]: any;
+};
+export declare const now: () => number;
+export declare const raf: ((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame;
+export declare const cancel: ((handle: number) => void) & typeof cancelAnimationFrame;
+export declare function renderframe(fn: (paintStartTimestamp: number) => void): ICancelable;
+export declare function extend(dest: {
+    [key: string]: any;
+}, ...sources: Array<Partial<{
+    [key: string]: any;
+}>>): {
+    [key: string]: any;
+};

package/lib/util.js

@@ -17,13 +17,12 @@ exports.raf = void 0;
 exports.renderframe = renderframe;
 exports.wrap = wrap;
 var _unitbezier = _interopRequireDefault(require("@mapbox/unitbezier"));
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // @ts-ignore
-var reducedMotionQuery;
+// @ts-ignore
+
+let reducedMotionQuery;
 function wrap(n, min, max) {
-  var d = max - min;
-  var w = ((n - min) % d + d) % d + min;
+  const d = max - min;
+  const w = ((n - min) % d + d) % d + min;
   return w === min ? max : w;
 }
 function clamp(n, min, max) {
@@ -33,12 +32,12 @@ function interpolate(a, b, t) {
   return a * (1 - t) + b * t;
 }
 function bezier(p1x, p1y, p2x, p2y) {
-  var bez = new _unitbezier.default(p1x, p1y, p2x, p2y);
-  return function (t) {
+  const bez = new _unitbezier.default(p1x, p1y, p2x, p2y);
+  return t => {
     return bez.solve(t);
   };
 }
-var ease = exports.ease = bezier(0.25, 0.1, 0.25, 1);
+const ease = exports.ease = bezier(0.25, 0.1, 0.25, 1);
 function prefersReducedMotion() {
   var _reducedMotionQuery;
   // Lazily initialize media query
@@ -49,32 +48,23 @@ function prefersReducedMotion() {
   return (_reducedMotionQuery = reducedMotionQuery) === null || _reducedMotionQuery === void 0 ? void 0 : _reducedMotionQuery.matches;
 }
 function pick(src, properties) {
-  var result = {};
-  var _iterator = _createForOfIteratorHelper(properties),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var name = _step.value;
-      if (name in src) {
-        result[name] = src[name];
-      }
+  const result = {};
+  for (const name of properties) {
+    if (name in src) {
+      result[name] = src[name];
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return result;
 }
-var now = exports.now = window.performance && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
-var raf = exports.raf = window.requestAnimationFrame ||
+const now = exports.now = window.performance && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date);
+const raf = exports.raf = window.requestAnimationFrame ||
 // @ts-ignore
 window.mozRequestAnimationFrame ||
 // @ts-ignore
 window.webkitRequestAnimationFrame ||
 // @ts-ignore
 window.msRequestAnimationFrame;
-var _cancel = exports.cancel = window.cancelAnimationFrame ||
+const cancel = exports.cancel = window.cancelAnimationFrame ||
 // @ts-ignore
 window.mozCancelAnimationFrame ||
 // @ts-ignore
@@ -82,20 +72,14 @@ window.webkitCancelAnimationFrame ||
 // @ts-ignore
 window.msCancelAnimationFrame;
 function renderframe(fn) {
-  var frame = raf(fn);
+  const frame = raf(fn);
   return {
-    cancel: function cancel() {
-      return _cancel(frame);
-    }
+    cancel: () => cancel(frame)
   };
 }
-function extend(dest) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-  for (var _i = 0, _sources = sources; _i < _sources.length; _i++) {
-    var src = _sources[_i];
-    for (var k in src) {
+function extend(dest, ...sources) {
+  for (const src of sources) {
+    for (const k in src) {
       if (src[k] !== undefined) {
         dest[k] = src[k];
       }

package/lib/utils/Aabb.d.ts

@@ -0,0 +1,12 @@
+import { vec3 } from 'gl-matrix';
+import type Frustum from './primitives';
+export default class Aabb {
+    min: vec3;
+    max: vec3;
+    center: vec3;
+    constructor(min: vec3, max: vec3);
+    quadrant(index: number): Aabb;
+    distanceX(point: number[]): number;
+    distanceY(point: number[]): number;
+    intersects(frustum: Frustum): number;
+}

package/lib/utils/Aabb.js

@@ -5,114 +5,76 @@ 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _glMatrix = require("gl-matrix");
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var Aabb = exports.default = /*#__PURE__*/function () {
-  function Aabb(min, max) {
-    (0, _classCallCheck2.default)(this, Aabb);
+class Aabb {
+  constructor(min, max) {
+    (0, _defineProperty2.default)(this, "min", void 0);
+    (0, _defineProperty2.default)(this, "max", void 0);
+    (0, _defineProperty2.default)(this, "center", void 0);
     this.min = min;
     this.max = max;
     this.center = _glMatrix.vec3.scale(new Float32Array(3), _glMatrix.vec3.add(new Float32Array(3), this.min, this.max), 0.5);
   }
-  (0, _createClass2.default)(Aabb, [{
-    key: "quadrant",
-    value: function quadrant(index) {
-      var split = [index % 2 === 0, index < 2];
-      var qMin = _glMatrix.vec3.clone(this.min);
-      var qMax = _glMatrix.vec3.clone(this.max);
-      for (var axis = 0; axis < split.length; axis++) {
-        qMin[axis] = split[axis] ? this.min[axis] : this.center[axis];
-        qMax[axis] = split[axis] ? this.center[axis] : this.max[axis];
-      }
-      // Elevation is always constant, hence quadrant.max.z = this.max.z
-      qMax[2] = this.max[2];
-      return new Aabb(qMin, qMax);
-    }
-  }, {
-    key: "distanceX",
-    value: function distanceX(point) {
-      var pointOnAabb = Math.max(Math.min(this.max[0], point[0]), this.min[0]);
-      return pointOnAabb - point[0];
-    }
-  }, {
-    key: "distanceY",
-    value: function distanceY(point) {
-      var pointOnAabb = Math.max(Math.min(this.max[1], point[1]), this.min[1]);
-      return pointOnAabb - point[1];
+  quadrant(index) {
+    const split = [index % 2 === 0, index < 2];
+    const qMin = _glMatrix.vec3.clone(this.min);
+    const qMax = _glMatrix.vec3.clone(this.max);
+    for (let axis = 0; axis < split.length; axis++) {
+      qMin[axis] = split[axis] ? this.min[axis] : this.center[axis];
+      qMax[axis] = split[axis] ? this.center[axis] : this.max[axis];
     }
+    // Elevation is always constant, hence quadrant.max.z = this.max.z
+    qMax[2] = this.max[2];
+    return new Aabb(qMin, qMax);
+  }
+  distanceX(point) {
+    const pointOnAabb = Math.max(Math.min(this.max[0], point[0]), this.min[0]);
+    return pointOnAabb - point[0];
+  }
+  distanceY(point) {
+    const pointOnAabb = Math.max(Math.min(this.max[1], point[1]), this.min[1]);
+    return pointOnAabb - point[1];
+  }
 
-    // Performs a frustum-aabb intersection test. Returns 0 if there's no intersection,
-    // 1 if shapes are intersecting and 2 if the aabb if fully inside the frustum.
-  }, {
-    key: "intersects",
-    value: function intersects(frustum) {
-      // Execute separating axis test between two convex objects to find intersections
-      // Each frustum plane together with 3 major axes define the separating axes
-      // Note: test only 4 points as both min and max points have equal elevation
+  // Performs a frustum-aabb intersection test. Returns 0 if there's no intersection,
+  // 1 if shapes are intersecting and 2 if the aabb if fully inside the frustum.
+  intersects(frustum) {
+    // Execute separating axis test between two convex objects to find intersections
+    // Each frustum plane together with 3 major axes define the separating axes
+    // Note: test only 4 points as both min and max points have equal elevation
 
-      var aabbPoints = [[this.min[0], this.min[1], 0.0, 1], [this.max[0], this.min[1], 0.0, 1], [this.max[0], this.max[1], 0.0, 1], [this.min[0], this.max[1], 0.0, 1]];
-      var fullyInside = true;
-      var _iterator = _createForOfIteratorHelper(frustum.planes),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var plane = _step.value;
-          var pointsInside = 0;
-          var _iterator3 = _createForOfIteratorHelper(aabbPoints),
-            _step3;
-          try {
-            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-              var i = _step3.value;
-              // @ts-ignore
-              pointsInside += _glMatrix.vec4.dot(plane, i) >= 0;
-            }
-          } catch (err) {
-            _iterator3.e(err);
-          } finally {
-            _iterator3.f();
-          }
-          if (pointsInside === 0) {
-            return 0;
-          }
-          if (pointsInside !== aabbPoints.length) {
-            fullyInside = false;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+    const aabbPoints = [[this.min[0], this.min[1], 0.0, 1], [this.max[0], this.min[1], 0.0, 1], [this.max[0], this.max[1], 0.0, 1], [this.min[0], this.max[1], 0.0, 1]];
+    let fullyInside = true;
+    for (const plane of frustum.planes) {
+      let pointsInside = 0;
+      for (const i of aabbPoints) {
+        // @ts-ignore
+        pointsInside += _glMatrix.vec4.dot(plane, i) >= 0;
       }
-      if (fullyInside) {
-        return 2;
+      if (pointsInside === 0) {
+        return 0;
       }
-      for (var axis = 0; axis < 3; axis++) {
-        var projMin = Number.MAX_VALUE;
-        var projMax = -Number.MAX_VALUE;
-        var _iterator2 = _createForOfIteratorHelper(frustum.points),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var p = _step2.value;
-            var projectedPoint = p[axis] - this.min[axis];
-            projMin = Math.min(projMin, projectedPoint);
-            projMax = Math.max(projMax, projectedPoint);
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-        if (projMax < 0 || projMin > this.max[axis] - this.min[axis]) {
-          return 0;
-        }
+      if (pointsInside !== aabbPoints.length) {
+        fullyInside = false;
       }
-      return 1;
     }
-  }]);
-  return Aabb;
-}();
+    if (fullyInside) {
+      return 2;
+    }
+    for (let axis = 0; axis < 3; axis++) {
+      let projMin = Number.MAX_VALUE;
+      let projMax = -Number.MAX_VALUE;
+      for (const p of frustum.points) {
+        const projectedPoint = p[axis] - this.min[axis];
+        projMin = Math.min(projMin, projectedPoint);
+        projMax = Math.max(projMax, projectedPoint);
+      }
+      if (projMax < 0 || projMin > this.max[axis] - this.min[axis]) {
+        return 0;
+      }
+    }
+    return 1;
+  }
+}
+exports.default = Aabb;

package/lib/utils/dom.d.ts

@@ -0,0 +1,4 @@
+declare const DOM: {
+    [key: string]: (...arg: any[]) => any;
+};
+export default DOM;

package/lib/utils/dom.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _point = _interopRequireDefault(require("../geo/point"));
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // @ts-ignore
-var DOM = {};
+// @ts-ignore
+
+const DOM = {};
 var _default = exports.default = DOM;
-DOM.create = function (tagName, className, container) {
-  var el = window.document.createElement(tagName);
+DOM.create = (tagName, className, container) => {
+  const el = window.document.createElement(tagName);
   if (className !== undefined) {
     el.className = className;
   }
@@ -21,58 +20,49 @@ DOM.create = function (tagName, className, container) {
   }
   return el;
 };
-DOM.createNS = function (namespaceURI, tagName) {
-  var el = window.document.createElementNS(namespaceURI, tagName);
+DOM.createNS = (namespaceURI, tagName) => {
+  const el = window.document.createElementNS(namespaceURI, tagName);
   return el;
 };
-var docStyle = window.document && window.document.documentElement.style;
+const docStyle = window.document && window.document.documentElement.style;
 function testProp(props) {
   if (!docStyle) {
     return props[0];
   }
-  var _iterator = _createForOfIteratorHelper(props),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var i = _step.value;
-      if (i in docStyle) {
-        return i;
-      }
+  for (const i of props) {
+    if (i in docStyle) {
+      return i;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return props[0];
 }
-var selectProp = testProp(['userSelect', 'MozUserSelect', 'WebkitUserSelect', 'msUserSelect']);
-var userSelect;
-DOM.disableDrag = function () {
+const selectProp = testProp(['userSelect', 'MozUserSelect', 'WebkitUserSelect', 'msUserSelect']);
+let userSelect;
+DOM.disableDrag = () => {
   if (docStyle && selectProp) {
     userSelect = docStyle[selectProp];
     docStyle[selectProp] = 'none';
   }
 };
-DOM.enableDrag = function () {
+DOM.enableDrag = () => {
   if (docStyle && selectProp) {
     docStyle[selectProp] = userSelect;
   }
 };
-var transformProp = testProp(['transform', 'WebkitTransform']);
-DOM.setTransform = function (el, value) {
+const transformProp = testProp(['transform', 'WebkitTransform']);
+DOM.setTransform = (el, value) => {
   // https://github.com/facebook/flow/issues/7754
   // $FlowFixMe
   el.style[transformProp] = value;
 };
 
 // Feature detection for {passive: false} support in add/removeEventListener.
-var passiveSupported = false;
+let passiveSupported = false;
 try {
   // https://github.com/facebook/flow/issues/285
   // $FlowFixMe
-  var options = Object.defineProperty({}, 'passive', {
-    get: function get() {
+  const options = Object.defineProperty({}, 'passive', {
+    get() {
       // eslint-disable-line
       passiveSupported = true;
     }
@@ -84,16 +74,14 @@ try {
 } catch (err) {
   passiveSupported = false;
 }
-DOM.addEventListener = function (target, type, callback) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+DOM.addEventListener = (target, type, callback, options = {}) => {
   if ('passive' in options && passiveSupported) {
     target.addEventListener(type, callback, options);
   } else {
     target.addEventListener(type, callback, options.capture);
   }
 };
-DOM.removeEventListener = function (target, type, callback) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+DOM.removeEventListener = (target, type, callback, options = {}) => {
   if ('passive' in options && passiveSupported) {
     target.removeEventListener(type, callback, options);
   } else {
@@ -102,44 +90,35 @@ DOM.removeEventListener = function (target, type, callback) {
 };
 
 // Suppress the next click, but only if it's immediate.
-var suppressClick = function suppressClick(e) {
+const suppressClick = e => {
   e.preventDefault();
   e.stopPropagation();
   window.removeEventListener('click', suppressClick, true);
 };
-DOM.suppressClick = function () {
+DOM.suppressClick = () => {
   window.addEventListener('click', suppressClick, true);
-  setTimeout(function () {
+  setTimeout(() => {
     window.removeEventListener('click', suppressClick, true);
   }, 0);
 };
-DOM.mousePos = function (el, e) {
+DOM.mousePos = (el, e) => {
   // 暂时从 el 上获取 top/left， 后面需要动态获取
-  var rect = el.getBoundingClientRect();
+  const rect = el.getBoundingClientRect();
   return new _point.default(e.clientX - rect.left - el.clientLeft, e.clientY - rect.top - el.clientTop);
 };
-DOM.touchPos = function (el, touches) {
+DOM.touchPos = (el, touches) => {
   // 暂时从 el 上获取 top/left， 后面需要动态获取
-  var rect = el.getBoundingClientRect();
-  var points = [];
-  var _iterator2 = _createForOfIteratorHelper(touches),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var touche = _step2.value;
-      points.push(new _point.default(touche.clientX - rect.left - el.clientLeft, touche.clientY - rect.top - el.clientTop));
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+  const rect = el.getBoundingClientRect();
+  const points = [];
+  for (const touche of touches) {
+    points.push(new _point.default(touche.clientX - rect.left - el.clientLeft, touche.clientY - rect.top - el.clientTop));
   }
   return points;
 };
-DOM.mouseButton = function (e) {
+DOM.mouseButton = e => {
   return e.button;
 };
-DOM.remove = function (node) {
+DOM.remove = node => {
   if (node.parentNode) {
     node.parentNode.removeChild(node);
   }

package/lib/utils/performance.d.ts

@@ -0,0 +1,17 @@
+export interface IPerformanceMetrics {
+    loadTime: number;
+    fullLoadTime: number;
+    fps: number;
+    percentDroppedFrames: number;
+}
+export declare const PerformanceMarkers: {
+    create: string;
+    load: string;
+    fullLoad: string;
+};
+export declare const PerformanceUtils: {
+    mark(marker: string): void;
+    frame(timestamp: number): void;
+    clearMetrics(): void;
+    getPerformanceMetrics(): IPerformanceMetrics;
+};

package/lib/utils/performance.js

@@ -4,65 +4,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PerformanceUtils = exports.PerformanceMarkers = void 0;
-var lastFrameTime = null;
-var frameTimes = [];
-var minFramerateTarget = 30;
-var frameTimeTarget = 1000 / minFramerateTarget;
-var performance = window.performance;
-var PerformanceMarkers = exports.PerformanceMarkers = {
+let lastFrameTime = null;
+let frameTimes = [];
+const minFramerateTarget = 30;
+const frameTimeTarget = 1000 / minFramerateTarget;
+const performance = window.performance;
+const PerformanceMarkers = exports.PerformanceMarkers = {
   create: 'create',
   load: 'load',
   fullLoad: 'fullLoad'
 };
-var PerformanceUtils = exports.PerformanceUtils = {
-  mark: function mark(marker) {
+const PerformanceUtils = exports.PerformanceUtils = {
+  mark(marker) {
     performance.mark(marker);
   },
-  frame: function frame(timestamp) {
-    var currTimestamp = timestamp;
+  frame(timestamp) {
+    const currTimestamp = timestamp;
     if (lastFrameTime != null) {
-      var frameTime = currTimestamp - lastFrameTime;
+      const frameTime = currTimestamp - lastFrameTime;
       frameTimes.push(frameTime);
     }
     lastFrameTime = currTimestamp;
   },
-  clearMetrics: function clearMetrics() {
+  clearMetrics() {
     lastFrameTime = null;
     frameTimes = [];
     performance.clearMeasures('loadTime');
     performance.clearMeasures('fullLoadTime');
     // @ts-ignore
     // tslint:disable-next-line:forin
-    for (var marker in PerformanceMarkers) {
+    for (const marker in PerformanceMarkers) {
       // @ts-ignore
       performance.clearMarks(PerformanceMarkers[marker]);
     }
   },
-  getPerformanceMetrics: function getPerformanceMetrics() {
-    var loadTime = performance.measure('loadTime', PerformanceMarkers.create, PerformanceMarkers.load
+  getPerformanceMetrics() {
+    const loadTime = performance.measure('loadTime', PerformanceMarkers.create, PerformanceMarkers.load
     // @ts-ignore
     ).duration;
-    var fullLoadTime = performance.measure('fullLoadTime', PerformanceMarkers.create, PerformanceMarkers.fullLoad
+    const fullLoadTime = performance.measure('fullLoadTime', PerformanceMarkers.create, PerformanceMarkers.fullLoad
     // @ts-ignore
     ).duration;
-    var totalFrames = frameTimes.length;
-    var avgFrameTime = frameTimes.reduce(function (prev, curr) {
-      return prev + curr;
-    }, 0) / totalFrames / 1000;
-    var fps = 1 / avgFrameTime;
+    const totalFrames = frameTimes.length;
+    const avgFrameTime = frameTimes.reduce((prev, curr) => prev + curr, 0) / totalFrames / 1000;
+    const fps = 1 / avgFrameTime;
 
     // count frames that missed our framerate target
-    var droppedFrames = frameTimes.filter(function (frameTime) {
-      return frameTime > frameTimeTarget;
-    }).reduce(function (acc, curr) {
+    const droppedFrames = frameTimes.filter(frameTime => frameTime > frameTimeTarget).reduce((acc, curr) => {
       return acc + (curr - frameTimeTarget) / frameTimeTarget;
     }, 0);
-    var percentDroppedFrames = droppedFrames / (totalFrames + droppedFrames) * 100;
+    const percentDroppedFrames = droppedFrames / (totalFrames + droppedFrames) * 100;
     return {
-      loadTime: loadTime,
-      fullLoadTime: fullLoadTime,
-      fps: fps,
-      percentDroppedFrames: percentDroppedFrames
+      loadTime,
+      fullLoadTime,
+      fps,
+      percentDroppedFrames
     };
   }
 };

package/lib/utils/primitives.d.ts

@@ -0,0 +1,6 @@
+export default class Frustum {
+    static fromInvProjectionMatrix(invProj: Float32Array, worldSize: number, zoom: number): Frustum;
+    points: number[][];
+    planes: number[][];
+    constructor(points: number[][], planes: number[][]);
+}