dom.js

import matches from 'dom101/matches'

/*
 * Just like jQuery.append
 */

export function appendMany (el, children) {
  children.forEach(child => { el.appendChild(child) })
}

/*
 * Just like jQuery.nextUntil
 */

export function nextUntil (el, selector) {
  const nextEl = el.nextSibling
  return nextUntilTick(nextEl, selector, [])
}

function nextUntilTick (el, selector, acc) {
  if (!el) return acc

  const isMatch = matches(el, selector)
  if (isMatch) return acc

  return nextUntilTick(el.nextSibling, selector, [ ...acc, el ])
}

/*
 * Just like jQuery.before
 */

export function before (reference, newNode) {
  reference.parentNode.insertBefore(newNode, reference)
}

/*
 * Like jQuery.children('selector')
 */

export function findChildren (el, selector) {
  return [].slice.call(el.children)
    .filter(child => matches(child, selector))
}

/**
 * Creates a div
 * @private
 *
 * @example
 *
 *     createDiv({ class: 'foo' })
 */

export function createDiv (props) {
  const d = document.createElement('div')
  Object.keys(props).forEach(key => {
    d.setAttribute(key, props[key])
  })
  return d
}