var createRouter = require('base-router')

// Create a router that will resolve data
var router = createRouter({
  '/': function () {
    return [1,2,3]
  }
})

// React to transition events
router.on('transition', function (route, data) {
  // Trigger re-render with virtual dom here
})

// Manually trigger transitioning to routes
router.transtionTo('/')

var router = createRouter({
  '/': function () {
    // Throw an error to indicate an error
    return [1,2,3]
  },
  '/callback': function (params, done) {
    // Call done with an error as the the first param to indicate an error
    done(null, [1,2,3])
  },
  '/promise': function () {
    return new Promise(function (resolve, reject) {
      // Reject the promise to indicate an error
      resolve([1,2,3])
    })
  },
})

var createRouter = require('base-router')
var h = require('virtual-dom/h')
var xhr = require('xhr')

var router = createRouter({
  '/': function () {
    // Define simple elements for this route
    return h('div', 'Home Page')
  },
  '/posts/:post': function (params, done) {
    // If remote data is needed grab that
    xhr('/api/posts/' + params.post, function (err, res, body) {
      if (err) return done(err)
      // Then return a vnode with the retrieved data
      done(null, h('.post', body))
    })
  },
})

router.on('transition', function (route, childNode) {
  // Render each page based on the route selected
  var links = [
    h('a', { href: '/' }, 'Home'),
    h('a', { href: '/posts/one' }, 'First Post')
  ]
  var content = h('.content', [links, childNode])
  // Now we can render our page with virtual dom diffing
})

router.route('/user/:id', function (params, done) {
  done(null, params.id)
})