refactor: structured track layout per scene

1 files changed, 30 insertions, 35 deletions

diff --git a/apps/web/src/lib/commands/timeline/track/remove-track.ts b/apps/web/src/lib/commands/timeline/track/remove-track.ts
index c2ea7ef0..5fcaa898 100644
--- a/apps/web/src/lib/commands/timeline/track/remove-track.ts
+++ b/apps/web/src/lib/commands/timeline/track/remove-track.ts
@@ -1,35 +1,30 @@
-import { Command, type CommandResult } from "@/lib/commands/base-command";

-import { EditorCore } from "@/core";

-import type { TimelineTrack } from "@/lib/timeline";

-import { getMainTrack } from "@/lib/timeline/placement";

-

-export class RemoveTrackCommand extends Command {

-	private savedState: TimelineTrack[] | null = null;

-

-	constructor(private trackId: string) {

-		super();

-	}

-

-	execute(): CommandResult | undefined {

-		const editor = EditorCore.getInstance();

-		this.savedState = editor.timeline.getTracks();

-		const targetTrack = this.savedState.find(

-			(track) => track.id === this.trackId,

-		);

-		const mainTrack = getMainTrack({ tracks: this.savedState });

-		if (mainTrack?.id === targetTrack?.id) {

-			return;

-		}

-		const updatedTracks = this.savedState.filter(

-			(track) => track.id !== this.trackId,

-		);

-		editor.timeline.updateTracks(updatedTracks);

-	}

-

-	undo(): void {

-		if (this.savedState) {

-			const editor = EditorCore.getInstance();

-			editor.timeline.updateTracks(this.savedState);

-		}

-	}

-}

+import { Command, type CommandResult } from "@/lib/commands/base-command";
+import { EditorCore } from "@/core";
+import type { SceneTracks } from "@/lib/timeline";
+
+export class RemoveTrackCommand extends Command {
+	private savedState: SceneTracks | null = null;
+
+	constructor(private trackId: string) {
+		super();
+	}
+
+	execute(): CommandResult | undefined {
+		const editor = EditorCore.getInstance();
+		this.savedState = editor.scenes.getActiveScene().tracks;
+		const updatedTracks: SceneTracks = {
+			...this.savedState,
+			overlay: this.savedState.overlay.filter((track) => track.id !== this.trackId),
+			audio: this.savedState.audio.filter((track) => track.id !== this.trackId),
+		};
+		editor.timeline.updateTracks(updatedTracks);
+		return undefined;
+	}
+
+	undo(): void {
+		if (this.savedState) {
+			const editor = EditorCore.getInstance();
+			editor.timeline.updateTracks(this.savedState);
+		}
+	}
+}