From 9b5fd6eb077a3fb2380f42414b65405030a01fcd Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Sun, 8 Feb 2026 01:51:25 +0100 Subject: feat: ensure elements on main track starts at 0 --- .../commands/timeline/element/insert-element.ts | 40 ++++++++++++++++++++-- 1 file changed, 38 insertions(+), 2 deletions(-) (limited to 'apps/web/src/lib/commands/timeline/element/insert-element.ts') diff --git a/apps/web/src/lib/commands/timeline/element/insert-element.ts b/apps/web/src/lib/commands/timeline/element/insert-element.ts index f95935a5..6067d72b 100644 --- a/apps/web/src/lib/commands/timeline/element/insert-element.ts +++ b/apps/web/src/lib/commands/timeline/element/insert-element.ts @@ -17,6 +17,7 @@ import { canElementGoOnTrack, getDefaultInsertIndexForTrack, validateElementTrackCompatibility, + enforceMainTrackStart, } from "@/lib/timeline/track-utils"; import type { MediaAsset } from "@/types/assets"; import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; @@ -204,9 +205,18 @@ export class InsertElementCommand extends Command { return null; } + const adjustedElement = this.adjustElementForMainTrack({ + tracks, + targetTrackId: targetTrack.id, + element, + }); + const updatedTracks = tracks.map((track) => track.id === targetTrack.id - ? { ...track, elements: [...track.elements, element] } + ? { + ...track, + elements: [...track.elements, adjustedElement], + } : track, ) as TimelineTrack[]; @@ -248,9 +258,18 @@ export class InsertElementCommand extends Command { }); if (existingTrack) { + const adjustedElement = this.adjustElementForMainTrack({ + tracks, + targetTrackId: existingTrack.id, + element, + }); + const updatedTracks = tracks.map((track) => track.id === existingTrack.id - ? { ...track, elements: [...track.elements, element] } + ? { + ...track, + elements: [...track.elements, adjustedElement], + } : track, ) as TimelineTrack[]; @@ -298,6 +317,23 @@ export class InsertElementCommand extends Command { }); } + private adjustElementForMainTrack({ + tracks, + targetTrackId, + element, + }: { + tracks: TimelineTrack[]; + targetTrackId: string; + element: TimelineElement; + }): TimelineElement { + const adjustedStartTime = enforceMainTrackStart({ + tracks, + targetTrackId, + requestedStartTime: element.startTime, + }); + return { ...element, startTime: adjustedStartTime }; + } + private getTrackTypeForElement({ element, }: { -- cgit v1.3.1