feat: add transitions, track mixing, and voiceover controls

1 files changed, 50 insertions, 42 deletions

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;