@loaders.gl/tiles 3.2.3 → 3.2.6

package/dist/tileset/traversers/{i3s-frame-counter.js → i3s-pending-tiles-register.js}

@@ -10,27 +10,36 @@ class I3SPendingTilesRegister {
     }
     /**
      * Register a new pending tile header for the particular frameNumber
+     * @param viewportId
      * @param frameNumber
      */
-    register(frameNumber) {
-        const oldCount = this.frameNumberMap.get(frameNumber) || 0;
-        this.frameNumberMap.set(frameNumber, oldCount + 1);
+    register(viewportId, frameNumber) {
+        const viewportMap = this.frameNumberMap.get(viewportId) || new Map();
+        const oldCount = viewportMap.get(frameNumber) || 0;
+        viewportMap.set(frameNumber, oldCount + 1);
+        this.frameNumberMap.set(viewportId, viewportMap);
     }
     /**
      * Deregister a pending tile header for the particular frameNumber
+     * @param viewportId
      * @param frameNumber
      */
-    deregister(frameNumber) {
-        const oldCount = this.frameNumberMap.get(frameNumber) || 1;
-        this.frameNumberMap.set(frameNumber, oldCount - 1);
+    deregister(viewportId, frameNumber) {
+        const viewportMap = this.frameNumberMap.get(viewportId);
+        if (!viewportMap) {
+            return;
+        }
+        const oldCount = viewportMap.get(frameNumber) || 1;
+        viewportMap.set(frameNumber, oldCount - 1);
     }
     /**
      * Check is there are no pending tile headers registered for the particular frameNumber
+     * @param viewportId
      * @param frameNumber
      * @returns
      */
-    isZero(frameNumber) {
-        const count = this.frameNumberMap.get(frameNumber) || 0;
+    isZero(viewportId, frameNumber) {
+        const count = this.frameNumberMap.get(viewportId)?.get(frameNumber) || 0;
         return count === 0;
     }
 }

package/dist/tileset/traversers/i3s-tile-manager.d.ts

@@ -3,14 +3,32 @@ export default class I3STileManager {
     private _statusMap;
     private pendingTilesRegister;
     constructor();
+    /**
+     * Add request to map
+     * @param request - node metadata request
+     * @param key - unique key
+     * @param callback - callback after request completed
+     * @param frameState - frameState data
+     */
     add(request: any, key: any, callback: any, frameState: FrameState): void;
+    /**
+     * Update request if it is still actual for the new frameState
+     * @param key - unique key
+     * @param frameState - frameState data
+     */
     update(key: any, frameState: FrameState): void;
+    /**
+     * Find request in the map
+     * @param key - unique key
+     * @returns
+     */
     find(key: any): any;
     /**
      * Check it there are pending tile headers for the particular frameNumber
+     * @param viewportId
      * @param frameNumber
      * @returns
      */
-    hasPendingTiles(frameNumber: number): boolean;
+    hasPendingTiles(viewportId: string, frameNumber: number): boolean;
 }
 //# sourceMappingURL=i3s-tile-manager.d.ts.map

package/dist/tileset/traversers/i3s-tile-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i3s-tile-manager.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/i3s-tile-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAUlD,MAAM,CAAC,OAAO,OAAO,cAAc;IACjC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,oBAAoB,CAAiC;;IAM7D,GAAG,CAAC,OAAO,KAAA,EAAE,GAAG,KAAA,EAAE,QAAQ,KAAA,EAAE,UAAU,EAAE,UAAU;IAwBlD,MAAM,CAAC,GAAG,KAAA,EAAE,UAAU,EAAE,UAAU;IAUlC,IAAI,CAAC,GAAG,KAAA;IAIR;;;;OAIG;IACH,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO;CAG9C"}
+{"version":3,"file":"i3s-tile-manager.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/i3s-tile-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAUlD,MAAM,CAAC,OAAO,OAAO,cAAc;IACjC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,oBAAoB,CAAiC;;IAM7D;;;;;;OAMG;IACH,GAAG,CAAC,OAAO,KAAA,EAAE,GAAG,KAAA,EAAE,QAAQ,KAAA,EAAE,UAAU,EAAE,UAAU;IAiClD;;;;OAIG;IACH,MAAM,CAAC,GAAG,KAAA,EAAE,UAAU,EAAE,UAAU;IAmBlC;;;;OAIG;IACH,IAAI,CAAC,GAAG,KAAA;IAIR;;;;;OAKG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO;CAGlE"}

package/dist/tileset/traversers/i3s-tile-manager.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const i3s_frame_counter_1 = __importDefault(require("./i3s-frame-counter"));
+const i3s_pending_tiles_register_1 = __importDefault(require("./i3s-pending-tiles-register"));
 const STATUS = {
     REQUESTED: 'REQUESTED',
     COMPLETED: 'COMPLETED',
@@ -12,51 +12,71 @@ const STATUS = {
 // A helper class to manage tile metadata fetching
 class I3STileManager {
     constructor() {
-        this.pendingTilesRegister = new i3s_frame_counter_1.default();
+        this.pendingTilesRegister = new i3s_pending_tiles_register_1.default();
         this._statusMap = {};
     }
+    /**
+     * Add request to map
+     * @param request - node metadata request
+     * @param key - unique key
+     * @param callback - callback after request completed
+     * @param frameState - frameState data
+     */
     add(request, key, callback, frameState) {
         if (!this._statusMap[key]) {
-            const { frameNumber } = frameState;
+            const { frameNumber, viewport: { id } } = frameState;
             this._statusMap[key] = { request, callback, key, frameState, status: STATUS.REQUESTED };
             // Register pending request for the frameNumber
-            this.pendingTilesRegister.register(frameNumber);
+            this.pendingTilesRegister.register(id, frameNumber);
             request()
                 .then((data) => {
                 this._statusMap[key].status = STATUS.COMPLETED;
-                const { frameNumber: actualFrameNumber } = this._statusMap[key].frameState;
+                const { frameNumber: actualFrameNumber, viewport: { id } } = this._statusMap[key].frameState;
                 // Deregister pending request for the frameNumber
-                this.pendingTilesRegister.deregister(actualFrameNumber);
+                this.pendingTilesRegister.deregister(id, actualFrameNumber);
                 this._statusMap[key].callback(data, frameState);
             })
                 .catch((error) => {
                 this._statusMap[key].status = STATUS.ERROR;
-                const { frameNumber: actualFrameNumber } = this._statusMap[key].frameState;
+                const { frameNumber: actualFrameNumber, viewport: { id } } = this._statusMap[key].frameState;
                 // Deregister pending request for the frameNumber
-                this.pendingTilesRegister.deregister(actualFrameNumber);
+                this.pendingTilesRegister.deregister(id, actualFrameNumber);
                 callback(error);
             });
         }
     }
+    /**
+     * Update request if it is still actual for the new frameState
+     * @param key - unique key
+     * @param frameState - frameState data
+     */
     update(key, frameState) {
         if (this._statusMap[key]) {
             // Deregister pending request for the old frameNumber
-            this.pendingTilesRegister.deregister(this._statusMap[key].frameState.frameNumber);
+            const { frameNumber, viewport: { id } } = this._statusMap[key].frameState;
+            this.pendingTilesRegister.deregister(id, frameNumber);
             // Register pending request for the new frameNumber
-            this.pendingTilesRegister.register(frameState.frameNumber);
+            const { frameNumber: newFrameNumber, viewport: { id: newViewportId } } = frameState;
+            this.pendingTilesRegister.register(newViewportId, newFrameNumber);
             this._statusMap[key].frameState = frameState;
         }
     }
+    /**
+     * Find request in the map
+     * @param key - unique key
+     * @returns
+     */
     find(key) {
         return this._statusMap[key];
     }
     /**
      * Check it there are pending tile headers for the particular frameNumber
+     * @param viewportId
      * @param frameNumber
      * @returns
      */
-    hasPendingTiles(frameNumber) {
-        return !this.pendingTilesRegister.isZero(frameNumber);
+    hasPendingTiles(viewportId, frameNumber) {
+        return !this.pendingTilesRegister.isZero(viewportId, frameNumber);
     }
 }
 exports.default = I3STileManager;

package/dist/tileset/traversers/i3s-tileset-traverser.d.ts

@@ -7,7 +7,7 @@ export default class I3STilesetTraverser extends TilesetTraverser {
      * that means the traversal is finished and we can call
      * following-up callbacks.
      */
-    protected get traversalFinished(): boolean;
+    protected traversalFinished(frameState: FrameState): boolean;
     constructor(options: any);
     shouldRefine(tile: any, frameState: FrameState): boolean;
     updateChildTiles(tile: any, frameState: FrameState): boolean;

package/dist/tileset/traversers/i3s-tileset-traverser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i3s-tileset-traverser.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/i3s-tileset-traverser.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,gBAAgB;IAC/D,OAAO,CAAC,YAAY,CAAiB;IAErC;;;;OAIG;IACH,SAAS,KAAK,iBAAiB,IAAI,OAAO,CAEzC;gBAEW,OAAO,KAAA;IAKnB,YAAY,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU;IAKzC,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU,GAAG,OAAO;IAoCjD,SAAS,CAAC,MAAM,KAAA,EAAE,OAAO,KAAA;IAgB/B;;;;;;;OAOG;IACH,WAAW,CAAC,MAAM,KAAA,EAAE,IAAI,KAAA,EAAE,UAAU,KAAA;CAerC"}
+{"version":3,"file":"i3s-tileset-traverser.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/i3s-tileset-traverser.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,gBAAgB;IAC/D,OAAO,CAAC,YAAY,CAAiB;IAErC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO;gBAIhD,OAAO,KAAA;IAKnB,YAAY,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU;IAKzC,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU,GAAG,OAAO;IAoCjD,SAAS,CAAC,MAAM,KAAA,EAAE,OAAO,KAAA;IAgB/B;;;;;;;OAOG;IACH,WAAW,CAAC,MAAM,KAAA,EAAE,IAAI,KAAA,EAAE,UAAU,KAAA;CAgBrC"}

package/dist/tileset/traversers/i3s-tileset-traverser.js

@@ -18,8 +18,8 @@ class I3STilesetTraverser extends tileset_traverser_1.default {
      * that means the traversal is finished and we can call
      * following-up callbacks.
      */
-    get traversalFinished() {
-        return !this._tileManager.hasPendingTiles(this._frameNumber || 0);
+    traversalFinished(frameState) {
+        return !this._tileManager.hasPendingTiles(frameState.viewport.id, this._frameNumber || 0);
     }
     shouldRefine(tile, frameState) {
         tile._lodJudge = (0, i3s_lod_1.getLodStatus)(tile, frameState);
@@ -86,7 +86,8 @@ class I3STilesetTraverser extends tileset_traverser_1.default {
         this.updateTile(childTile, frameState);
         // after tile fetched, resume traversal if still in current update/traversal frame
         if (this._frameNumber === frameState.frameNumber &&
-            (this.traversalFinished || new Date().getTime() - this.lastUpdate > this.updateDebounceTime)) {
+            (this.traversalFinished(frameState) ||
+                new Date().getTime() - this.lastUpdate > this.updateDebounceTime)) {
             this.executeTraversal(childTile, frameState);
         }
     }

package/dist/tileset/traversers/tileset-traverser.d.ts

@@ -33,7 +33,7 @@ export default class TilesetTraverser {
     protected _traversalStack: ManagedArray;
     protected _emptyTraversalStack: ManagedArray;
     protected _frameNumber: number | null;
-    protected get traversalFinished(): boolean;
+    protected traversalFinished(frameState: FrameState): boolean;
     constructor(options: TilesetTraverserProps);
     traverse(root: any, frameState: any, options: any): void;
     reset(): void;

package/dist/tileset/traversers/tileset-traverser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tileset-traverser.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/tileset-traverser.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAElD,oBAAY,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,UAAU,KAAA,KAAK,GAAG,CAAC;IACrC,qBAAqB,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,CAAC,UAAU,KAAA,KAAK,GAAG,CAAC;IACpC,qBAAqB,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,OAAO,EAAE,KAAK,CAAC;IAEf,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,UAAU,EAAE,MAAM,CAAwB;IACpD,SAAS,CAAC,QAAQ,CAAC,kBAAkB,QAAQ;IAC7C,SAAS,CAAC,eAAe,EAAE,YAAY,CAAC;IACxC,SAAS,CAAC,oBAAoB,EAAE,YAAY,CAAC;IAC7C,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC,SAAS,KAAK,iBAAiB,IAAI,OAAO,CAEzC;gBAGW,OAAO,EAAE,qBAAqB;IAuB1C,QAAQ,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,OAAO,KAAA;IAclC,KAAK;IAgBL,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU;IAmE7C,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IASjC,qBAAqB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,KAAK,KAAA,EAAE,KAAK,KAAA;IAuDpD,UAAU,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAK3B,UAAU,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAS3B,QAAQ,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IASzB,SAAS,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAQ1B,WAAW,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,eAAe,UAAQ,EAAE,gBAAgB,UAAQ;IAmB/E,cAAc,CAAC,IAAI,KAAA;IAMnB,gBAAgB,CAAC,IAAI,KAAA;IAOrB,YAAY,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,eAAe,KAAA;IAS9C,oBAAoB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAiBrC,uBAAuB,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA;IAI5B,kBAAkB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAWnC,qBAAqB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;CAqCvC"}
+{"version":3,"file":"tileset-traverser.d.ts","sourceRoot":"","sources":["../../../src/tileset/traversers/tileset-traverser.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAElD,oBAAY,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,UAAU,KAAA,KAAK,GAAG,CAAC;IACrC,qBAAqB,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,CAAC,UAAU,KAAA,KAAK,GAAG,CAAC;IACpC,qBAAqB,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,OAAO,EAAE,KAAK,CAAC;IAEf,IAAI,EAAE,GAAG,CAAC;IACV,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,UAAU,EAAE,MAAM,CAAwB;IACpD,SAAS,CAAC,QAAQ,CAAC,kBAAkB,QAAQ;IAC7C,SAAS,CAAC,eAAe,EAAE,YAAY,CAAC;IACxC,SAAS,CAAC,oBAAoB,EAAE,YAAY,CAAC;IAC7C,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC,SAAS,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO;gBAKhD,OAAO,EAAE,qBAAqB;IAuB1C,QAAQ,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,OAAO,KAAA;IAclC,KAAK;IAgBL,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,EAAE,UAAU;IAmE7C,gBAAgB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IASjC,qBAAqB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,KAAK,KAAA,EAAE,KAAK,KAAA;IAuDpD,UAAU,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAK3B,UAAU,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAS3B,QAAQ,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IASzB,SAAS,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAQ1B,WAAW,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,eAAe,UAAQ,EAAE,gBAAgB,UAAQ;IAmB/E,cAAc,CAAC,IAAI,KAAA;IAMnB,gBAAgB,CAAC,IAAI,KAAA;IAOrB,YAAY,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA,EAAE,eAAe,KAAA;IAS9C,oBAAoB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAiBrC,uBAAuB,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA;IAI5B,kBAAkB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;IAWnC,qBAAqB,CAAC,IAAI,KAAA,EAAE,UAAU,KAAA;CAqCvC"}

package/dist/tileset/traversers/tileset-traverser.js

@@ -37,7 +37,7 @@ class TilesetTraverser {
         // tiles does not have render content
         this.emptyTiles = {};
     }
-    get traversalFinished() {
+    traversalFinished(frameState) {
         return true;
     }
     // tiles should be visible
@@ -116,7 +116,7 @@ class TilesetTraverser {
             tile._shouldRefine = shouldRefine && parentRefines;
         }
         const newTime = new Date().getTime();
-        if (this.traversalFinished || newTime - this.lastUpdate > this.updateDebounceTime) {
+        if (this.traversalFinished(frameState) || newTime - this.lastUpdate > this.updateDebounceTime) {
             this.lastUpdate = newTime;
             this.options.onTraversalEnd(frameState);
         }

package/dist/types.d.ts

@@ -1,5 +1,26 @@
+import { Vector3 } from '@math.gl/core';
 export declare type BoundingRectangle = {
     width: number;
     height: number;
 };
+/** Deck.gl Viewport instance type.
+ * We can't import it from Deck.gl to avoid circular reference */
+export declare type Viewport = {
+    id: string;
+    longitude: number;
+    latitude: number;
+    cameraPosition: [number, number, number];
+    cameraDirection: [number, number, number];
+    cameraUp: [number, number, number];
+    height: number;
+    width: number;
+    bearing: number;
+    zoom: number;
+    distanceScales: {
+        metersPerUnit: number;
+    };
+    center: [number, number, number];
+    unprojectPosition: (position: [number, number, number] | Vector3) => Vector3;
+    project: (coorinates: [number, number, number] | Vector3) => Vector3;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAEtC,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;iEACiE;AACjE,oBAAY,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,KAAK,OAAO,CAAC;IAC7E,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,KAAK,OAAO,CAAC;CACtE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loaders.gl/tiles",
-  "version": "3.2.3",
+  "version": "3.2.6",
   "description": "Common components for different tiles loaders.",
   "license": "MIT",
   "publishConfig": {
@@ -33,8 +33,8 @@
     "build-bundle": "esbuild src/bundle.ts --bundle --outfile=dist/dist.min.js"
   },
   "dependencies": {
-    "@loaders.gl/loader-utils": "3.2.3",
-    "@loaders.gl/math": "3.2.3",
+    "@loaders.gl/loader-utils": "3.2.6",
+    "@loaders.gl/math": "3.2.6",
     "@math.gl/core": "^3.5.1",
     "@math.gl/culling": "^3.5.1",
     "@math.gl/geospatial": "^3.5.1",
@@ -42,7 +42,7 @@
     "@probe.gl/stats": "^3.5.0"
   },
   "peerDependencies": {
-    "@loaders.gl/core": "3.2.0"
+    "@loaders.gl/core": "^3.2.0"
   },
-  "gitHead": "ddb4a1f3c0bd948135fd3c3b83481e0a7809f4d7"
+  "gitHead": "4c7303904d6d4ea57082cf3c7a66e780b008edb9"
 }

package/src/tileset/helpers/frame-state.ts

@@ -2,6 +2,7 @@ import {Tile3D} from '@loaders.gl/tiles';
 import {Vector3} from '@math.gl/core';
 import {CullingVolume, Plane} from '@math.gl/culling';
 import {Ellipsoid} from '@math.gl/geospatial';
+import {Viewport} from '../../types';
 
 export type FrameState = {
   camera: {
@@ -9,8 +10,8 @@ export type FrameState = {
     direction: number[];
     up: number[];
   };
-  viewport: {[key: string]: any};
-  topDownViewport: {[key: string]: any}; // Use it to calculate projected radius for a tile
+  viewport: Viewport;
+  topDownViewport: Viewport; // Use it to calculate projected radius for a tile
   height: number;
   cullingVolume: CullingVolume;
   frameNumber: number; // TODO: This can be the same between updates, what number is unique for between updates?
@@ -30,18 +31,14 @@ const cullingVolume = new CullingVolume([
 
 // Extracts a frame state appropriate for tile culling from a deck.gl viewport
 // TODO - this could likely be generalized and merged back into deck.gl for other culling scenarios
-export function getFrameState(viewport, frameNumber: number): FrameState {
+export function getFrameState(viewport: Viewport, frameNumber: number): FrameState {
   // Traverse and and request. Update _selectedTiles so that we know what to render.
   const {cameraDirection, cameraUp, height} = viewport;
   const {metersPerUnit} = viewport.distanceScales;
 
-  const viewportCenterCartographic = viewport.unprojectPosition(viewport.center);
   // TODO - Ellipsoid.eastNorthUpToFixedFrame() breaks on raw array, create a Vector.
   // TODO - Ellipsoid.eastNorthUpToFixedFrame() takes a cartesian, is that intuitive?
-  const viewportCenterCartesian = Ellipsoid.WGS84.cartographicToCartesian(
-    viewportCenterCartographic,
-    new Vector3()
-  );
+  const viewportCenterCartesian = worldToCartesian(viewport, viewport.center);
   const enuToFixedTransform = Ellipsoid.WGS84.eastNorthUpToFixedFrame(viewportCenterCartesian);
 
   const cameraPositionCartographic = viewport.unprojectPosition(viewport.cameraPosition);
@@ -60,7 +57,7 @@ export function getFrameState(viewport, frameNumber: number): FrameState {
     enuToFixedTransform.transformAsVector(new Vector3(cameraUp).scale(metersPerUnit))
   ).normalize();
 
-  commonSpacePlanesToWGS84(viewport, viewportCenterCartesian);
+  commonSpacePlanesToWGS84(viewport);
 
   const ViewportClass = viewport.constructor;
   const {longitude, latitude, width, bearing, zoom} = viewport;
@@ -131,25 +128,55 @@ export function limitSelectedTiles(
   return [selectedTiles, unselectedTiles];
 }
 
-function commonSpacePlanesToWGS84(viewport, viewportCenterCartesian) {
+function commonSpacePlanesToWGS84(viewport) {
   // Extract frustum planes based on current view.
   const frustumPlanes = viewport.getFrustumPlanes();
+
+  // Get the near/far plane centers
+  const nearCenterCommon = closestPointOnPlane(frustumPlanes.near, viewport.cameraPosition);
+  const nearCenterCartesian = worldToCartesian(viewport, nearCenterCommon);
+  const cameraCartesian = worldToCartesian(viewport, viewport.cameraPosition, scratchPosition);
+
   let i = 0;
+  cullingVolume.planes[i++].fromPointNormal(
+    nearCenterCartesian,
+    scratchVector.copy(nearCenterCartesian).subtract(cameraCartesian)
+  );
+
   for (const dir in frustumPlanes) {
+    if (dir === 'near') {
+      continue;
+    }
     const plane = frustumPlanes[dir];
-    const distanceToCenter = plane.normal.dot(viewport.center);
-    scratchPosition
-      .copy(plane.normal)
-      .scale(plane.distance - distanceToCenter)
-      .add(viewport.center);
-    const cartographicPos = viewport.unprojectPosition(scratchPosition);
-
-    const cartesianPos = Ellipsoid.WGS84.cartographicToCartesian(cartographicPos, new Vector3());
+    const posCommon = closestPointOnPlane(plane, nearCenterCommon, scratchPosition);
+    const cartesianPos = worldToCartesian(viewport, posCommon, scratchPosition);
 
     cullingVolume.planes[i++].fromPointNormal(
       cartesianPos,
       // Want the normal to point into the frustum since that's what culling expects
-      scratchVector.copy(viewportCenterCartesian).subtract(cartesianPos)
+      scratchVector.copy(nearCenterCartesian).subtract(cartesianPos)
     );
   }
 }
+
+function closestPointOnPlane(
+  plane: {distance: number; normal: Vector3},
+  refPoint: [number, number, number] | Vector3,
+  out: Vector3 = new Vector3()
+): Vector3 {
+  const distanceToRef = plane.normal.dot(refPoint);
+  out
+    .copy(plane.normal)
+    .scale(plane.distance - distanceToRef)
+    .add(refPoint);
+  return out;
+}
+
+function worldToCartesian(
+  viewport: Viewport,
+  point: [number, number, number] | Vector3,
+  out: Vector3 = new Vector3()
+): Vector3 {
+  const cartographicPos = viewport.unprojectPosition(point);
+  return Ellipsoid.WGS84.cartographicToCartesian(cartographicPos, out);
+}

package/src/tileset/helpers/i3s-lod.ts

@@ -80,7 +80,9 @@ export function getProjectedRadius(tile: Tile3D, frameState: FrameState): number
 
   // Project center vertex and border vertex and calculate projected radius of MBS
   const projectedOrigin = viewport.project([mbsLon, mbsLat, mbsZ]);
-  const projectedMbsBorderVertex = viewport.project(sphereMbsBorderVertexCartographic);
+  const projectedMbsBorderVertex = viewport.project(
+    sphereMbsBorderVertexCartographic as [number, number, number]
+  );
   const projectedRadius = projectedOriginVector
     .copy(projectedOrigin)
     .subtract(projectedMbsBorderVertex)

package/src/tileset/tileset-3d.ts

@@ -55,6 +55,7 @@ import Tileset3DTraverser from './traversers/tileset-3d-traverser';
 import TilesetTraverser from './traversers/tileset-traverser';
 import I3SetTraverser from './traversers/i3s-tileset-traverser';
 import {TILESET_TYPE} from '../constants';
+import {Viewport} from '../types';
 
 export type Tileset3DProps = {
   // loading
@@ -244,7 +245,7 @@ export default class Tileset3D {
   private _pendingCount: any;
 
   // HOLD TRAVERSAL RESULTS
-  private lastUpdatedVieports: any[] | null;
+  private lastUpdatedVieports: Viewport[] | Viewport | null;
   private _requestedTiles: any;
   private _emptyTiles: any;
   private frameStateData: any;
@@ -393,7 +394,7 @@ export default class Tileset3D {
    * @param viewports - list of viewports
    * @deprecated
    */
-  update(viewports: any[] | null = null) {
+  update(viewports: Viewport[] | Viewport | null = null) {
     // eslint-disable-next-line @typescript-eslint/no-floating-promises
     this.tilesetInitializationPromise.then(() => {
       if (!viewports && this.lastUpdatedVieports) {
@@ -401,7 +402,9 @@ export default class Tileset3D {
       } else {
         this.lastUpdatedVieports = viewports;
       }
-      this.doUpdate(viewports);
+      if (viewports) {
+        this.doUpdate(viewports);
+      }
     });
   }
 
@@ -411,7 +414,7 @@ export default class Tileset3D {
    * @param viewports viewports
    * @returns Promise of new frameNumber
    */
-  async selectTiles(viewports: any[] | null = null): Promise<number> {
+  async selectTiles(viewports: Viewport[] | Viewport | null = null): Promise<number> {
     await this.tilesetInitializationPromise;
     if (viewports) {
       this.lastUpdatedVieports = viewports;
@@ -419,7 +422,9 @@ export default class Tileset3D {
     if (!this.updatePromise) {
       this.updatePromise = new Promise<number>((resolve) => {
         setTimeout(() => {
-          this.doUpdate(this.lastUpdatedVieports);
+          if (this.lastUpdatedVieports) {
+            this.doUpdate(this.lastUpdatedVieports);
+          }
           resolve(this._frameNumber);
           this.updatePromise = null;
         }, this.options.debounceTime);
@@ -433,24 +438,22 @@ export default class Tileset3D {
    * @param viewports viewports
    */
   // eslint-disable-next-line max-statements, complexity
-  private doUpdate(viewports: any[] | null = null): void {
+  private doUpdate(viewports: Viewport[] | Viewport): void {
     if ('loadTiles' in this.options && !this.options.loadTiles) {
       return;
     }
     if (this.traverseCounter > 0) {
       return;
     }
-    if (!(viewports instanceof Array)) {
-      viewports = [viewports];
-    }
+    const preparedViewports = viewports instanceof Array ? viewports : [viewports];
 
     this._cache.reset();
     this._frameNumber++;
-    this.traverseCounter = viewports.length;
+    this.traverseCounter = preparedViewports.length;
     const viewportsToTraverse: string[] = [];
     // First loop to decrement traverseCounter
-    for (const viewport of viewports) {
-      const id = viewport.id as string;
+    for (const viewport of preparedViewports) {
+      const id = viewport.id;
       if (this._needTraverse(id)) {
         viewportsToTraverse.push(id);
       } else {
@@ -459,8 +462,8 @@ export default class Tileset3D {
     }
 
     // Second loop to traverse
-    for (const viewport of viewports) {
-      const id = viewport.id as string;
+    for (const viewport of preparedViewports) {
+      const id = viewport.id;
       if (!this.roots[id]) {
         this.roots[id] = this._initializeTileHeaders(this.tileset, null);
       }

package/src/tileset/traversers/i3s-pending-tiles-register.ts

@@ -0,0 +1,44 @@
+/**
+ * Counter to register pending tile headers for the particular frameNumber
+ * Until all tiles are loaded we won't call `onTraversalEnd` callback
+ */
+export default class I3SPendingTilesRegister {
+  private frameNumberMap: Map<string, Map<number, number>> = new Map();
+
+  /**
+   * Register a new pending tile header for the particular frameNumber
+   * @param viewportId
+   * @param frameNumber
+   */
+  register(viewportId: string, frameNumber: number) {
+    const viewportMap = this.frameNumberMap.get(viewportId) || new Map();
+    const oldCount = viewportMap.get(frameNumber) || 0;
+    viewportMap.set(frameNumber, oldCount + 1);
+    this.frameNumberMap.set(viewportId, viewportMap);
+  }
+
+  /**
+   * Deregister a pending tile header for the particular frameNumber
+   * @param viewportId
+   * @param frameNumber
+   */
+  deregister(viewportId: string, frameNumber: number) {
+    const viewportMap = this.frameNumberMap.get(viewportId);
+    if (!viewportMap) {
+      return;
+    }
+    const oldCount = viewportMap.get(frameNumber) || 1;
+    viewportMap.set(frameNumber, oldCount - 1);
+  }
+
+  /**
+   * Check is there are no pending tile headers registered for the particular frameNumber
+   * @param viewportId
+   * @param frameNumber
+   * @returns
+   */
+  isZero(viewportId: string, frameNumber: number) {
+    const count = this.frameNumberMap.get(viewportId)?.get(frameNumber) || 0;
+    return count === 0;
+  }
+}