chive vanilla js practice

queue.js

$$('figure img')
  .map(el => el.src)
  .reverse()
  .reduce((last, next) => {
  	return () => {
      setTimeout(() => {
        console.log('<img src="'+ next +'" />')
        last()
      }, 1000)
  	}
  }, ()=>{ console.log('finished') })()

$$('figure img')
  .map(el => el.src)
  .map(url => {
    return next => {
      setTimeout(() => {
        console.log('<img src="'+ url +'" />')
        next()
      }, 1000)
    }
  })
  .reverse()
  .reduce(
    (last, next) => () => next(last),
    () => console.log('finished')
  )()

$$('figure img')
  .map(el => el.src)
  .map(url => () => !console.log('<img src="'+ url +'" />'))
  .map(fn => next => fn() && next())
  .reverse()
  .reduce(
    (last, next) => (timeout = 1000) => setTimeout(() => next(last), timeout),
    () => console.log('finished')
  )(0)

// Not working
Array.prototype.waterfall = (callback = () => console.log('finished')) => {
  this.reverse()
  this.reduce(
      (prev, next) => () => next(prev),
      callback
    )()
  this.reverse()
}

// Not working
Array.prototype.queueTimeout = (callback = () => console.log('finished'), timeout = 1000) => {
  this
    .map(fn => next => fn() && next())
    .reverse()
    .reduce(
      (prev, next) => (t = timeout) => setTimeout(() => next(prev), t),
      callback
    )(0)
}