Collection of small javascript utility methods that I made and/or use

onceTransitionsEnd.js

const onceTransitionsEnd = function (node, properties, res) {
  node.addEventListener('transitionend', (function () {
    let propertyMatches = 0;
    const transitionEnded = function (e) {
      if (properties.indexOf(e.propertyName) >= 0) {
        propertyMatches++;
      }

      if (propertyMatches === properties.length) {
        this.removeEventListener('transitionend', transitionEnded);
        res();
      }
    };
    return transitionEnded;
  })());
};

onWindowLoad.js

export default callback => {
  if (document.readyState === 'complete' ||
    (document.readyState !== 'loading' && !document.documentElement.doScroll)) {
    callback()
  } else {
    document.addEventListener('DOMContentLoaded', callback, false)
  }
}

seekElement.js

// Returns a function that looks for every node with a 'selector'
// and passes it to a 'callback(node)'.
export default (selector, callback) => {
  return function () {
    const retArray = []
    const gridNodes = document.querySelectorAll(selector)
    for (let i = 0; i < gridNodes.length; i++) {
      const node = gridNodes[i]
      if (!node.isControlled) {
        retArray.push(callback(node) || node)
        node.isControlled = true
      }
    }
    return retArray
  }
}