summaryrefslogtreecommitdiff
path: root/apps/web/src/lib/commands/timeline/element/toggle-elements-visibility.ts
blob: 24d51c15204edf08e241480ff4642ce408b5e823 (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
import { Command } from "@/lib/commands/base-command";
import type { TimelineTrack } from "@/lib/timeline";
import { canElementBeHidden } from "@/lib/timeline/element-utils";
import { EditorCore } from "@/core";

export class ToggleElementsVisibilityCommand extends Command {
	private savedState: TimelineTrack[] | null = null;

	constructor(private elements: { trackId: string; elementId: string }[]) {
		super();
	}

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

		const shouldHide = this.elements.some(({ trackId, elementId }) => {
			const track = this.savedState?.find((t) => t.id === trackId);
			const element = track?.elements.find((e) => e.id === elementId);
			return element && canElementBeHidden(element) && !element.hidden;
		});

		const updatedTracks = this.savedState.map((track) => {
			const newElements = track.elements.map((element) => {
				const shouldUpdate = this.elements.some(
					({ trackId, elementId }) =>
						track.id === trackId && element.id === elementId,
				);
				return shouldUpdate &&
					canElementBeHidden(element) &&
					element.hidden !== shouldHide
					? { ...element, hidden: shouldHide }
					: element;
			});
			return { ...track, elements: newElements } as typeof track;
		});

		editor.timeline.updateTracks(updatedTracks);
	}

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