throttle

function throttle<Args extends unknown[], R>(
  fn: (...args: Args) => PromiseLike<R> | R,
  intervalMs: number,
  options?: StandardOptions,
): (...args: Args) => Promise<R>

import { throttle } from '@temelj/async';

const handleScroll = throttle(async () => {
  await updateScrollPosition();
}, 100);

window.addEventListener('scroll', handleScroll);

import { throttle } from '@temelj/async';

const fetchData = throttle(async (id: string) => {
  const response = await fetch(`/api/data/${id}`);
  return await response.json();
}, 1000);

// Only makes 1 request per second maximum
await fetchData('1');
await fetchData('2'); // Waits for interval
await fetchData('3'); // Waits for interval

import { throttle } from '@temelj/async';

const trackMouse = throttle(async (x: number, y: number) => {
  await analytics.trackEvent('mouse_move', { x, y });
}, 500);

document.addEventListener('mousemove', (e) => {
  trackMouse(e.clientX, e.clientY);
});

import { throttle } from '@temelj/async';

const controller = new AbortController();

const saveProgress = throttle(
  async (progress: number) => {
    await api.updateProgress(progress);
  },
  2000,
  { signal: controller.signal }
);

saveProgress(25);
saveProgress(50);
saveProgress(75);

// Cancel pending saves
controller.abort();