refactor: split effects and masks into dedicated rust crates, introduce MediaTime and FrameRate

1 files changed, 21 insertions, 19 deletions

diff --git a/apps/web/src/lib/timeline/drag-utils.ts b/apps/web/src/lib/timeline/drag-utils.ts
index 8efeab79..35d00613 100644
--- a/apps/web/src/lib/timeline/drag-utils.ts
+++ b/apps/web/src/lib/timeline/drag-utils.ts
@@ -1,19 +1,21 @@
-import { BASE_TIMELINE_PIXELS_PER_SECOND } from "@/lib/timeline/scale";

-

-export function getMouseTimeFromClientX({

-	clientX,

-	containerRect,

-	zoomLevel,

-	scrollLeft,

-}: {

-	clientX: number;

-	containerRect: DOMRect;

-	zoomLevel: number;

-	scrollLeft: number;

-}): number {

-	const mouseX = clientX - containerRect.left + scrollLeft;

-	return Math.max(

-		0,

-		mouseX / (BASE_TIMELINE_PIXELS_PER_SECOND * zoomLevel),

-	);

-}

+import { BASE_TIMELINE_PIXELS_PER_SECOND } from "@/lib/timeline/scale";
+import { TICKS_PER_SECOND } from "@/lib/wasm";
+
+export function getMouseTimeFromClientX({
+	clientX,
+	containerRect,
+	zoomLevel,
+	scrollLeft,
+}: {
+	clientX: number;
+	containerRect: DOMRect;
+	zoomLevel: number;
+	scrollLeft: number;
+}): number {
+	const mouseX = clientX - containerRect.left + scrollLeft;
+	const seconds = Math.max(
+		0,
+		mouseX / (BASE_TIMELINE_PIXELS_PER_SECOND * zoomLevel),
+	);
+	return Math.round(seconds * TICKS_PER_SECOND);
+}