@loaders.gl/tiles 3.3.0-alpha.1 → 3.3.0-alpha.11

package/dist/es5/tileset/tileset-3d.js

@@ -1,60 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 _core = require("@math.gl/core");
-
 var _geospatial = require("@math.gl/geospatial");
-
 var _stats = require("@probe.gl/stats");
-
 var _loaderUtils = require("@loaders.gl/loader-utils");
-
 var _tilesetCache = _interopRequireDefault(require("./tileset-cache"));
-
 var _transformUtils = require("./helpers/transform-utils");
-
 var _frameState = require("./helpers/frame-state");
-
 var _zoom = require("./helpers/zoom");
-
 var _tile3d = _interopRequireDefault(require("./tile-3d"));
-
 var _tileset3dTraverser = _interopRequireDefault(require("./traversers/tileset-3d-traverser"));
-
 var _tilesetTraverser = _interopRequireDefault(require("./traversers/tileset-traverser"));
-
 var _i3sTilesetTraverser = _interopRequireDefault(require("./traversers/i3s-tileset-traverser"));
-
 var _constants = require("../constants");
-
 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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DEFAULT_PROPS = {
   description: '',
   ellipsoid: _geospatial.Ellipsoid.WGS84,
@@ -83,6 +57,7 @@ var DEFAULT_PROPS = {
   basePath: '',
   i3s: {}
 };
+
 var TILES_TOTAL = 'Tiles In Tileset(s)';
 var TILES_IN_MEMORY = 'Tiles In Memory';
 var TILES_IN_VIEW = 'Tiles In View';
@@ -93,8 +68,8 @@ var TILES_UNLOADED = 'Tiles Unloaded';
 var TILES_LOAD_FAILED = 'Failed Tile Loads';
 var POINTS_COUNT = 'Points/Vertices';
 var TILES_GPU_MEMORY = 'Tile Memory Use';
-
 var Tileset3D = function () {
+
   function Tileset3D(json, options) {
     (0, _classCallCheck2.default)(this, Tileset3D);
     (0, _defineProperty2.default)(this, "options", void 0);
@@ -118,6 +93,12 @@ var Tileset3D = function () {
     (0, _defineProperty2.default)(this, "attributions", void 0);
     (0, _defineProperty2.default)(this, "credits", void 0);
     (0, _defineProperty2.default)(this, "stats", void 0);
+    (0, _defineProperty2.default)(this, "contentFormats", {
+      draco: false,
+      meshopt: false,
+      dds: false,
+      ktx2: false
+    });
     (0, _defineProperty2.default)(this, "traverseCounter", void 0);
     (0, _defineProperty2.default)(this, "geometricError", void 0);
     (0, _defineProperty2.default)(this, "selectedTiles", void 0);
@@ -144,6 +125,7 @@ var Tileset3D = function () {
     (0, _defineProperty2.default)(this, "frameStateData", void 0);
     (0, _defineProperty2.default)(this, "maximumMemoryUsage", void 0);
     (0, _loaderUtils.assert)(json);
+
     this.options = _objectSpread(_objectSpread({}, DEFAULT_PROPS), options);
     this.tileset = json;
     this.loader = json.loader;
@@ -152,6 +134,7 @@ var Tileset3D = function () {
     this.basePath = json.basePath || _loaderUtils.path.dirname(this.url);
     this.modelMatrix = this.options.modelMatrix;
     this.ellipsoid = this.options.ellipsoid;
+
     this.lodMetricType = json.lodMetricType;
     this.lodMetricValue = json.lodMetricValue;
     this.refine = json.root.refine;
@@ -162,6 +145,7 @@ var Tileset3D = function () {
     this.cartesianCenter = null;
     this.zoom = 1;
     this.boundingVolume = null;
+
     this.traverseCounter = 0;
     this.geometricError = 0;
     this._traverser = this._initializeTraverser();
@@ -171,7 +155,9 @@ var Tileset3D = function () {
       maxRequests: this.options.maxRequests
     });
     this._frameNumber = 0;
+
     this._pendingCount = 0;
+
     this._tiles = {};
     this.selectedTiles = [];
     this._emptyTiles = [];
@@ -180,12 +166,12 @@ var Tileset3D = function () {
     this.lastUpdatedVieports = null;
     this._queryParams = {};
     this._queryParamsString = '';
+
     this.maximumMemoryUsage = this.options.maximumMemoryUsage || 32;
     this.gpuMemoryUsageInBytes = 0;
     this.stats = new _stats.Stats({
       id: this.url
     });
-
     this._initializeStats();
 
     this._extensionsUsed = undefined;
@@ -199,12 +185,15 @@ var Tileset3D = function () {
 
   (0, _createClass2.default)(Tileset3D, [{
     key: "destroy",
-    value: function destroy() {
+    value:
+    function destroy() {
       this._destroy();
     }
+
   }, {
     key: "isLoaded",
-    value: function isLoaded() {
+    value:
+    function isLoaded() {
       return this._pendingCount === 0 && this._frameNumber !== 0 && this._requestedTiles.length === 0;
     }
   }, {
@@ -223,7 +212,6 @@ var Tileset3D = function () {
       if (!this._queryParamsString) {
         this._queryParamsString = getQueryParamString(this._queryParams);
       }
-
       return this._queryParamsString;
     }
   }, {
@@ -231,32 +219,37 @@ var Tileset3D = function () {
     value: function setProps(props) {
       this.options = _objectSpread(_objectSpread({}, this.options), props);
     }
+
   }, {
     key: "setOptions",
-    value: function setOptions(options) {
+    value:
+    function setOptions(options) {
       this.options = _objectSpread(_objectSpread({}, this.options), options);
     }
+
   }, {
     key: "getTileUrl",
-    value: function getTileUrl(tilePath) {
+    value:
+    function getTileUrl(tilePath) {
       var isDataUrl = tilePath.startsWith('data:');
-
       if (isDataUrl) {
         return tilePath;
       }
-
       return "".concat(tilePath).concat(this.queryParams);
     }
+
   }, {
     key: "hasExtension",
-    value: function hasExtension(extensionName) {
+    value:
+    function hasExtension(extensionName) {
       return Boolean(this._extensionsUsed && this._extensionsUsed.indexOf(extensionName) > -1);
     }
+
   }, {
     key: "update",
-    value: function update() {
+    value:
+    function update() {
       var _this = this;
-
       var viewports = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       this.tilesetInitializationPromise.then(function () {
         if (!viewports && _this.lastUpdatedVieports) {
@@ -264,18 +257,19 @@ var Tileset3D = function () {
         } else {
           _this.lastUpdatedVieports = viewports;
         }
-
-        _this.doUpdate(viewports);
+        if (viewports) {
+          _this.doUpdate(viewports);
+        }
       });
     }
+
   }, {
     key: "selectTiles",
     value: function () {
       var _selectTiles = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
         var _this2 = this;
-
         var viewports,
-            _args = arguments;
+          _args = arguments;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -283,25 +277,22 @@ var Tileset3D = function () {
                 viewports = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
                 _context.next = 3;
                 return this.tilesetInitializationPromise;
-
               case 3:
                 if (viewports) {
                   this.lastUpdatedVieports = viewports;
                 }
-
                 if (!this.updatePromise) {
                   this.updatePromise = new Promise(function (resolve) {
                     setTimeout(function () {
-                      _this2.doUpdate(_this2.lastUpdatedVieports);
-
+                      if (_this2.lastUpdatedVieports) {
+                        _this2.doUpdate(_this2.lastUpdatedVieports);
+                      }
                       resolve(_this2._frameNumber);
                       _this2.updatePromise = null;
                     }, _this2.options.debounceTime);
                   });
                 }
-
                 return _context.abrupt("return", this.updatePromise);
-
               case 6:
               case "end":
                 return _context.stop();
@@ -309,74 +300,58 @@ var Tileset3D = function () {
           }
         }, _callee, this);
       }));
-
       function selectTiles() {
         return _selectTiles.apply(this, arguments);
       }
-
       return selectTiles;
     }()
   }, {
     key: "doUpdate",
-    value: function doUpdate() {
-      var viewports = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
+    value:
+    function doUpdate(viewports) {
       if ('loadTiles' in this.options && !this.options.loadTiles) {
         return;
       }
-
       if (this.traverseCounter > 0) {
         return;
       }
-
-      if (!(viewports instanceof Array)) {
-        viewports = [viewports];
-      }
-
+      var preparedViewports = viewports instanceof Array ? viewports : [viewports];
       this._cache.reset();
-
       this._frameNumber++;
-      this.traverseCounter = viewports.length;
+      this.traverseCounter = preparedViewports.length;
       var viewportsToTraverse = [];
-
-      var _iterator = _createForOfIteratorHelper(viewports),
-          _step;
-
+      var _iterator = _createForOfIteratorHelper(preparedViewports),
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var viewport = _step.value;
           var _id = viewport.id;
-
           if (this._needTraverse(_id)) {
             viewportsToTraverse.push(_id);
           } else {
             this.traverseCounter--;
           }
         }
+
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
-
-      var _iterator2 = _createForOfIteratorHelper(viewports),
-          _step2;
-
+      var _iterator2 = _createForOfIteratorHelper(preparedViewports),
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var _viewport = _step2.value;
           var _id2 = _viewport.id;
-
           if (!this.roots[_id2]) {
             this.roots[_id2] = this._initializeTileHeaders(this.tileset, null);
           }
-
           if (!viewportsToTraverse.includes(_id2)) {
             continue;
           }
 
           var frameState = (0, _frameState.getFrameState)(_viewport, this._frameNumber);
-
           this._traverser.traverse(this.roots[_id2], frameState, this.options);
         }
       } catch (err) {
@@ -385,26 +360,26 @@ var Tileset3D = function () {
         _iterator2.f();
       }
     }
+
   }, {
     key: "_needTraverse",
-    value: function _needTraverse(viewportId) {
+    value:
+    function _needTraverse(viewportId) {
       var traverserId = viewportId;
-
       if (this.options.viewportTraversersMap) {
         traverserId = this.options.viewportTraversersMap[viewportId];
       }
-
       if (traverserId !== viewportId) {
         return false;
       }
-
       return true;
     }
+
   }, {
     key: "_onTraversalEnd",
-    value: function _onTraversalEnd(frameState) {
+    value:
+    function _onTraversalEnd(frameState) {
       var id = frameState.viewport.id;
-
       if (!this.frameStateData[id]) {
         this.frameStateData[id] = {
           selectedTiles: [],
@@ -412,24 +387,18 @@ var Tileset3D = function () {
           _emptyTiles: []
         };
       }
-
       var currentFrameStateData = this.frameStateData[id];
       var selectedTiles = Object.values(this._traverser.selectedTiles);
-
       var _limitSelectedTiles = (0, _frameState.limitSelectedTiles)(selectedTiles, frameState, this.options.maximumTilesSelected),
-          _limitSelectedTiles2 = (0, _slicedToArray2.default)(_limitSelectedTiles, 2),
-          filteredSelectedTiles = _limitSelectedTiles2[0],
-          unselectedTiles = _limitSelectedTiles2[1];
-
+        _limitSelectedTiles2 = (0, _slicedToArray2.default)(_limitSelectedTiles, 2),
+        filteredSelectedTiles = _limitSelectedTiles2[0],
+        unselectedTiles = _limitSelectedTiles2[1];
       currentFrameStateData.selectedTiles = filteredSelectedTiles;
-
       var _iterator3 = _createForOfIteratorHelper(unselectedTiles),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var _tile = _step3.value;
-
           _tile.unselect();
         }
       } catch (err) {
@@ -437,36 +406,31 @@ var Tileset3D = function () {
       } finally {
         _iterator3.f();
       }
-
       currentFrameStateData._requestedTiles = Object.values(this._traverser.requestedTiles);
       currentFrameStateData._emptyTiles = Object.values(this._traverser.emptyTiles);
       this.traverseCounter--;
-
       if (this.traverseCounter > 0) {
         return;
       }
-
       this._updateTiles();
     }
+
   }, {
     key: "_updateTiles",
-    value: function _updateTiles() {
+    value:
+    function _updateTiles() {
       this.selectedTiles = [];
       this._requestedTiles = [];
       this._emptyTiles = [];
-
       for (var frameStateKey in this.frameStateData) {
         var frameStateDataValue = this.frameStateData[frameStateKey];
         this.selectedTiles = this.selectedTiles.concat(frameStateDataValue.selectedTiles);
         this._requestedTiles = this._requestedTiles.concat(frameStateDataValue._requestedTiles);
         this._emptyTiles = this._emptyTiles.concat(frameStateDataValue._emptyTiles);
       }
-
       this.selectedTiles = this.options.onTraversalComplete(this.selectedTiles);
-
       var _iterator4 = _createForOfIteratorHelper(this.selectedTiles),
-          _step4;
-
+        _step4;
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
           var _tile2 = _step4.value;
@@ -477,11 +441,8 @@ var Tileset3D = function () {
       } finally {
         _iterator4.f();
       }
-
       this._loadTiles();
-
       this._unloadTiles();
-
       this._updateStats();
     }
   }, {
@@ -490,7 +451,6 @@ var Tileset3D = function () {
       if (oldSelectedTiles.length !== selectedTiles.length) {
         return true;
       }
-
       var set1 = new Set(oldSelectedTiles.map(function (t) {
         return t.id;
       }));
@@ -509,12 +469,10 @@ var Tileset3D = function () {
     key: "_loadTiles",
     value: function _loadTiles() {
       var _iterator5 = _createForOfIteratorHelper(this._requestedTiles),
-          _step5;
-
+        _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var _tile3 = _step5.value;
-
           if (_tile3.contentUnloaded) {
             this._loadTile(_tile3);
           }
@@ -537,17 +495,13 @@ var Tileset3D = function () {
     value: function _updateStats() {
       var tilesRenderable = 0;
       var pointsRenderable = 0;
-
       var _iterator6 = _createForOfIteratorHelper(this.selectedTiles),
-          _step6;
-
+        _step6;
       try {
         for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
           var _tile4 = _step6.value;
-
           if (_tile4.contentAvailable && _tile4.content) {
             tilesRenderable++;
-
             if (_tile4.content.pointCount) {
               pointsRenderable += _tile4.content.pointCount;
             } else {
@@ -560,7 +514,6 @@ var Tileset3D = function () {
       } finally {
         _iterator6.f();
       }
-
       this.stats.get(TILES_IN_VIEW).count = this.selectedTiles.length;
       this.stats.get(TILES_RENDERABLE).count = tilesRenderable;
       this.stats.get(POINTS_COUNT).count = pointsRenderable;
@@ -577,27 +530,20 @@ var Tileset3D = function () {
                   _context2.next = 5;
                   break;
                 }
-
                 this.calculateViewPropsI3S();
                 _context2.next = 4;
                 return tilesetJson.root;
-
               case 4:
                 tilesetJson.root = _context2.sent;
-
               case 5:
                 this.root = this._initializeTileHeaders(tilesetJson, null);
-
                 if (this.type === _constants.TILESET_TYPE.TILES3D) {
                   this._initializeTiles3DTileset(tilesetJson);
-
                   this.calculateViewPropsTiles3D();
                 }
-
                 if (this.type === _constants.TILESET_TYPE.I3S) {
                   this._initializeI3STileset();
                 }
-
               case 8:
               case "end":
                 return _context2.stop();
@@ -605,60 +551,54 @@ var Tileset3D = function () {
           }
         }, _callee2, this);
       }));
-
       function _initializeTileSet(_x) {
         return _initializeTileSet2.apply(this, arguments);
       }
-
       return _initializeTileSet;
     }()
   }, {
     key: "calculateViewPropsI3S",
-    value: function calculateViewPropsI3S() {
+    value:
+    function calculateViewPropsI3S() {
       var _this$tileset$store;
-
       var fullExtent = this.tileset.fullExtent;
-
       if (fullExtent) {
         var xmin = fullExtent.xmin,
-            xmax = fullExtent.xmax,
-            ymin = fullExtent.ymin,
-            ymax = fullExtent.ymax,
-            zmin = fullExtent.zmin,
-            zmax = fullExtent.zmax;
+          xmax = fullExtent.xmax,
+          ymin = fullExtent.ymin,
+          ymax = fullExtent.ymax,
+          zmin = fullExtent.zmin,
+          zmax = fullExtent.zmax;
         this.cartographicCenter = new _core.Vector3(xmin + (xmax - xmin) / 2, ymin + (ymax - ymin) / 2, zmin + (zmax - zmin) / 2);
         this.cartesianCenter = _geospatial.Ellipsoid.WGS84.cartographicToCartesian(this.cartographicCenter, new _core.Vector3());
         this.zoom = (0, _zoom.getZoomFromFullExtent)(fullExtent, this.cartographicCenter, this.cartesianCenter);
         return;
       }
-
       var extent = (_this$tileset$store = this.tileset.store) === null || _this$tileset$store === void 0 ? void 0 : _this$tileset$store.extent;
-
       if (extent) {
         var _extent = (0, _slicedToArray2.default)(extent, 4),
-            _xmin = _extent[0],
-            _ymin = _extent[1],
-            _xmax = _extent[2],
-            _ymax = _extent[3];
-
+          _xmin = _extent[0],
+          _ymin = _extent[1],
+          _xmax = _extent[2],
+          _ymax = _extent[3];
         this.cartographicCenter = new _core.Vector3(_xmin + (_xmax - _xmin) / 2, _ymin + (_ymax - _ymin) / 2, 0);
         this.cartesianCenter = _geospatial.Ellipsoid.WGS84.cartographicToCartesian(this.cartographicCenter, new _core.Vector3());
         this.zoom = (0, _zoom.getZoomFromExtent)(extent, this.cartographicCenter, this.cartesianCenter);
         return;
       }
-
       console.warn('Extent is not defined in the tileset header');
       this.cartographicCenter = new _core.Vector3();
       this.zoom = 1;
       return;
     }
+
   }, {
     key: "calculateViewPropsTiles3D",
-    value: function calculateViewPropsTiles3D() {
+    value:
+    function calculateViewPropsTiles3D() {
       var root = this.root;
       (0, _loaderUtils.assert)(root);
       var center = root.boundingVolume.center;
-
       if (!center) {
         console.warn('center was not pre-calculated for the root tile');
         this.cartographicCenter = new _core.Vector3();
@@ -671,7 +611,6 @@ var Tileset3D = function () {
       } else {
         this.cartographicCenter = new _core.Vector3(0, 0, -_geospatial.Ellipsoid.WGS84.radii[0]);
       }
-
       this.cartesianCenter = center;
       this.zoom = (0, _zoom.getZoomFromBoundingVolume)(root.boundingVolume, this.cartographicCenter);
     }
@@ -686,12 +625,14 @@ var Tileset3D = function () {
       this.stats.get(TILES_LOADED);
       this.stats.get(TILES_UNLOADED);
       this.stats.get(TILES_LOAD_FAILED);
-      this.stats.get(POINTS_COUNT, 'memory');
+      this.stats.get(POINTS_COUNT);
       this.stats.get(TILES_GPU_MEMORY, 'memory');
     }
+
   }, {
     key: "_initializeTileHeaders",
-    value: function _initializeTileHeaders(tilesetJson, parentTileHeader) {
+    value:
+    function _initializeTileHeaders(tilesetJson, parentTileHeader) {
       var rootTile = new _tile3d.default(this, tilesetJson.root, parentTileHeader);
 
       if (parentTileHeader) {
@@ -702,23 +643,17 @@ var Tileset3D = function () {
       if (this.type === _constants.TILESET_TYPE.TILES3D) {
         var stack = [];
         stack.push(rootTile);
-
         while (stack.length > 0) {
           var _tile5 = stack.pop();
-
           this.stats.get(TILES_TOTAL).incrementCount();
           var children = _tile5.header.children || [];
-
           var _iterator7 = _createForOfIteratorHelper(children),
-              _step7;
-
+            _step7;
           try {
             for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
               var childHeader = _step7.value;
               var childTile = new _tile3d.default(this, childHeader, _tile5);
-
               _tile5.children.push(childTile);
-
               childTile.depth = _tile5.depth + 1;
               stack.push(childTile);
             }
@@ -729,7 +664,6 @@ var Tileset3D = function () {
           }
         }
       }
-
       return rootTile;
     }
   }, {
@@ -737,20 +671,16 @@ var Tileset3D = function () {
     value: function _initializeTraverser() {
       var TraverserClass;
       var type = this.type;
-
       switch (type) {
         case _constants.TILESET_TYPE.TILES3D:
           TraverserClass = _tileset3dTraverser.default;
           break;
-
         case _constants.TILESET_TYPE.I3S:
           TraverserClass = _i3sTilesetTraverser.default;
           break;
-
         default:
           TraverserClass = _tilesetTraverser.default;
       }
-
       return new TraverserClass({
         basePath: this.basePath,
         onTraversalEnd: this._onTraversalEnd.bind(this)
@@ -771,32 +701,22 @@ var Tileset3D = function () {
             switch (_context3.prev = _context3.next) {
               case 0:
                 _context3.prev = 0;
-
                 this._onStartTileLoading();
-
                 _context3.next = 4;
                 return tile.loadContent();
-
               case 4:
                 loaded = _context3.sent;
                 _context3.next = 10;
                 break;
-
               case 7:
                 _context3.prev = 7;
                 _context3.t0 = _context3["catch"](0);
-
                 this._onTileLoadError(tile, _context3.t0);
-
               case 10:
                 _context3.prev = 10;
-
                 this._onEndTileLoading();
-
                 this._onTileLoad(tile, loaded);
-
                 return _context3.finish(10);
-
               case 14:
               case "end":
                 return _context3.stop();
@@ -804,11 +724,9 @@ var Tileset3D = function () {
           }
         }, _callee3, this, [[0, 7, 10, 14]]);
       }));
-
       function _loadTile(_x2) {
         return _loadTile2.apply(this, arguments);
       }
-
       return _loadTile;
     }()
   }, {
@@ -826,10 +744,8 @@ var Tileset3D = function () {
       if (!loaded) {
         return;
       }
-
       if (this.type === _constants.TILESET_TYPE.I3S) {
         var _this$tileset, _this$tileset$nodePag;
-
         var nodesInNodePages = ((_this$tileset = this.tileset) === null || _this$tileset === void 0 ? void 0 : (_this$tileset$nodePag = _this$tileset.nodePagesTile) === null || _this$tileset$nodePag === void 0 ? void 0 : _this$tileset$nodePag.nodesInNodePages) || 0;
         this.stats.get(TILES_TOTAL).reset();
         this.stats.get(TILES_TOTAL).addCount(nodesInNodePages);
@@ -838,11 +754,44 @@ var Tileset3D = function () {
       if (tile && tile.content) {
         (0, _transformUtils.calculateTransformProps)(tile, tile.content);
       }
-
+      this.updateContentTypes(tile);
       this._addTileToCache(tile);
-
       this.options.onTileLoad(tile);
     }
+
+  }, {
+    key: "updateContentTypes",
+    value:
+    function updateContentTypes(tile) {
+      if (this.type === _constants.TILESET_TYPE.I3S) {
+        if (tile.header.isDracoGeometry) {
+          this.contentFormats.draco = true;
+        }
+        switch (tile.header.textureFormat) {
+          case 'dds':
+            this.contentFormats.dds = true;
+            break;
+          case 'ktx2':
+            this.contentFormats.ktx2 = true;
+            break;
+          default:
+        }
+      } else if (this.type === _constants.TILESET_TYPE.TILES3D) {
+        var _tile$content;
+        var _ref = ((_tile$content = tile.content) === null || _tile$content === void 0 ? void 0 : _tile$content.gltf) || {},
+          _ref$extensionsRemove = _ref.extensionsRemoved,
+          extensionsRemoved = _ref$extensionsRemove === void 0 ? [] : _ref$extensionsRemove;
+        if (extensionsRemoved.includes('KHR_draco_mesh_compression')) {
+          this.contentFormats.draco = true;
+        }
+        if (extensionsRemoved.includes('EXT_meshopt_compression')) {
+          this.contentFormats.meshopt = true;
+        }
+        if (extensionsRemoved.includes('KHR_texture_basisu')) {
+          this.contentFormats.ktx2 = true;
+        }
+      }
+    }
   }, {
     key: "_onStartTileLoading",
     value: function _onStartTileLoading() {
@@ -867,6 +816,7 @@ var Tileset3D = function () {
     value: function _updateCacheStats(tile) {
       this.stats.get(TILES_LOADED).incrementCount();
       this.stats.get(TILES_IN_MEMORY).incrementCount();
+
       this.gpuMemoryUsageInBytes += tile.content.byteLength || 0;
       this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
     }
@@ -880,21 +830,19 @@ var Tileset3D = function () {
       this.options.onTileUnload(tile);
       tile.unloadContent();
     }
+
   }, {
     key: "_destroy",
-    value: function _destroy() {
+    value:
+    function _destroy() {
       var stack = [];
-
       if (this.root) {
         stack.push(this.root);
       }
-
       while (stack.length > 0) {
         var _tile6 = stack.pop();
-
         var _iterator8 = _createForOfIteratorHelper(_tile6.children),
-            _step8;
-
+          _step8;
         try {
           for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
             var child = _step8.value;
@@ -905,25 +853,22 @@ var Tileset3D = function () {
         } finally {
           _iterator8.f();
         }
-
         this._destroyTile(_tile6);
       }
-
       this.root = null;
     }
+
   }, {
     key: "_destroySubtree",
-    value: function _destroySubtree(tile) {
+    value:
+    function _destroySubtree(tile) {
       var root = tile;
       var stack = [];
       stack.push(root);
-
       while (stack.length > 0) {
         tile = stack.pop();
-
         var _iterator9 = _createForOfIteratorHelper(tile.children),
-            _step9;
-
+          _step9;
         try {
           for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
             var child = _step9.value;
@@ -934,32 +879,26 @@ var Tileset3D = function () {
         } finally {
           _iterator9.f();
         }
-
         if (tile !== root) {
           this._destroyTile(tile);
         }
       }
-
       root.children = [];
     }
   }, {
     key: "_destroyTile",
     value: function _destroyTile(tile) {
       this._cache.unloadTile(this, tile);
-
       this._unloadTile(tile);
-
       tile.destroy();
     }
   }, {
     key: "_initializeTiles3DTileset",
     value: function _initializeTiles3DTileset(tilesetJson) {
       this.asset = tilesetJson.asset;
-
       if (!this.asset) {
         throw new Error('Tileset must have an asset property.');
       }
-
       if (this.asset.version !== '0.0' && this.asset.version !== '1.0') {
         throw new Error('The tileset must be 3D Tiles version 0.0 or 1.0.');
       }
@@ -972,6 +911,7 @@ var Tileset3D = function () {
         attributions: this.options.attributions || []
       };
       this.description = this.options.description || '';
+
       this.properties = tilesetJson.properties;
       this.geometricError = tilesetJson.geometricError;
       this._extensionsUsed = tilesetJson.extensionsUsed;
@@ -987,24 +927,18 @@ var Tileset3D = function () {
   }]);
   return Tileset3D;
 }();
-
 exports.default = Tileset3D;
-
 function getQueryParamString(queryParams) {
   var queryParamStrings = [];
-
   for (var _i = 0, _Object$keys = Object.keys(queryParams); _i < _Object$keys.length; _i++) {
     var _key = _Object$keys[_i];
     queryParamStrings.push("".concat(_key, "=").concat(queryParams[_key]));
   }
-
   switch (queryParamStrings.length) {
     case 0:
       return '';
-
     case 1:
       return "?".concat(queryParamStrings[0]);
-
     default:
       return "?".concat(queryParamStrings.join('&'));
   }