summaryrefslogtreecommitdiff
path: root/apps/web/src/lib/commands/timeline/element/delete-elements.ts
blob: 9b27a3c2db0b3dc017a8a00608c479728af19881 (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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { Command } from "@/lib/commands/base-command";
import type { TimelineTrack } from "@/lib/timeline";
import { EditorCore } from "@/core";
import { isMainTrack, rippleShiftElements } from "@/lib/timeline";

export class DeleteElementsCommand extends Command {
	private savedState: TimelineTrack[] | null = null;
	private readonly elements: { trackId: string; elementId: string }[];
	private readonly rippleEnabled: boolean;

	constructor({
		elements,
		rippleEnabled = false,
	}: {
		elements: { trackId: string; elementId: string }[];
		rippleEnabled?: boolean;
	}) {
		super();
		this.elements = elements;
		this.rippleEnabled = rippleEnabled;
	}

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

		const updatedTracks = this.savedState
			.map((track) => {
				const elementsToDeleteOnTrack = this.elements.filter(
					(target) => target.trackId === track.id,
				);
				const hasElementsToDelete = elementsToDeleteOnTrack.length > 0;

				if (!hasElementsToDelete) {
					return track;
				}

				const deletedElementInfos = elementsToDeleteOnTrack
					.map((target) =>
						track.elements.find((element) => element.id === target.elementId),
					)
					.filter((element): element is NonNullable<typeof element> => element !== undefined)
					.map((element) => ({ startTime: element.startTime, duration: element.duration }));

				let elements = track.elements.filter(
					(element) =>
						!this.elements.some(
							(target) =>
								target.trackId === track.id && target.elementId === element.id,
						),
				);

				if (this.rippleEnabled && deletedElementInfos.length > 0) {
					const sortedByStartDesc = [...deletedElementInfos].sort(
						(a, b) => b.startTime - a.startTime,
					);
					for (const { startTime, duration } of sortedByStartDesc) {
						elements = rippleShiftElements({
							elements,
							afterTime: startTime,
							shiftAmount: duration,
						});
					}
				}

				return { ...track, elements } as typeof track;
			})
			.filter((track) => track.elements.length > 0 || isMainTrack(track));

		editor.timeline.updateTracks(updatedTracks);
	}

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