feat(commands): add artboard bounds command

commands/document.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from "bun:test";
 import { createInitialAppState } from "@editor/initial-state";
-import { documentAddArtboardCommand } from "./document";
+import { documentAddArtboardCommand, documentSetArtboardBoundsCommand } from "./document";
 
 describe("document commands", () => {
   test("adds transparent artboard", () => {
@@ -19,4 +19,15 @@ describe("document commands", () => {
       },
     ]);
   });
+
+  test("sets artboard bounds", () => {
+    const state = documentAddArtboardCommand.execute(
+      { state: createInitialAppState("Test") },
+      { id: "a1", name: "Artboard 1", bounds: { x: 0, y: 0, w: 320, h: 240 } },
+    );
+
+    const next = documentSetArtboardBoundsCommand.execute({ state }, { id: "a1", bounds: { x: 10, y: 20, w: 640, h: 480 } });
+
+    expect(next.document.artboards[0]?.bounds).toEqual({ x: 10, y: 20, w: 640, h: 480 });
+  });
 });

commands/document.ts

@@ -9,6 +9,11 @@ export type DocumentAddArtboardPayload = {
   bounds: Rect;
 };
 
+export type DocumentSetArtboardBoundsPayload = {
+  id: ArtboardId;
+  bounds: Rect;
+};
+
 export const documentAddArtboardCommand: Command<DocumentAddArtboardPayload> = {
   id: commandIds.documentAddArtboard,
   name: "Add artboard",
@@ -32,4 +37,20 @@ export const documentAddArtboardCommand: Command<DocumentAddArtboardPayload> = {
   },
 };
 
-export const documentCommands = [documentAddArtboardCommand] satisfies Command<unknown>[];
+export const documentSetArtboardBoundsCommand: Command<DocumentSetArtboardBoundsPayload> = {
+  id: commandIds.documentSetArtboardBounds,
+  name: "Set artboard bounds",
+  execute({ state }, payload) {
+    return {
+      ...state,
+      document: {
+        ...state.document,
+        artboards: state.document.artboards.map((artboard) =>
+          artboard.id === payload.id ? { ...artboard, bounds: { ...payload.bounds } } : artboard,
+        ),
+      },
+    };
+  },
+};
+
+export const documentCommands = [documentAddArtboardCommand, documentSetArtboardBoundsCommand] satisfies Command<unknown>[];

commands/ids.ts

@@ -1,5 +1,6 @@
 export const commandIds = {
   documentAddArtboard: "document.addArtboard",
+  documentSetArtboardBounds: "document.setArtboardBounds",
   selectionSet: "selection.set",
   selectionClear: "selection.clear",
   selectionAddLayer: "selection.addLayer",

commands/payloads.ts

@@ -1,5 +1,5 @@
 import { commandIds } from "./ids";
-import type { DocumentAddArtboardPayload } from "./document";
+import type { DocumentAddArtboardPayload, DocumentSetArtboardBoundsPayload } from "./document";
 import type { SelectionAddLayerPayload, SelectionSetPayload } from "./selection";
 import type { ToolSetActivePayload } from "./tool";
 import type {
@@ -12,6 +12,7 @@ import type {
 
 export type CommandPayloads = {
   [commandIds.documentAddArtboard]: DocumentAddArtboardPayload;
+  [commandIds.documentSetArtboardBounds]: DocumentSetArtboardBoundsPayload;
   [commandIds.selectionSet]: SelectionSetPayload;
   [commandIds.selectionClear]: void;
   [commandIds.selectionAddLayer]: SelectionAddLayerPayload;