const React = require('react')
const render = require('react-dom').render
const h = require('react-hyperscript')
const extend = require('xtend')
const Root = require('./app/root')
const actions = require('./app/actions')
const configureStore = require('./app/store')

module.exports = launchApp

function launchApp(opts) {

  var accountManager = opts.accountManager
  actions._setAccountManager(accountManager)

  // check if we are unlocked first
  accountManager.getState(function(err, metamaskState){
    if (err) throw err
    startApp(metamaskState, accountManager, opts)
  })

}

function startApp(metamaskState, accountManager, opts){

  // parse opts
  var store = configureStore({

    // metamaskState represents the cross-tab state
    metamask: metamaskState,

    // appState represents the current tab's popup state
    appState: {
      currentDomain: opts.currentDomain,
    },

    // Which blockchain we are using:
    networkVersion: opts.networkVersion,
  })

  // if unconfirmed txs, start on txConf page
  if (Object.keys(metamaskState.unconfTxs || {}).length) {
    store.dispatch(actions.showConfTxPage())
  }

  // if unconfirmed messages, start on msgConf page
  if (Object.keys(metamaskState.unconfMsgs || {}).length) {
    store.dispatch(actions.showConfTxPage())
  }

  accountManager.on('update', function(metamaskState){
    store.dispatch(actions.updateMetamaskState(metamaskState))
  })

  // start app
  render(
    h(Root, {
      // inject initial state
      store: store,
    }
  ), opts.container)

}