feat(commands): add image asset layer commands

commands/document.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from "bun:test";
 import { createInitialAppState } from "@editor/initial-state";
-import { documentAddArtboardCommand, documentSetArtboardBoundsCommand } from "./document";
+import { documentAddArtboardCommand, documentAddAssetCommand, documentAddImageLayerCommand, documentSetArtboardBoundsCommand } from "./document";
 
 describe("document commands", () => {
   test("adds transparent artboard", () => {
@@ -20,6 +20,43 @@ describe("document commands", () => {
     ]);
   });
 
+  test("adds assets", () => {
+    const next = documentAddAssetCommand.execute(
+      { state: createInitialAppState("Test") },
+      { asset: { id: "asset-1", name: "Image", mimeType: "image/png", source: "blob:test", intrinsicSize: { w: 100, h: 50 } } },
+    );
+
+    expect(next.document.assets).toEqual([
+      { id: "asset-1", name: "Image", mimeType: "image/png", source: "blob:test", intrinsicSize: { w: 100, h: 50 } },
+    ]);
+  });
+
+  test("adds image layers to artboards", () => {
+    const state = documentAddArtboardCommand.execute(
+      { state: createInitialAppState("Test") },
+      { id: "a1", name: "Artboard 1", bounds: { x: 0, y: 0, w: 320, h: 240 } },
+    );
+
+    const next = documentAddImageLayerCommand.execute(
+      { state },
+      {
+        artboardId: "a1",
+        layer: {
+          id: "l1",
+          type: "image",
+          name: "Image",
+          visible: true,
+          locked: false,
+          opacity: 1,
+          assetId: "asset-1",
+          transform: { position: { x: 10, y: 20 }, scale: { x: 1, y: 1 }, rotation: 0 },
+        },
+      },
+    );
+
+    expect(next.document.artboards[0]?.layers.map((layer) => layer.id)).toEqual(["l1"]);
+  });
+
   test("sets artboard bounds", () => {
     const state = documentAddArtboardCommand.execute(
       { state: createInitialAppState("Test") },