feat: clip volume line and timeline waveform improvements

2 files changed, 22 insertions, 5 deletions

diff --git a/apps/web/src/core/managers/media-manager.ts b/apps/web/src/core/managers/media-manager.ts
index 4add3c04..e43340a7 100644
--- a/apps/web/src/core/managers/media-manager.ts
+++ b/apps/web/src/core/managers/media-manager.ts
@@ -4,6 +4,7 @@ import type { MediaAsset } from "@/lib/media/types";
 import { storageService } from "@/services/storage/service";
 import { generateUUID } from "@/utils/id";
 import { videoCache } from "@/services/video-cache/service";
+import { waveformCache } from "@/services/waveform-cache/service";
 import { BatchCommand, RemoveMediaAssetCommand } from "@/lib/commands";
 
 export class MediaManager {
@@ -94,6 +95,8 @@ export class MediaManager {
 	}
 
 	async clearProjectMedia({ projectId }: { projectId: string }): Promise<void> {
+		waveformCache.clearAll();
+
 		this.assets.forEach((asset) => {
 			if (asset.url) {
 				URL.revokeObjectURL(asset.url);
@@ -120,6 +123,7 @@ export class MediaManager {
 
 	clearAllAssets(): void {
 		videoCache.clearAll();
+		waveformCache.clearAll();
 
 		this.assets.forEach((asset) => {
 			if (asset.url) {
diff --git a/apps/web/src/core/managers/timeline-manager.ts b/apps/web/src/core/managers/timeline-manager.ts
index 898a7e89..c58128fb 100644
--- a/apps/web/src/core/managers/timeline-manager.ts
+++ b/apps/web/src/core/managers/timeline-manager.ts
@@ -712,18 +712,31 @@ export class TimelineManager {
 			updates: Partial<TimelineElement>;
 		}>;
 	}): void {
+		let changedOverlayCount = 0;
 		for (const { elementId, updates: elementUpdates } of updates) {
 			const existingOverlay = this.previewOverlay.get(elementId);
-			const mergedOverlay = {
-				...existingOverlay,
-				...elementUpdates,
-			} as Partial<TimelineElement>;
-			this.previewOverlay.set(elementId, mergedOverlay);
+			const changed = Object.entries(elementUpdates).some(([key, value]) => {
+				return !Object.is(
+					existingOverlay?.[key as keyof TimelineElement],
+					value,
+				);
+			});
+			if (changed) {
+				changedOverlayCount += 1;
+				const mergedOverlay = {
+					...existingOverlay,
+					...elementUpdates,
+				} as Partial<TimelineElement>;
+				this.previewOverlay.set(elementId, mergedOverlay);
+			}
 		}
 		const committedTracks = this.editor.scenes.getActiveSceneOrNull()?.tracks;
 		if (!committedTracks) {
 			return;
 		}
+		if (changedOverlayCount === 0) {
+			return;
+		}
 		this.previewTracks = this.applyPreviewOverlay(committedTracks);
 		this.notify();
 	}