xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update timeline to use context menu component

Browse Source
This commit is contained in:
Maze Winther
2025-06-29 23:09:40 +02:00
parent ca29be23ff
commit 822323d883
2 changed files with 1812 additions and 1902 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3665
apps/web/src/components/editor/timeline.tsx
View File

File diff suppressed because it is too large Load Diff

49
apps/web/src/types/timeline.ts
View File

@ -1,29 +1,20 @@
import { TimelineTrack, TimelineClip } from "@/stores/timeline-store"; import { TimelineTrack, TimelineClip } from "@/stores/timeline-store";
export type TrackType = "video" | "audio" | "effects"; export type TrackType = "video" | "audio" | "effects";
export interface TimelineClipProps { export interface TimelineClipProps {
clip: TimelineClip; clip: TimelineClip;
track: TimelineTrack; track: TimelineTrack;
zoomLevel: number; zoomLevel: number;
isSelected: boolean; isSelected: boolean;
onContextMenu: (e: React.MouseEvent, clipId: string) => void; onClipMouseDown: (e: React.MouseEvent, clip: TimelineClip) => void;
onClipMouseDown: (e: React.MouseEvent, clip: TimelineClip) => void; onClipClick: (e: React.MouseEvent, clip: TimelineClip) => void;
onClipClick: (e: React.MouseEvent, clip: TimelineClip) => void; }
}
export interface ResizeState {
export interface ResizeState { clipId: string;
clipId: string; side: "left" | "right";
side: "left" | "right"; startX: number;
startX: number; initialTrimStart: number;
initialTrimStart: number; initialTrimEnd: number;
initialTrimEnd: number; }
}
export interface ContextMenuState {
type: "track" | "clip";
trackId: string;
clipId?: string;
x: number;
y: number;
}