adjust debounce logic

Author: a-hariti

src/components/track-reader-depth.tsx

@@ -53,7 +53,7 @@ export function ReaderDepthTracker() {
     if (document.documentElement.scrollHeight - window.innerHeight === 0) {
       return () => {};
     }
-    const debouncedTrackProgress = debounce(trackProgress, 20);
+    const debouncedTrackProgress = debounce(trackProgress, 50);
 
     window.addEventListener('scroll', debouncedTrackProgress);
     return () => {

src/utils.ts

@@ -115,18 +115,10 @@ export const stripTrailingSlash = (url: string) => {
  * @returns A debounced function.
  * @see https://davidwalsh.name/javascript-debounce-function
  */
-export function debounce(func: Function, wait = 20, immediate = true) {
-  let timeout: ReturnType<typeof setTimeout> | null;
-  return function () {
-    const context = this;
-    const args = arguments;
-    const later = function () {
-      timeout = null;
-      if (!immediate) func.apply(context, args);
-    };
-    const callNow = immediate && !timeout;
-    if (timeout) clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) func.apply(context, args);
+export function debounce<T extends unknown[]>(func: (...args: T) => void, delay: number) {
+  let timer: ReturnType<typeof setTimeout>;
+  return function (...args: T) {
+    clearTimeout(timer);
+    timer = setTimeout(() => func.apply(this, args), delay);
   };
 }