@tldraw/editor
Version:
tldraw infinite canvas SDK (editor).
184 lines (183 loc) • 6.35 kB
JavaScript
import { EMPTY_ARRAY } from "@tldraw/state";
import { assert, invLerp, lerp } from "@tldraw/utils";
import { Box } from "../Box.mjs";
import { Vec } from "../Vec.mjs";
import { Geometry2d, Geometry2dFilters } from "./Geometry2d.mjs";
class Group2d extends Geometry2d {
children = [];
ignoredChildren = [];
constructor(config) {
super({ ...config, isClosed: true, isFilled: false });
const addChildren = (children) => {
for (const child of children) {
if (child instanceof Group2d) {
addChildren(child.children);
} else if (child.ignore) {
this.ignoredChildren.push(child);
} else {
this.children.push(child);
}
}
};
addChildren(config.children);
if (this.children.length === 0) throw Error("Group2d must have at least one child");
}
getVertices(filters) {
if (this.isExcludedByFilter(filters)) return [];
return this.children.filter((c) => !c.isExcludedByFilter(filters)).flatMap((c) => c.getVertices(filters));
}
nearestPoint(point, filters) {
let dist = Infinity;
let nearest;
const { children } = this;
if (children.length === 0) {
throw Error("no children");
}
let p;
let d;
for (const child of children) {
if (child.isExcludedByFilter(filters)) continue;
p = child.nearestPoint(point, filters);
d = Vec.Dist2(p, point);
if (d < dist) {
dist = d;
nearest = p;
}
}
if (!nearest) throw Error("nearest point not found");
return nearest;
}
distanceToPoint(point, hitInside = false, filters) {
let smallestDistance = Infinity;
for (const child of this.children) {
if (child.isExcludedByFilter(filters)) continue;
const distance = child.distanceToPoint(point, hitInside, filters);
if (distance < smallestDistance) {
smallestDistance = distance;
}
}
return smallestDistance;
}
hitTestPoint(point, margin, hitInside, filters = Geometry2dFilters.EXCLUDE_LABELS) {
return !!this.children.filter((c) => !c.isExcludedByFilter(filters)).find((c) => c.hitTestPoint(point, margin, hitInside));
}
hitTestLineSegment(A, B, zoom, filters = Geometry2dFilters.EXCLUDE_LABELS) {
return !!this.children.filter((c) => !c.isExcludedByFilter(filters)).find((c) => c.hitTestLineSegment(A, B, zoom));
}
intersectLineSegment(A, B, filters) {
return this.children.flatMap((child) => {
if (child.isExcludedByFilter(filters)) return EMPTY_ARRAY;
return child.intersectLineSegment(A, B, filters);
});
}
intersectCircle(center, radius, filters) {
return this.children.flatMap((child) => {
if (child.isExcludedByFilter(filters)) return EMPTY_ARRAY;
return child.intersectCircle(center, radius, filters);
});
}
intersectPolygon(polygon, filters) {
return this.children.flatMap((child) => {
if (child.isExcludedByFilter(filters)) return EMPTY_ARRAY;
return child.intersectPolygon(polygon, filters);
});
}
intersectPolyline(polyline, filters) {
return this.children.flatMap((child) => {
if (child.isExcludedByFilter(filters)) return EMPTY_ARRAY;
return child.intersectPolyline(polyline, filters);
});
}
interpolateAlongEdge(t, filters) {
const totalLength = this.getLength(filters);
const distanceToTravel = t * totalLength;
let distanceTraveled = 0;
for (const child of this.children) {
if (child.isExcludedByFilter(filters)) continue;
const childLength = child.length;
const newDistanceTraveled = distanceTraveled + childLength;
if (newDistanceTraveled >= distanceToTravel) {
return child.interpolateAlongEdge(
invLerp(distanceTraveled, newDistanceTraveled, distanceToTravel),
filters
);
}
distanceTraveled = newDistanceTraveled;
}
return this.children[this.children.length - 1].interpolateAlongEdge(1, filters);
}
uninterpolateAlongEdge(point, filters) {
const totalLength = this.getLength(filters);
let closestChild = null;
let closestDistance = Infinity;
let distanceTraveled = 0;
for (const child of this.children) {
if (child.isExcludedByFilter(filters)) continue;
const childLength = child.getLength(filters);
const newDistanceTraveled = distanceTraveled + childLength;
const distance = child.distanceToPoint(point, false, filters);
if (distance < closestDistance) {
closestDistance = distance;
closestChild = {
startLength: distanceTraveled,
endLength: newDistanceTraveled,
child
};
}
distanceTraveled = newDistanceTraveled;
}
assert(closestChild);
const normalizedDistanceInChild = closestChild.child.uninterpolateAlongEdge(point, filters);
const childTLength = lerp(
closestChild.startLength,
closestChild.endLength,
normalizedDistanceInChild
);
return childTLength / totalLength;
}
transform(transform) {
return new Group2d({
children: this.children.map((c) => c.transform(transform)),
isLabel: this.isLabel,
debugColor: this.debugColor,
ignore: this.ignore
});
}
getArea() {
return this.children[0].area;
}
toSimpleSvgPath() {
let path = "";
for (const child of this.children) {
path += child.toSimpleSvgPath();
}
const corners = Box.FromPoints(this.vertices).corners;
for (let i = 0, n = corners.length; i < n; i++) {
const corner = corners[i];
const prevCorner = corners[(i - 1 + n) % n];
const prevDist = corner.dist(prevCorner);
const nextCorner = corners[(i + 1) % n];
const nextDist = corner.dist(nextCorner);
const A = corner.clone().lrp(prevCorner, 4 / prevDist);
const B = corner;
const C = corner.clone().lrp(nextCorner, 4 / nextDist);
path += `M${A.x},${A.y} L${B.x},${B.y} L${C.x},${C.y} `;
}
return path;
}
getLength(filters) {
let length = 0;
for (const child of this.children) {
if (child.isExcludedByFilter(filters)) continue;
length += child.length;
}
return length;
}
getSvgPathData() {
return this.children.map((c, i) => c.isLabel ? "" : c.getSvgPathData(i === 0)).join(" ");
}
}
export {
Group2d
};
//# sourceMappingURL=Group2d.mjs.map