From 7bf0984698e43b9aa2dd879f65951318ed410390 Mon Sep 17 00:00:00 2001
From: Maze <167211895+mazeincoding@users.noreply.github.com>
Date: Sat, 31 Jan 2026 00:20:04 +0100
Subject: codebase overhaul (#697)

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

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

diff --git a/apps/web/src/hooks/use-edge-auto-scroll.ts b/apps/web/src/hooks/use-edge-auto-scroll.ts
deleted file mode 100644
index d3cf8127..00000000
--- a/apps/web/src/hooks/use-edge-auto-scroll.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import { useEffect, useRef } from "react";
-
-interface UseEdgeAutoScrollParams {
-  isActive: boolean;
-  getMouseClientX: () => number;
-  rulerScrollRef: React.RefObject<HTMLDivElement>;
-  tracksScrollRef: React.RefObject<HTMLDivElement>;
-  contentWidth: number;
-  edgeThreshold?: number;
-  maxScrollSpeed?: number;
-}
-
-// Provides smooth edge auto-scrolling for horizontal timeline interactions.
-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 - edgeThreshold - 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