Moved UI into repo with its own dependency stack

1 files changed, 123 insertions, 0 deletions

diff --git a/ui/example.js b/ui/example.js
new file mode 100644
index 000000000..b32da4be4
--- /dev/null
+++ b/ui/example.js
@@ -0,0 +1,123 @@
+const injectCss = require('inject-css')
+const MetaMaskUi = require('./index.js')
+const MetaMaskUiCss = require('./css.js')
+const EventEmitter = require('events').EventEmitter
+
+// account management
+
+var identities = {
+  '0x1113462427bcc9133bb46e88bcbe39cd7ef0e111': {
+    name: 'Walrus',
+    img: 'QmW6hcwYzXrNkuHrpvo58YeZvbZxUddv69ATSHY3BHpPdd',
+    address: '0x1113462427bcc9133bb46e88bcbe39cd7ef0e111',
+    balance: 220,
+    txCount: 4,
+  },
+  '0x222462427bcc9133bb46e88bcbe39cd7ef0e7222': {
+    name: 'Tardus',
+    img: 'QmQYaRdrf2EhRhJWaHnts8Meu1mZiXrNib5W1P6cYmXWRL',
+    address: '0x222462427bcc9133bb46e88bcbe39cd7ef0e7222',
+    balance: 10.005,
+    txCount: 16,
+  },
+  '0x333462427bcc9133bb46e88bcbe39cd7ef0e7333': {
+    name: 'Gambler',
+    img: 'QmW6hcwYzXrNkuHrpvo58YeZvbZxUddv69ATSHY3BHpPdd',
+    address: '0x333462427bcc9133bb46e88bcbe39cd7ef0e7333',
+    balance: 0.000001,
+    txCount: 1,
+  }
+}
+
+var unconfTxs = {}
+addUnconfTx({
+  from: '0x222462427bcc9133bb46e88bcbe39cd7ef0e7222',
+  to: '0x1113462427bcc9133bb46e88bcbe39cd7ef0e111',
+  value: '0x123',
+})
+addUnconfTx({
+  from: '0x1113462427bcc9133bb46e88bcbe39cd7ef0e111',
+  to: '0x333462427bcc9133bb46e88bcbe39cd7ef0e7333',
+  value: '0x0000',
+  data: '0x000462427bcc9133bb46e88bcbe39cd7ef0e7000',
+})
+
+function addUnconfTx(txParams){
+  var time = (new Date()).getTime()
+  var id = createRandomId()
+  unconfTxs[id] = {
+    id: id,
+    txParams: txParams,
+    time: time,
+  }
+}
+
+var isUnlocked = false
+var selectedAddress = null
+
+function getState(){
+  return {
+    isUnlocked: isUnlocked,
+    identities: isUnlocked ? identities : {},
+    unconfTxs: isUnlocked ? unconfTxs : {},
+    selectedAddress: selectedAddress,
+  }
+}
+
+var accountManager = new EventEmitter()
+
+accountManager.getState = function(cb){
+  cb(null, getState())
+}
+
+accountManager.setLocked = function(){
+  isUnlocked = false
+  this._didUpdate()
+}
+
+accountManager.submitPassword = function(password, cb){
+  if (password === 'test') {
+    isUnlocked = true
+    cb(null, getState())
+    this._didUpdate()
+  } else {
+    cb(new Error('Bad password -- try "test"'))
+  }
+}
+
+accountManager.setSelectedAddress = function(address, cb){
+  selectedAddress = address
+  cb(null, getState())
+  this._didUpdate()
+}
+
+accountManager.signTransaction = function(txParams, cb){
+  alert('signing tx....')
+}
+
+accountManager._didUpdate = function(){
+  this.emit('update', getState())
+}
+
+// start app
+
+var container = document.getElementById('app-content')
+
+var css = MetaMaskUiCss()
+injectCss(css)
+
+var app = MetaMaskUi({
+  container: container,
+  accountManager: accountManager
+})
+
+// util
+
+function createRandomId(){
+  // 13 time digits
+  var datePart = new Date().getTime()*Math.pow(10, 3)
+  // 3 random digits
+  var extraPart = Math.floor(Math.random()*Math.pow(10, 3))
+  // 16 digits
+  return datePart+extraPart
+}
\ No newline at end of file