refactor(cache): use LRUCache instead of own cache

BREAKING CHANGE:
- remove Source#onParsedFile callback

package.json

@@ -66,6 +66,7 @@
     "copc": "^0.0.6",
     "earcut": "^3.0.0",
     "js-priority-queue": "^0.1.5",
+    "lru-cache": "^11.0.1",
     "pbf": "^4.0.1",
     "shpjs": "^6.1.0",
     "threads": "^1.7.0"

src/Core/MainLoop.js

@@ -53,7 +53,6 @@ function updateElements(context, geometryLayer, elements) {
                 for (const attachedLayer of geometryLayer.attachedLayers) {
                     if (attachedLayer.ready) {
                         attachedLayer.update(context, attachedLayer, sub.element, sub.parent);
-                        attachedLayer.cache.flush();
                     }
                 }
             } else if (sub.elements) {
@@ -67,7 +66,6 @@ function updateElements(context, geometryLayer, elements) {
                     for (const attachedLayer of geometryLayer.attachedLayers) {
                         if (attachedLayer.ready) {
                             attachedLayer.update(context, attachedLayer, sub.elements[i], sub.parent);
-                            attachedLayer.cache.flush();
                         }
                     }
                 }
@@ -161,7 +159,6 @@ class MainLoop extends EventDispatcher {
                 }
 
                 // Clear the cache of expired resources
-                geometryLayer.cache.flush();
 
                 view.execFrameRequesters(MAIN_LOOP_EVENTS.AFTER_LAYER_UPDATE, dt, this.#updateLoopRestarted, geometryLayer);
             }

src/Core/Prefab/TileBuilder.ts

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import { TileGeometry } from 'Core/TileGeometry';
-import Cache from 'Core/Scheduler/Cache';
+import { LRUCache } from 'lru-cache';
 import { computeBuffers } from 'Core/Prefab/computeBufferTileGeometry';
 import OBB from 'Renderer/OBB';
 import type Extent from 'Core/Geographic/Extent';
@@ -10,7 +10,7 @@ const cacheBuffer = new Map<string, {
     index: THREE.BufferAttribute,
     uv: THREE.BufferAttribute,
 }>();
-const cacheTile = new Cache();
+const cacheTile = new LRUCache<string, Promise<TileGeometry>>({ max: 500 });
 
 export type GpuBufferAttributes = {
     index: THREE.BufferAttribute | null;
@@ -84,13 +84,14 @@ export function newTileGeometry(
     const bufferKey =
         `${builder.crs}_${params.disableSkirt ? 0 : 1}_${params.segments}`;
 
-    let promiseGeometry = cacheTile.get(south, params.level, bufferKey);
+    const key = `s${south}l${params.level}bK${bufferKey}`;
+    let promiseGeometry = cacheTile.get(key);
 
     // build geometry if doesn't exist
     if (!promiseGeometry) {
         let resolve;
         promiseGeometry = new Promise((r) => { resolve = r; });
-        cacheTile.set(promiseGeometry, south, params.level, bufferKey);
+        cacheTile.set(key, promiseGeometry);
 
         params.extent = shareableExtent;
         params.center = builder.center(params.extent).clone();
@@ -145,7 +146,7 @@ export function newTileGeometry(
         const geometry = new TileGeometry(builder, params, gpuBuffers);
         geometry.OBB =
             new OBB(geometry.boundingBox!.min, geometry.boundingBox!.max);
-        geometry.initRefCount(cacheTile, [south, params.level, bufferKey]);
+        geometry.initRefCount(cacheTile, key);
         resolve!(geometry);
 
         return Promise.resolve({ geometry, quaternion, position });