From 3e89d2998588f8e35c524e523ba2ee853f0f6475 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 20 Apr 2026 11:31:17 +0200
Subject: refactor: restructure files to their domains,  new preview overlay
 system, and dep graph

---
 .../web/src/hooks/timeline/use-edge-auto-scroll.ts | 97 ----------------------
 1 file changed, 97 deletions(-)
 delete mode 100644 apps/web/src/hooks/timeline/use-edge-auto-scroll.ts

(limited to 'apps/web/src/hooks/timeline/use-edge-auto-scroll.ts')

diff --git a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts b/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts
deleted file mode 100644
index 509031bb..00000000
--- a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { useEffect, useRef } from "react";
-
-interface UseEdgeAutoScrollParams {
-	isActive: boolean;
-	getMouseClientX: () => number;
-	rulerScrollRef: React.RefObject<HTMLDivElement | null>;
-	tracksScrollRef: React.RefObject<HTMLDivElement | null>;
-	contentWidth: number;
-	edgeThreshold?: number;
-	maxScrollSpeed?: number;
-}
-
-export function useEdgeAutoScroll({
-	isActive,
-	getMouseClientX,
-	rulerScrollRef,
-	tracksScrollRef,
-	contentWidth,
-	edgeThreshold = 100,
-	maxScrollSpeed = 15,
-}: UseEdgeAutoScrollParams): void {
-	const rafRef = useRef<number | null>(null);
-
-	useEffect(() => {
-		if (!isActive) {
-			if (rafRef.current) {
-				cancelAnimationFrame(rafRef.current);
-				rafRef.current = null;
-			}
-			return;
-		}
-
-		const step = () => {
-			const rulerViewport = rulerScrollRef.current;
-			const tracksViewport = tracksScrollRef.current;
-			if (!rulerViewport || !tracksViewport) {
-				rafRef.current = requestAnimationFrame(step);
-				return;
-			}
-
-			const viewportRect = rulerViewport.getBoundingClientRect();
-			const mouseX = getMouseClientX();
-			const mouseXRelative = mouseX - viewportRect.left;
-
-			const viewportWidth = rulerViewport.clientWidth;
-			const intrinsicContentWidth = rulerViewport.scrollWidth;
-			const effectiveContentWidth = Math.max(
-				contentWidth,
-				intrinsicContentWidth,
-			);
-			const scrollMax = Math.max(0, effectiveContentWidth - viewportWidth);
-
-			let scrollSpeed = 0;
-
-			if (mouseXRelative < edgeThreshold && rulerViewport.scrollLeft > 0) {
-				const edgeDistance = Math.max(0, mouseXRelative);
-				const intensity = 1 - edgeDistance / edgeThreshold;
-				scrollSpeed = -maxScrollSpeed * intensity;
-			} else if (
-				mouseXRelative > viewportWidth - edgeThreshold &&
-				rulerViewport.scrollLeft < scrollMax
-			) {
-				const edgeDistance = Math.max(0, viewportWidth - mouseXRelative);
-				const intensity = 1 - edgeDistance / edgeThreshold;
-				scrollSpeed = maxScrollSpeed * intensity;
-			}
-
-			if (scrollSpeed !== 0) {
-				const newScrollLeft = Math.max(
-					0,
-					Math.min(scrollMax, rulerViewport.scrollLeft + scrollSpeed),
-				);
-				rulerViewport.scrollLeft = newScrollLeft;
-				tracksViewport.scrollLeft = newScrollLeft;
-			}
-
-			rafRef.current = requestAnimationFrame(step);
-		};
-
-		rafRef.current = requestAnimationFrame(step);
-
-		return () => {
-			if (rafRef.current) {
-				cancelAnimationFrame(rafRef.current);
-				rafRef.current = null;
-			}
-		};
-	}, [
-		isActive,
-		getMouseClientX,
-		rulerScrollRef,
-		tracksScrollRef,
-		contentWidth,
-		edgeThreshold,
-		maxScrollSpeed,
-	]);
-}
-- 
cgit v1.3.1