function.js

/*
  ------------------------------------------------------------------------------
  Throttles execution of a function.
  Borrowed from: https://medium.com/@_jh3y/throttling-and-debouncing-in-javascript-b01cad5c8edf

  @param {Integer} delay Miliseconds between function calls
  @param {Function} fn The function to call
*/

const throttle = (delay, fn) => {
  let inThrottle
  return function (...args) {
    const context = this
    if (!inThrottle) {
      fn.apply(context, args)
      inThrottle = true
      setTimeout(() => (inThrottle = false), delay)
    }
  }
}

/*
  ------------------------------------------------------------------------------
  Debounces execution of a function.
  Borrowed from: https://medium.com/@_jh3y/throttling-and-debouncing-in-javascript-b01cad5c8edf

  @param {Integer} delay Miliseconds after when the function is called
  @param {Function} fn The function to call
*/

const debounce = (delay, fn) => {
  let inDebounce
  return function (...args) {
    const context = this
    clearTimeout(inDebounce)
    inDebounce = setTimeout(() => fn.apply(context, args), delay)
  }
}

/*
  ------------------------------------------------------------------------------
*/

export { throttle, debounce }