const render = require('react-dom').render
const h = require('react-hyperscript')
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())
  }

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

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