From f1043734438c8518a302f698d9ae6583a75f0c14 Mon Sep 17 00:00:00 2001
From: cashmere <cashmere@autistici.org>
Date: Sun, 16 Aug 2026 06:16:56 +0200
Subject: feat: add transitions, track mixing, and voiceover controls

---
 apps/web/src/timeline/drag.ts | 92 +++++++++++++++++++++++--------------------
 1 file changed, 50 insertions(+), 42 deletions(-)

(limited to 'apps/web/src/timeline/drag.ts')

diff --git a/apps/web/src/timeline/drag.ts b/apps/web/src/timeline/drag.ts
index 7bf99a6d..06f721da 100644
--- a/apps/web/src/timeline/drag.ts
+++ b/apps/web/src/timeline/drag.ts
@@ -1,42 +1,50 @@
-import type { MaskableElement, VisualElement } from "./types";
-import type { ParamValues } from "@/params";
-
-interface BaseDragData {
-	id: string;
-	name: string;
-}
-
-export interface MediaDragData extends BaseDragData {
-	type: "media";
-	mediaType: "image" | "video" | "audio";
-	targetElementTypes?: MaskableElement["type"][];
-}
-
-export interface TextDragData extends BaseDragData {
-	type: "text";
-	content: string;
-}
-
-export interface StickerDragData extends BaseDragData {
-	type: "sticker";
-	stickerId: string;
-}
-
-export interface GraphicDragData extends BaseDragData {
-	type: "graphic";
-	definitionId: string;
-	params: Partial<ParamValues>;
-}
-
-export interface EffectDragData extends BaseDragData {
-	type: "effect";
-	effectType: string;
-	targetElementTypes: VisualElement["type"][];
-}
-
-export type TimelineDragData =
-	| MediaDragData
-	| TextDragData
-	| StickerDragData
-	| GraphicDragData
-	| EffectDragData;
+import type { MaskableElement, VisualElement } from "./types";
+import type { ParamValues } from "@/params";
+import type { TransitionKind } from "@/rendering/transition";
+
+interface BaseDragData {
+	id: string;
+	name: string;
+}
+
+export interface MediaDragData extends BaseDragData {
+	type: "media";
+	mediaType: "image" | "video" | "audio";
+	targetElementTypes?: MaskableElement["type"][];
+}
+
+export interface TextDragData extends BaseDragData {
+	type: "text";
+	content: string;
+}
+
+export interface StickerDragData extends BaseDragData {
+	type: "sticker";
+	stickerId: string;
+}
+
+export interface GraphicDragData extends BaseDragData {
+	type: "graphic";
+	definitionId: string;
+	params: Partial<ParamValues>;
+}
+
+export interface EffectDragData extends BaseDragData {
+	type: "effect";
+	effectType: string;
+	targetElementTypes: VisualElement["type"][];
+}
+export interface TransitionDragData extends BaseDragData {
+	type: "transition";
+	transitionKind: TransitionKind;
+	inDuration: number;
+	outDuration: number;
+}
+
+export type TimelineDragData =
+	| MediaDragData
+	| TextDragData
+	| StickerDragData
+	| GraphicDragData
+	| EffectDragData
+	| TransitionDragData;
-- 
cgit v1.3.1