mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 23:58:06 +01:00
6ce119d1fb
With the creation of the [metamask-extension-provider](https://github.com/MetaMask/metamask-extension-provider) we have our first non-core module that is dependent on the inpage-provider and port-stream. To reduce the size of its dependencies, I have moved the [metamask-inpage-provider](https://github.com/MetaMask/metamask-inpage-provider) into its own module, as well as [extension-port-stream](https://github.com/MetaMask/extension-port-stream). This allows them to be more easily depended & iterated on by external projects.
86 lines
2.9 KiB
JavaScript
86 lines
2.9 KiB
JavaScript
const injectCss = require('inject-css')
|
|
const OldMetaMaskUiCss = require('../../old-ui/css')
|
|
const NewMetaMaskUiCss = require('../../ui/css')
|
|
const startPopup = require('./popup-core')
|
|
const PortStream = require('extension-port-stream')
|
|
const { getEnvironmentType } = require('./lib/util')
|
|
const { ENVIRONMENT_TYPE_NOTIFICATION } = require('./lib/enums')
|
|
const extension = require('extensionizer')
|
|
const ExtensionPlatform = require('./platforms/extension')
|
|
const NotificationManager = require('./lib/notification-manager')
|
|
const notificationManager = new NotificationManager()
|
|
const setupRaven = require('./lib/setupRaven')
|
|
const log = require('loglevel')
|
|
|
|
start().catch(log.error)
|
|
|
|
async function start () {
|
|
|
|
// create platform global
|
|
global.platform = new ExtensionPlatform()
|
|
|
|
// setup sentry error reporting
|
|
const release = global.platform.getVersion()
|
|
setupRaven({ release })
|
|
|
|
// inject css
|
|
// const css = MetaMaskUiCss()
|
|
// injectCss(css)
|
|
|
|
// identify window type (popup, notification)
|
|
const windowType = getEnvironmentType(window.location.href)
|
|
global.METAMASK_UI_TYPE = windowType
|
|
closePopupIfOpen(windowType)
|
|
|
|
// setup stream to background
|
|
const extensionPort = extension.runtime.connect({ name: windowType })
|
|
const connectionStream = new PortStream(extensionPort)
|
|
|
|
// start ui
|
|
const container = document.getElementById('app-content')
|
|
startPopup({ container, connectionStream }, (err, store) => {
|
|
if (err) return displayCriticalError(err)
|
|
|
|
// 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
|
|
let betaUIState = featureFlags.betaUI
|
|
|
|
// Code commented out until we begin auto adding users to NewUI
|
|
// const useBetaCss = isMascara || firstTime || betaUIState
|
|
const useBetaCss = isMascara || betaUIState
|
|
|
|
let css = useBetaCss ? NewMetaMaskUiCss() : OldMetaMaskUiCss()
|
|
let deleteInjectedCss = injectCss(css)
|
|
let newBetaUIState
|
|
|
|
store.subscribe(() => {
|
|
const state = store.getState()
|
|
newBetaUIState = state.metamask.featureFlags.betaUI
|
|
if (newBetaUIState !== betaUIState) {
|
|
deleteInjectedCss()
|
|
betaUIState = newBetaUIState
|
|
css = betaUIState ? NewMetaMaskUiCss() : OldMetaMaskUiCss()
|
|
deleteInjectedCss = injectCss(css)
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
function closePopupIfOpen (windowType) {
|
|
if (windowType !== ENVIRONMENT_TYPE_NOTIFICATION) {
|
|
// should close only chrome popup
|
|
notificationManager.closePopup()
|
|
}
|
|
}
|
|
|
|
function displayCriticalError (err) {
|
|
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
|
|
}
|
|
|
|
}
|