feat: add core domain model foundations

core/artboard.ts

@@ -0,0 +1,11 @@
+import type { Rect } from "./geometry";
+import type { ArtboardId } from "./id";
+import type { Layer } from "./layer";
+
+export type Artboard = {
+  id: ArtboardId;
+  name: string;
+  bounds: Rect;
+  backgroundColor: string;
+  layers: Layer[];
+};

core/asset.ts

@@ -0,0 +1,8 @@
+import type { AssetId } from "./id";
+
+export type Asset = {
+  id: AssetId;
+  name: string;
+  mimeType: string;
+  source: string;
+};

core/base-layer.ts

@@ -0,0 +1,16 @@
+import type { Transform } from "./geometry";
+import type { LayerId } from "./id";
+
+export type LayerClippingMask = {
+  maskLayerId: LayerId;
+};
+
+export type BaseLayer = {
+  id: LayerId;
+  name: string;
+  visible: boolean;
+  locked: boolean;
+  opacity: number;
+  transform: Transform;
+  clippingMask?: LayerClippingMask;
+};

core/document.ts

@@ -0,0 +1,11 @@
+import type { Artboard } from "./artboard";
+import type { Asset } from "./asset";
+import type { DocumentId } from "./id";
+
+export type ImageDocument = {
+  id: DocumentId;
+  name: string;
+  version: number;
+  artboards: Artboard[];
+  assets: Asset[];
+};

core/geometry.ts

@@ -0,0 +1,32 @@
+export type Vec2D = {
+  x: number;
+  y: number;
+};
+
+export type Size = {
+  w: number;
+  h: number;
+};
+
+export type Rect = Vec2D & Size;
+
+export type Bounds = Rect;
+
+export type Angle = number;
+
+export type Transform = {
+  position: Vec2D;
+  scale: Vec2D;
+  rotation: Angle;
+};
+
+export type Mat2D = {
+  a: number;
+  b: number;
+  c: number;
+  d: number;
+  tx: number;
+  ty: number;
+};
+
+export type CoordinateSpace = "document" | "artboard" | "viewport" | "layer";

core/id.ts

@@ -0,0 +1,4 @@
+export type DocumentId = string;
+export type ArtboardId = string;
+export type LayerId = string;
+export type AssetId = string;

core/image-layer.ts

@@ -0,0 +1,7 @@
+import type { BaseLayer } from "./base-layer";
+import type { AssetId } from "./id";
+
+export type ImageLayer = BaseLayer & {
+  type: "image";
+  assetId: AssetId;
+};

core/index.ts

@@ -0,0 +1,18 @@
+export type { Artboard } from "./artboard";
+export type { Asset } from "./asset";
+export type { BaseLayer, LayerClippingMask } from "./base-layer";
+export type { ImageDocument } from "./document";
+export type {
+  Angle,
+  Bounds,
+  CoordinateSpace,
+  Mat2D,
+  Rect,
+  Size,
+  Transform,
+  Vec2D,
+} from "./geometry";
+export type { ArtboardId, AssetId, DocumentId, LayerId } from "./id";
+export type { ImageLayer } from "./image-layer";
+export type { Layer } from "./layer";
+export type { LayerGroup } from "./layer-group";

core/layer-group.ts

@@ -0,0 +1,7 @@
+import type { BaseLayer } from "./base-layer";
+import type { Layer } from "./layer";
+
+export type LayerGroup = BaseLayer & {
+  type: "group";
+  children: Layer[];
+};

core/layer.ts

@@ -0,0 +1,4 @@
+import type { ImageLayer } from "./image-layer";
+import type { LayerGroup } from "./layer-group";
+
+export type Layer = ImageLayer | LayerGroup;