export interface Data { camera: { point: number[] zoom: number } brush?: Bounds currentPageId: string selectedIds: string[] pointedId?: string document: { pages: Record } } export interface Page { id: string type: "page" childIndex: number name: string shapes: Record } export enum ShapeType { Dot = "dot", Circle = "circle", Ellipse = "ellipse", Line = "line", Ray = "ray", LineSegment = "lineSegment", Rectangle = "rectangle", // Glob = "glob", // Spline = "spline", // Cubic = "cubic", // Conic = "conic", } export interface BaseShape { id: string type: ShapeType parentId: string childIndex: number name: string rotation: 0 } export interface DotShape extends BaseShape { type: ShapeType.Dot point: number[] } export interface CircleShape extends BaseShape { type: ShapeType.Circle point: number[] radius: number } export interface EllipseShape extends BaseShape { type: ShapeType.Ellipse point: number[] radiusX: number radiusY: number } export interface LineShape extends BaseShape { type: ShapeType.Line point: number[] vector: number[] } export interface RayShape extends BaseShape { type: ShapeType.Ray point: number[] vector: number[] } export interface LineSegmentShape extends BaseShape { type: ShapeType.LineSegment start: number[] end: number[] } export interface RectangleShape extends BaseShape { type: ShapeType.Rectangle point: number[] size: number[] } export type Shape = | DotShape | CircleShape | EllipseShape | LineShape | RayShape | LineSegmentShape | RectangleShape export interface Bounds { minX: number minY: number maxX: number maxY: number width: number height: number } export interface Shapes extends Record { [ShapeType.Dot]: DotShape [ShapeType.Circle]: CircleShape [ShapeType.Ellipse]: EllipseShape [ShapeType.Line]: LineShape [ShapeType.Ray]: RayShape [ShapeType.LineSegment]: LineSegmentShape [ShapeType.Rectangle]: RectangleShape }