Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use module-level cache

Browse Source 
Signed-off-by: Mark Tolmacs <mark@lazycat.hu>
This commit is contained in:
Mark Tolmacs 2025-05-22 13:49:16 +02:00
parent 68cb5056ac
commit 9c04e22897
No known key found for this signature in database
1 changed files with 48 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/element/src/utils.ts
View File

@ -27,17 +27,16 @@ import type {
type ElementShape = [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]];
class ElementShapeCache {
private static cache = new WeakMap<
const ElementShapesCache = new WeakMap<
ExcalidrawElement,
{ version: ExcalidrawElement["version"]; shapes: Map<number, ElementShape> }
>();
>();
public static get = <T extends ExcalidrawElement>(
const getElementShapesCacheEntry = <T extends ExcalidrawElement>(
element: T,
offset: number,
): ElementShape | undefined => {
const record = ElementShapeCache.cache.get(element);
): ElementShape | undefined => {
const record = ElementShapesCache.get(element);
if (!record) {
return undefined;
@ -46,22 +45,22 @@ class ElementShapeCache {
const { version, shapes } = record;
if (version !== element.version) {
ElementShapeCache.cache.delete(element);
ElementShapesCache.delete(element);
return undefined;
}
return shapes.get(offset);
};
};
public static set = <T extends ExcalidrawElement>(
const setElementShapesCacheEntry = <T extends ExcalidrawElement>(
element: T,
shape: ElementShape,
offset: number,
) => {
const record = ElementShapeCache.cache.get(element);
) => {
const record = ElementShapesCache.get(element);
if (!record) {
ElementShapeCache.cache.set(element, {
ElementShapesCache.set(element, {
version: element.version,
shapes: new Map([[offset, shape]]),
});
@ -72,7 +71,7 @@ class ElementShapeCache {
const { version, shapes } = record;
if (version !== element.version) {
ElementShapeCache.cache.set(element, {
ElementShapesCache.set(element, {
version: element.version,
shapes: new Map([[offset, shape]]),
});
@ -81,13 +80,12 @@ class ElementShapeCache {
}
shapes.set(offset, shape);
};
}
};
export function deconstructLinearOrFreeDrawElement(
element: ExcalidrawLinearElement | ExcalidrawFreeDrawElement,
): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]] {
const cachedShape = ElementShapeCache.get(element, 0);
const cachedShape = getElementShapesCacheEntry(element, 0);
if (cachedShape) {
return cachedShape;
@ -158,7 +156,7 @@ export function deconstructLinearOrFreeDrawElement(
}
const shape = [lines, curves] as ElementShape;
ElementShapeCache.set(element, shape, 0);
setElementShapesCacheEntry(element, shape, 0);
return shape;
}
@ -175,7 +173,7 @@ export function deconstructRectanguloidElement(
element: ExcalidrawRectanguloidElement,
offset: number = 0,
): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]] {
const cachedShape = ElementShapeCache.get(element, offset);
const cachedShape = getElementShapesCacheEntry(element, offset);
if (cachedShape) {
return cachedShape;
@ -298,7 +296,7 @@ export function deconstructRectanguloidElement(
];
const shape = [sides, corners.flat()] as ElementShape;
ElementShapeCache.set(element, shape, offset);
setElementShapesCacheEntry(element, shape, offset);
return shape;
}
@ -315,7 +313,7 @@ export function deconstructDiamondElement(
element: ExcalidrawDiamondElement,
offset: number = 0,
): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]] {
const cachedShape = ElementShapeCache.get(element, offset);
const cachedShape = getElementShapesCacheEntry(element, offset);
if (cachedShape) {
return cachedShape;
@ -424,7 +422,7 @@ export function deconstructDiamondElement(
const shape = [sides, corners.flat()] as ElementShape;
ElementShapeCache.set(element, shape, offset);
setElementShapesCacheEntry(element, shape, offset);
return shape;
}