const nest = require('depnest')
const values = require('lodash/values')
const insertCss = require('insert-css')

exports.gives = nest('app.html.app')

exports.needs = nest({
  'history.sync.push': 'first',
  'styles.css': 'first'
})

exports.create = (api) => {
  return nest('app.html.app', app)

  function app () {
    const css = values(api.styles.css()).join('\n')
    insertCss(css)

    return api.history.sync.push({ page: 'home' })
  }
}