2016-01-14 18:26:54 -08:00
|
|
|
const injectCss = require('inject-css')
|
2017-11-15 09:39:54 -08:00
|
|
|
const OldMetaMaskUiCss = require('../../old-ui/css')
|
|
|
|
const NewMetaMaskUiCss = require('../../ui/css')
|
2016-09-12 23:28:07 -07:00
|
|
|
const startPopup = require('./popup-core')
|
2016-09-13 00:31:04 -07:00
|
|
|
const PortStream = require('./lib/port-stream.js')
|
2016-08-16 16:46:44 -07:00
|
|
|
const isPopupOrNotification = require('./lib/is-popup-or-notification')
|
2017-03-30 18:33:19 -07:00
|
|
|
const extension = require('extensionizer')
|
2017-03-31 18:04:13 -07:00
|
|
|
const ExtensionPlatform = require('./platforms/extension')
|
2017-03-30 18:33:19 -07:00
|
|
|
const NotificationManager = require('./lib/notification-manager')
|
|
|
|
const notificationManager = new NotificationManager()
|
2018-01-17 14:59:15 -08:00
|
|
|
const setupRaven = require('./setupRaven')
|
2016-01-14 18:26:54 -08:00
|
|
|
|
2017-03-31 18:04:13 -07:00
|
|
|
// create platform global
|
|
|
|
global.platform = new ExtensionPlatform()
|
|
|
|
|
2018-01-17 14:59:15 -08:00
|
|
|
// setup sentry error reporting
|
|
|
|
const release = global.platform.getVersion()
|
|
|
|
setupRaven({ release })
|
|
|
|
|
2017-03-31 13:20:16 -07:00
|
|
|
// inject css
|
2018-01-19 15:29:36 -08:00
|
|
|
// const css = MetaMaskUiCss()
|
|
|
|
// injectCss(css)
|
2016-01-14 18:26:54 -08:00
|
|
|
|
2017-03-31 13:20:16 -07:00
|
|
|
// identify window type (popup, notification)
|
|
|
|
const windowType = isPopupOrNotification()
|
|
|
|
global.METAMASK_UI_TYPE = windowType
|
|
|
|
closePopupIfOpen(windowType)
|
|
|
|
|
|
|
|
// setup stream to background
|
2017-03-31 13:32:47 -07:00
|
|
|
const extensionPort = extension.runtime.connect({ name: windowType })
|
2017-03-31 13:20:16 -07:00
|
|
|
const connectionStream = new PortStream(extensionPort)
|
2016-02-12 20:01:48 -08:00
|
|
|
|
2017-03-31 13:20:16 -07:00
|
|
|
// start ui
|
|
|
|
const container = document.getElementById('app-content')
|
|
|
|
startPopup({ container, connectionStream }, (err, store) => {
|
|
|
|
if (err) return displayCriticalError(err)
|
2017-11-15 09:39:54 -08:00
|
|
|
|
2018-01-15 13:23:44 -08:00
|
|
|
// Code commented out until we begin auto adding users to NewUI
|
|
|
|
// const { isMascara, identities = {}, featureFlags = {} } = store.getState().metamask
|
|
|
|
// const firstTime = Object.keys(identities).length === 0
|
|
|
|
const { isMascara, featureFlags = {} } = store.getState().metamask
|
2018-01-09 16:45:39 -08:00
|
|
|
let betaUIState = featureFlags.betaUI
|
|
|
|
|
2018-01-15 13:23:44 -08:00
|
|
|
// Code commented out until we begin auto adding users to NewUI
|
|
|
|
// const useBetaCss = isMascara || firstTime || betaUIState
|
|
|
|
const useBetaCss = isMascara || betaUIState
|
2018-01-09 16:45:39 -08:00
|
|
|
|
|
|
|
let css = useBetaCss ? NewMetaMaskUiCss() : OldMetaMaskUiCss()
|
2017-11-15 09:39:54 -08:00
|
|
|
let deleteInjectedCss = injectCss(css)
|
|
|
|
let newBetaUIState
|
|
|
|
|
2017-03-31 13:32:47 -07:00
|
|
|
store.subscribe(() => {
|
|
|
|
const state = store.getState()
|
2017-11-15 09:39:54 -08:00
|
|
|
newBetaUIState = state.metamask.featureFlags.betaUI
|
|
|
|
if (newBetaUIState !== betaUIState) {
|
|
|
|
deleteInjectedCss()
|
|
|
|
betaUIState = newBetaUIState
|
|
|
|
css = betaUIState ? NewMetaMaskUiCss() : OldMetaMaskUiCss()
|
|
|
|
deleteInjectedCss = injectCss(css)
|
|
|
|
}
|
2017-03-31 13:32:47 -07:00
|
|
|
if (state.appState.shouldClose) notificationManager.closePopup()
|
|
|
|
})
|
2017-03-31 13:20:16 -07:00
|
|
|
})
|
2016-01-15 02:03:42 -08:00
|
|
|
|
2016-08-16 16:46:44 -07:00
|
|
|
|
2017-03-31 13:20:16 -07:00
|
|
|
function closePopupIfOpen (windowType) {
|
|
|
|
if (windowType !== 'notification') {
|
2017-03-30 18:33:19 -07:00
|
|
|
notificationManager.closePopup()
|
2016-08-23 15:44:50 -07:00
|
|
|
}
|
|
|
|
}
|
2017-03-31 13:20:16 -07:00
|
|
|
|
2017-04-26 21:05:45 -07:00
|
|
|
function displayCriticalError (err) {
|
2017-03-31 13:20:16 -07:00
|
|
|
container.innerHTML = '<div class="critical-error">The MetaMask app failed to load: please open and close MetaMask again to restart.</div>'
|
|
|
|
container.style.height = '80px'
|
|
|
|
log.error(err.stack)
|
|
|
|
throw err
|
|
|
|
}
|