OpenCut/apps/web/src/commands/timeline/element/delete-elements.ts

73 lines
1.7 KiB
TypeScript

import { Command, type CommandResult } from "@/commands/base-command";
import type { SceneTracks } from "@/timeline";
import { EditorCore } from "@/core";
import type { TimelineTrack } from "@/timeline";
function removeTrackElements<TTrack extends TimelineTrack>({
track,
elements,
}: {
track: TTrack;
elements: { trackId: string; elementId: string }[];
}): TTrack {
const nextElements = track.elements.filter(
(element) =>
!elements.some(
(target) =>
target.trackId === track.id && target.elementId === element.id,
),
);
return { ...track, elements: nextElements } as TTrack;
}
export class DeleteElementsCommand extends Command {
private savedState: SceneTracks | null = null;
private readonly elements: { trackId: string; elementId: string }[];
constructor({
elements,
}: {
elements: { trackId: string; elementId: string }[];
}) {
super();
this.elements = elements;
}
execute(): CommandResult | undefined {
const editor = EditorCore.getInstance();
this.savedState = editor.scenes.getActiveScene().tracks;
const updatedTracks: SceneTracks = {
overlay: this.savedState.overlay.map((track) =>
removeTrackElements({ track, elements: this.elements }),
),
main: removeTrackElements({
track: this.savedState.main,
elements: this.elements,
}),
audio: this.savedState.audio.map((track) =>
removeTrackElements({ track, elements: this.elements }),
),
};
editor.timeline.updateTracks(updatedTracks);
return {
selection: {
selectedElements: [],
selectedKeyframes: [],
keyframeSelectionAnchor: null,
selectedMaskPoints: null,
},
};
}
undo(): void {
if (this.savedState) {
const editor = EditorCore.getInstance();
editor.timeline.updateTracks(this.savedState);
}
}
}