Dyomedea
/
dyomedea
1
1
Fork 0
Code Issues 4 Pull Requests Projects 3 Releases 1 Wiki Activity

Implementing a cache cleanup method.

This commit is contained in:
Eric van der Vlist 2022-10-31 22:14:28 +01:00
parent 9f9576d2f6
commit a6f10b9ee0
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/map/TileSet.tsx
View File

@ -4,6 +4,7 @@ import { isEqual, range } from 'lodash';
import { Rectangle, TileKeyObject } from './types'; import { Rectangle, TileKeyObject } from './types';
import tileUri from './uris'; import tileUri from './uris';
import Tile from './Tile'; import Tile from './Tile';
import { tileSetConfig } from './config';
/** /**
* @hidden * @hidden
@ -47,7 +48,6 @@ export interface TileSetProperties {
* *
* Idea stolen [on the web](https://dev.to/tiagof/react-re-mounting-vs-re-rendering-lnh) * Idea stolen [on the web](https://dev.to/tiagof/react-re-mounting-vs-re-rendering-lnh)
* *
* TODO: cache housekeeping
* *
* *
*/ */
@ -88,10 +88,21 @@ export const TileSet: react.FC<TileSetProperties> = memo(
}} }}
/> />
); );
} else {
const tile = tiles.get(key);
tiles.delete(key);
tiles.set(key, tile);
} }
}); });
} }
); );
if (tiles.size > tileSetConfig.cacheSize) {
const oldestTileKeys = [...tiles.keys()];
oldestTileKeys.splice(-tileSetConfig.cacheSize);
oldestTileKeys.forEach((tileKey) => {
tiles.delete(tileKey);
});
}
globalThis.cacheForTileSet.set(key, tiles); globalThis.cacheForTileSet.set(key, tiles);
} }

4
src/components/map/config.ts
View File

@ -9,3 +9,7 @@ export const handlersConfig = {
/** Controls the activity of the double touch move event */ /** Controls the activity of the double touch move event */
doubleTouchMoveThrottleDelay: 100, doubleTouchMoveThrottleDelay: 100,
}; };
export const tileSetConfig = {
cacheSize: 1000,
}