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", Polyline = "Polyline", Rectangle = "rectangle", // Glob = "glob", // Spline = "spline", // Cubic = "cubic", // Conic = "conic", } export interface BaseShape { id: string type: ShapeType parentId: string childIndex: number name: string point: number[] rotation: 0 } export interface DotShape extends BaseShape { type: ShapeType.Dot } export interface CircleShape extends BaseShape { type: ShapeType.Circle radius: number } export interface EllipseShape extends BaseShape { type: ShapeType.Ellipse radiusX: number radiusY: number } export interface LineShape extends BaseShape { type: ShapeType.Line vector: number[] } export interface RayShape extends BaseShape { type: ShapeType.Ray vector: number[] } export interface PolylineShape extends BaseShape { type: ShapeType.Polyline points: number[][] } export interface RectangleShape extends BaseShape { type: ShapeType.Rectangle size: number[] } export type Shape = | DotShape | CircleShape | EllipseShape | LineShape | RayShape | PolylineShape | 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.Polyline]: PolylineShape [ShapeType.Rectangle]: RectangleShape }