summaryrefslogtreecommitdiff
path: root/apps/web/src/lib/commands/timeline/element/update-element-duration.ts
blob: 7ad620006b411b461a80577344755e9f8ea74447 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { Command, type CommandResult } from "@/lib/commands/base-command";
import type { TimelineTrack } from "@/lib/timeline";
import { EditorCore } from "@/core";
import { clampAnimationsToDuration } from "@/lib/animation";

export class UpdateElementDurationCommand extends Command {
	private savedState: TimelineTrack[] | null = null;
	private readonly trackId: string;
	private readonly elementId: string;
	private readonly duration: number;

	constructor({
		trackId,
		elementId,
		duration,
	}: {
		trackId: string;
		elementId: string;
		duration: number;
	}) {
		super();
		this.trackId = trackId;
		this.elementId = elementId;
		this.duration = duration;
	}

	execute(): CommandResult | undefined {
		const editor = EditorCore.getInstance();
		this.savedState = editor.timeline.getTracks();

		const updatedTracks = this.savedState.map((track) => {
			if (track.id !== this.trackId) return track;
			const newElements = track.elements.map((element) =>
				element.id === this.elementId
					? {
							...element,
							duration: this.duration,
							animations: clampAnimationsToDuration({
								animations: element.animations,
								duration: this.duration,
							}),
						}
					: element,
			);
			return { ...track, elements: newElements } as typeof track;
		});

		editor.timeline.updateTracks(updatedTracks);
		return undefined;
	}

	undo(): void {
		if (this.savedState) {
			const editor = EditorCore.getInstance();
			editor.timeline.updateTracks(this.savedState);
		}
	}
}