From 91cd849e76d81ebbb984a007979b0566e13a86c2 Mon Sep 17 00:00:00 2001 From: Dan Finlay Date: Mon, 3 Jul 2017 13:48:18 -0700 Subject: [PATCH] Began creating new UI template --- app/scripts/background.js | 3 ++- app/scripts/send-token.js | 33 +++++++++++++++++++++++++++++++++ app/send-token.html | 11 +++++++++++ 3 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 app/scripts/send-token.js create mode 100644 app/send-token.html diff --git a/app/scripts/background.js b/app/scripts/background.js index e8987394f..7e8f9172f 100644 --- a/app/scripts/background.js +++ b/app/scripts/background.js @@ -90,7 +90,8 @@ function setupController (initState) { extension.runtime.onConnect.addListener(connectRemote) function connectRemote (remotePort) { - var isMetaMaskInternalProcess = remotePort.name === 'popup' || remotePort.name === 'notification' + const name = remotePort.name + var isMetaMaskInternalProcess = name === 'popup' || name === 'notification' || name === 'ui' var portStream = new PortStream(remotePort) if (isMetaMaskInternalProcess) { // communication with popup diff --git a/app/scripts/send-token.js b/app/scripts/send-token.js new file mode 100644 index 000000000..9e6868884 --- /dev/null +++ b/app/scripts/send-token.js @@ -0,0 +1,33 @@ +const startPopup = require('./popup-core') +const PortStream = require('./lib/port-stream.js') +const ExtensionPlatform = require('./platforms/extension') +const extension = require('extensionizer') +const NotificationManager = require('./lib/notification-manager') +const notificationManager = new NotificationManager() + +// create platform global +global.platform = new ExtensionPlatform() + +// inject css +const css = MetaMaskUiCss() +injectCss(css) + +// setup stream to background +const extensionPort = extension.runtime.connect({ name: 'ui' }) +const connectionStream = new PortStream(extensionPort) + +// start ui +const container = document.getElementById('app-content') +startPopup({ container, connectionStream }, (err, store) => { + if (err) return displayCriticalError(err) + store.subscribe(() => { + const state = store.getState() + }) +}) + +function displayCriticalError (err) { + container.innerHTML = '
The MetaMask app failed to load: please open and close MetaMask again to restart.
' + container.style.height = '80px' + log.error(err.stack) + throw err +} diff --git a/app/send-token.html b/app/send-token.html new file mode 100644 index 000000000..5f98e1072 --- /dev/null +++ b/app/send-token.html @@ -0,0 +1,11 @@ + + + + + MetaMask Plugin + + +
+ + +