diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-19 19:08:08 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-19 19:08:08 +0200 |
| commit | 5266aed5eb18dedce19e866d25b8cd39eb6e8a3d (patch) | |
| tree | 97a60eee37674704839d05740e19383d2299e9e7 /apps/web/src/lib/timeline.ts | |
| parent | 42ae8a75302fa9cdc4821f356f8d91ac9d358dcf (diff) | |
| download | opencut-5266aed5eb18dedce19e866d25b8cd39eb6e8a3d.tar.gz | |
feat: ripple editing mode on timeline
Diffstat (limited to 'apps/web/src/lib/timeline.ts')
| -rw-r--r-- | apps/web/src/lib/timeline.ts | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/apps/web/src/lib/timeline.ts b/apps/web/src/lib/timeline.ts new file mode 100644 index 00000000..531defac --- /dev/null +++ b/apps/web/src/lib/timeline.ts @@ -0,0 +1,54 @@ +import { TimelineElement } from "@/types/timeline";
+
+// Helper function to check for element overlaps and prevent invalid timeline states
+export const checkElementOverlaps = (elements: TimelineElement[]): boolean => {
+ // Sort elements by start time
+ const sortedElements = [...elements].sort(
+ (a, b) => a.startTime - b.startTime
+ );
+
+ for (let i = 0; i < sortedElements.length - 1; i++) {
+ const current = sortedElements[i];
+ const next = sortedElements[i + 1];
+
+ const currentEnd =
+ current.startTime +
+ (current.duration - current.trimStart - current.trimEnd);
+
+ // Check if current element overlaps with next element
+ if (currentEnd > next.startTime) return true; // Overlap detected
+ }
+
+ return false; // No overlaps
+};
+
+// Helper function to resolve overlaps by adjusting element positions
+export const resolveElementOverlaps = (
+ elements: TimelineElement[]
+): TimelineElement[] => {
+ // Sort elements by start time
+ const sortedElements = [...elements].sort(
+ (a, b) => a.startTime - b.startTime
+ );
+ const resolvedElements: TimelineElement[] = [];
+
+ for (let i = 0; i < sortedElements.length; i++) {
+ const current = { ...sortedElements[i] };
+
+ if (resolvedElements.length > 0) {
+ const previous = resolvedElements[resolvedElements.length - 1];
+ const previousEnd =
+ previous.startTime +
+ (previous.duration - previous.trimStart - previous.trimEnd);
+
+ // If current element would overlap with previous, push it after previous ends
+ if (current.startTime < previousEnd) {
+ current.startTime = previousEnd;
+ }
+ }
+
+ resolvedElements.push(current);
+ }
+
+ return resolvedElements;
+};
|