#406 - Fix the circular dependency issue between Polygon and Rectangle

packages/geometry/index.ts

@@ -1,4 +1,3 @@
 export * from './src/Point';
 export * from './src/Polygon';
-export * from './src/Rectangle';
 export * from './src/BezierCurve';

packages/geometry/src/Polygon.ts

@@ -133,4 +133,87 @@ export class Polygon {
 	}
 }
 
-import { Rectangle } from './Rectangle';
+// Avoid circular dependency hell
+
+export class Rectangle extends Polygon {
+	constructor(tl: Point, tr: Point, br: Point, bl: Point);
+	constructor(position: Point, width: number, height: number);
+	constructor(x?: number, y?: number, width?: number, height?: number);
+
+	constructor(a: any = 0, b: any = 0, c: any = 0, d: any = 0) {
+		if (a instanceof Point && b instanceof Point && c instanceof Point && d instanceof Point) {
+			super([a, b, c, d]);
+		} else if (a instanceof Point) {
+			super([a, new Point(a.x + b, a.y), new Point(a.x + b, a.y + c), new Point(a.x, a.y + c)]);
+		} else {
+			super(Rectangle.pointsFromBounds(a, b, c, d));
+		}
+	}
+
+	static pointsFromBounds(x: number, y: number, width: number, height: number): Point[] {
+		return [new Point(x, y), new Point(x + width, y), new Point(x + width, y + height), new Point(x, y + height)];
+	}
+
+	updateDimensions(x: number, y: number, width: number, height: number) {
+		this.points = Rectangle.pointsFromBounds(x, y, width, height);
+	}
+
+	setPoints(points: Point[]) {
+		if (points.length !== 4) {
+			throw 'Rectangles must always have 4 points';
+		}
+		super.setPoints(points);
+	}
+
+	containsPoint(point: Point) {
+		const tl = this.getTopLeft();
+		const br = this.getBottomRight();
+
+		return point.x >= tl.x && point.x <= br.x && point.y >= tl.y && point.y <= br.y;
+	}
+
+	getWidth(): number {
+		return Math.sqrt(
+			Math.pow(this.getTopLeft().x - this.getTopRight().x, 2) + Math.pow(this.getTopLeft().y - this.getTopRight().y, 2)
+		);
+	}
+
+	getHeight(): number {
+		return Math.sqrt(
+			Math.pow(this.getBottomLeft().x - this.getTopLeft().x, 2) +
+			Math.pow(this.getBottomLeft().y - this.getTopLeft().y, 2)
+		);
+	}
+
+	getTopMiddle(): Point {
+		return Point.middlePoint(this.getTopLeft(), this.getTopRight());
+	}
+
+	getBottomMiddle(): Point {
+		return Point.middlePoint(this.getBottomLeft(), this.getBottomRight());
+	}
+
+	getLeftMiddle(): Point {
+		return Point.middlePoint(this.getBottomLeft(), this.getTopLeft());
+	}
+
+	getRightMiddle(): Point {
+		return Point.middlePoint(this.getBottomRight(), this.getTopRight());
+	}
+
+	getTopLeft(): Point {
+		return this.points[0];
+	}
+
+	getTopRight(): Point {
+		return this.points[1];
+	}
+
+	getBottomRight(): Point {
+		return this.points[2];
+	}
+
+	getBottomLeft(): Point {
+		return this.points[3];
+	}
+}