export default context => {
  const store = createStore()
  const router = createRouter()
  const app = createApp(store, router)
  return new Promise((resolve, reject) => {
    router.onError(reject)
    router.onReady(resolve, reject)
    router.push(context.url)
  }).then(() => {
    const to = router.currentRoute
    const components = router.getMatchedComponents(to)
    const permissionsPromises = components.map(component => {
      if (component.permissions) {
        return component.permissions(store, to, {})
      }
      return Promise.resolve()
    })
    return Promise.all(permissionsPromises)
      .then(() => {
        const criticalDataPromises = components.map(component => {
          if (component.criticalData) {
            return component.criticalData(store, to, {})
          }
          return Promise.resolve()
        })
        return Promise.all(criticalDataPromises)
      })
      .then(() => {
        context.state = store.state
        return app
      })
  })
}