codebase overhaul (#697)

5 files changed, 171 insertions, 0 deletions

diff --git a/apps/web/src/lib/commands/timeline/track/add-track.ts b/apps/web/src/lib/commands/timeline/track/add-track.ts
new file mode 100644
index 00000000..95338888
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/track/add-track.ts
@@ -0,0 +1,53 @@
+import { Command } from "@/lib/commands/base-command";
+import type { TrackType, TimelineTrack } from "@/types/timeline";
+import { generateUUID } from "@/utils/id";
+import { EditorCore } from "@/core";
+import {
+	buildEmptyTrack,
+	getDefaultInsertIndexForTrack,
+} from "@/lib/timeline/track-utils";
+
+export class AddTrackCommand extends Command {
+	private trackId: string;
+	private savedState: TimelineTrack[] | null = null;
+
+	constructor(
+		private type: TrackType,
+		private index?: number,
+	) {
+		super();
+		this.trackId = generateUUID();
+	}
+
+	execute(): void {
+		const editor = EditorCore.getInstance();
+		this.savedState = editor.timeline.getTracks();
+
+		const newTrack: TimelineTrack = buildEmptyTrack({
+			id: this.trackId,
+			type: this.type,
+		});
+
+		const updatedTracks = [...(this.savedState || [])];
+		const insertIndex =
+			this.index ??
+			getDefaultInsertIndexForTrack({
+				tracks: updatedTracks,
+				trackType: this.type,
+			});
+		updatedTracks.splice(insertIndex, 0, newTrack);
+
+		editor.timeline.updateTracks(updatedTracks);
+	}
+
+	undo(): void {
+		if (this.savedState) {
+			const editor = EditorCore.getInstance();
+			editor.timeline.updateTracks(this.savedState);
+		}
+	}
+
+	getTrackId(): string {
+		return this.trackId;
+	}
+}
diff --git a/apps/web/src/lib/commands/timeline/track/index.ts b/apps/web/src/lib/commands/timeline/track/index.ts
new file mode 100644
index 00000000..9d4bd9c3
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/track/index.ts
@@ -0,0 +1,4 @@
+export { AddTrackCommand } from "./add-track";
+export { RemoveTrackCommand } from "./remove-track";
+export { ToggleTrackMuteCommand } from "./toggle-track-mute";
+export { ToggleTrackVisibilityCommand } from "./toggle-track-visibility";
diff --git a/apps/web/src/lib/commands/timeline/track/remove-track.ts b/apps/web/src/lib/commands/timeline/track/remove-track.ts
new file mode 100644
index 00000000..a32aacd7
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/track/remove-track.ts
@@ -0,0 +1,35 @@
+import { Command } from "@/lib/commands/base-command";
+import { EditorCore } from "@/core";
+import type { TimelineTrack } from "@/types/timeline";
+import { getMainTrack } from "@/lib/timeline";
+
+export class RemoveTrackCommand extends Command {
+	private savedState: TimelineTrack[] | null = null;
+
+	constructor(private trackId: string) {
+		super();
+	}
+
+	execute(): void {
+		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);
+		}
+	}
+}
diff --git a/apps/web/src/lib/commands/timeline/track/toggle-track-mute.ts b/apps/web/src/lib/commands/timeline/track/toggle-track-mute.ts
new file mode 100644
index 00000000..3fe526c7
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/track/toggle-track-mute.ts
@@ -0,0 +1,39 @@
+import { Command } from "@/lib/commands/base-command";
+import type { TimelineTrack } from "@/types/timeline";
+import { EditorCore } from "@/core";
+import { canTracktHaveAudio } from "@/lib/timeline";
+
+export class ToggleTrackMuteCommand extends Command {
+	private savedState: TimelineTrack[] | null = null;
+
+	constructor(private trackId: string) {
+		super();
+	}
+
+	execute(): void {
+		const editor = EditorCore.getInstance();
+		this.savedState = editor.timeline.getTracks();
+
+		const targetTrack = this.savedState.find(
+			(track) => track.id === this.trackId,
+		);
+		if (!targetTrack) {
+			return;
+		}
+
+		const updatedTracks = this.savedState.map((track) =>
+			track.id === this.trackId && canTracktHaveAudio(track)
+				? { ...track, muted: !track.muted }
+				: track,
+		);
+
+		editor.timeline.updateTracks(updatedTracks);
+	}
+
+	undo(): void {
+		if (this.savedState) {
+			const editor = EditorCore.getInstance();
+			editor.timeline.updateTracks(this.savedState);
+		}
+	}
+}
diff --git a/apps/web/src/lib/commands/timeline/track/toggle-track-visibility.ts b/apps/web/src/lib/commands/timeline/track/toggle-track-visibility.ts
new file mode 100644
index 00000000..e81714ac
--- /dev/null
+++ b/apps/web/src/lib/commands/timeline/track/toggle-track-visibility.ts
@@ -0,0 +1,40 @@
+import { Command } from "@/lib/commands/base-command";
+import type { TimelineTrack } from "@/types/timeline";
+import { EditorCore } from "@/core";
+import { canTrackBeHidden } from "@/lib/timeline";
+
+export class ToggleTrackVisibilityCommand extends Command {
+	private savedState: TimelineTrack[] | null = null;
+
+	constructor(private trackId: string) {
+		super();
+	}
+
+	execute(): void {
+		const editor = EditorCore.getInstance();
+		this.savedState = editor.timeline.getTracks();
+
+		const targetTrack = this.savedState.find(
+			(track) => track.id === this.trackId,
+		);
+		if (!targetTrack) {
+			return;
+		}
+
+		const updatedTracks = this.savedState.map((track) => {
+			if (track.id === this.trackId && canTrackBeHidden(track)) {
+				return { ...track, hidden: !track.hidden };
+			}
+			return track;
+		});
+
+		editor.timeline.updateTracks(updatedTracks);
+	}
+
+	undo(): void {
+		if (this.savedState) {
+			const editor = EditorCore.getInstance();
+			editor.timeline.updateTracks(this.savedState);
+		}
+	}
+}