Merge pull request #283 from KhacTuanIT/feature/optimize-timeline-ruler

Optimize timeline performance

1 files changed, 20 insertions, 0 deletions

diff --git a/apps/web/src/types/timeline.ts b/apps/web/src/types/timeline.ts
index 17dbb5d1..146205c4 100644
--- a/apps/web/src/types/timeline.ts
+++ b/apps/web/src/types/timeline.ts
@@ -1,5 +1,6 @@
 import { MediaType } from "@/stores/media-store";
 import { generateUUID } from "@/lib/utils";
+import { ReactNode } from "react";
 
 export type TrackType = "media" | "text" | "audio";
 
@@ -155,3 +156,22 @@ export function validateElementTrackCompatibility(
 
   return { isValid: true };
 }
+
+export interface TimelineTick {
+  left: number;
+  label?: string;
+  isMajor?: boolean;
+}
+
+export interface TimelineCanvasRulerWrapperProps {
+  children: ReactNode;
+  onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+  className?: string;
+}
+
+export interface TimelineCanvasRulerProps {
+  zoomLevel: number;
+  duration: number;
+  width: number;
+  height?: number;
+}