52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { ExcalidrawElement } from "./types";
|
|
import { randomSeed } from "roughjs/bin/math";
|
|
import { invalidateShapeForElement } from "../renderer/renderElement";
|
|
import { globalSceneState } from "../scene";
|
|
|
|
type ElementUpdate<TElement extends ExcalidrawElement> = Omit<
|
|
Partial<TElement>,
|
|
"id" | "seed"
|
|
>;
|
|
|
|
// This function tracks updates of text elements for the purposes for collaboration.
|
|
// The version is used to compare updates when more than one user is working in
|
|
// the same drawing.
|
|
export function mutateElement<TElement extends ExcalidrawElement>(
|
|
element: TElement,
|
|
updates: ElementUpdate<TElement>,
|
|
) {
|
|
const mutableElement = element as any;
|
|
|
|
for (const key in updates) {
|
|
const value = (updates as any)[key];
|
|
if (typeof value !== "undefined") {
|
|
mutableElement[key] = value;
|
|
}
|
|
}
|
|
|
|
if (
|
|
typeof updates.height !== "undefined" ||
|
|
typeof updates.width !== "undefined" ||
|
|
typeof updates.points !== "undefined"
|
|
) {
|
|
invalidateShapeForElement(element);
|
|
}
|
|
|
|
mutableElement.version++;
|
|
mutableElement.versionNonce = randomSeed();
|
|
|
|
globalSceneState.informMutation();
|
|
}
|
|
|
|
export function newElementWith<TElement extends ExcalidrawElement>(
|
|
element: TElement,
|
|
updates: ElementUpdate<TElement>,
|
|
): TElement {
|
|
return {
|
|
...element,
|
|
...updates,
|
|
version: element.version + 1,
|
|
versionNonce: randomSeed(),
|
|
};
|
|
}
|