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-raf-loop.ts | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 apps/web/src/hooks/use-raf-loop.ts (limited to 'apps/web/src/hooks/use-raf-loop.ts') diff --git a/apps/web/src/hooks/use-raf-loop.ts b/apps/web/src/hooks/use-raf-loop.ts new file mode 100644 index 00000000..54b1e662 --- /dev/null +++ b/apps/web/src/hooks/use-raf-loop.ts @@ -0,0 +1,20 @@ +import { useEffect, useRef } from "react"; + +export function useRafLoop(callback: ({ time }: { time: number }) => void) { + const requestRef = useRef(0); + const previousTimeRef = useRef(null); + + useEffect(() => { + const loop = ({ time }: { time: number }) => { + if (previousTimeRef.current !== null) { + const deltaTime = time - previousTimeRef.current; + callback({ time: deltaTime }); + } + previousTimeRef.current = time; + requestRef.current = requestAnimationFrame((time) => loop({ time })); + }; + + requestRef.current = requestAnimationFrame((time) => loop({ time })); + return () => cancelAnimationFrame(requestRef.current); + }, [callback]); +} -- cgit v1.3.1