aboutsummaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
authorkumavis <aaron@kumavis.me>2016-01-15 10:26:54 +0800
committerkumavis <aaron@kumavis.me>2016-01-15 10:26:54 +0800
commit3eaf027e30a3a28d75fb8f93cd30387a777c5814 (patch)
tree965d43cba0cf79b64b62fd19faaffb813e281855 /app
parent709d93b5a194663506315d4e889191f252b07286 (diff)
downloadtangerine-wallet-browser-3eaf027e30a3a28d75fb8f93cd30387a777c5814.tar.gz
tangerine-wallet-browser-3eaf027e30a3a28d75fb8f93cd30387a777c5814.tar.zst
tangerine-wallet-browser-3eaf027e30a3a28d75fb8f93cd30387a777c5814.zip
migrate to new ui + provider
Diffstat (limited to 'app')
-rw-r--r--app/manifest.json2
-rw-r--r--app/popup.html17
-rw-r--r--app/scripts/background.js28
-rw-r--r--app/scripts/lib/metamask-provider.js149
-rw-r--r--app/scripts/popup.js14
5 files changed, 59 insertions, 151 deletions
diff --git a/app/manifest.json b/app/manifest.json
index 5d1df7b54..96be7c53a 100644
--- a/app/manifest.json
+++ b/app/manifest.json
@@ -1,6 +1,6 @@
{
"name": "__MSG_appName__",
- "version": "0.0.49",
+ "version": "0.1.0",
"manifest_version": 2,
"description": "__MSG_appDescription__",
"icons": {
diff --git a/app/popup.html b/app/popup.html
index b72d499d1..6d85a9811 100644
--- a/app/popup.html
+++ b/app/popup.html
@@ -2,23 +2,10 @@
<html>
<head>
<meta charset="utf-8">
- <title>Typo Blaster</title>
- <style>
- body {
- min-width: 357px;
- overflow-x: hidden;
- }
-
- img {
- margin: 5px;
- border: 2px solid black;
- vertical-align: middle;
- width: 75px;
- height: 75px;
- }
- </style>
+ <title>MetaMask Plugin</title>
</head>
<body>
+ <div id="app-content"></div>
<script src="./scripts/popup.js" type="text/javascript" charset="utf-8"></script>
</body>
</html> \ No newline at end of file
diff --git a/app/scripts/background.js b/app/scripts/background.js
index b880b1b8c..7ddd258e2 100644
--- a/app/scripts/background.js
+++ b/app/scripts/background.js
@@ -1,34 +1,10 @@
-const ZeroClientProvider = require('web3-provider-engine')
+const MetaMaskProvider = require('./lib/metamask-provider')
// const PortStream = require('./lib/port-stream.js')
const identitiesUrl = 'https://alpha.metamask.io/identities/'
// var unsignedTxs = {}
-var zeroClient = new ZeroClientProvider({
- rpcUrl: 'https://rawrpc.metamask.io/',
-})
-
-// // setup badge click handler
-// chrome.browserAction.onClicked.addListener(function(activeTab) {
-// // chrome.tabs.create({ url: identitiesUrl })
-// tabbernackle()
-// })
-
-
-// function tabbernackle(){
-// chrome.tabs.create({
-// url: 'about:blank',//chrome.extension.getURL('dialog.html'),
-// active: false
-// }, function(tab) {
-// // After the tab has been created, open a window to inject the tab
-// chrome.windows.create({
-// tabId: tab.id,
-// type: 'panel',
-// focused: true
-// // incognito, top, left, ...
-// });
-// });
-// }
+var zeroClient = MetaMaskProvider()
// setup messaging
chrome.runtime.onConnect.addListener(connectRemote)
diff --git a/app/scripts/lib/metamask-provider.js b/app/scripts/lib/metamask-provider.js
index c52de82b4..fea6d1f9f 100644
--- a/app/scripts/lib/metamask-provider.js
+++ b/app/scripts/lib/metamask-provider.js
@@ -1,122 +1,55 @@
-var HttpProvider = require('web3/lib/web3/httpprovider.js')
-var ethUtils = require('ethereumjs-util')
-var async = require('async')
+const ProviderEngine = require('web3-provider-engine')
+const CacheSubprovider = require('web3-provider-engine/subproviders/cache.js')
+const StaticSubprovider = require('web3-provider-engine/subproviders/static.js')
+const FilterSubprovider = require('web3-provider-engine/subproviders/filters.js')
+const VmSubprovider = require('web3-provider-engine/subproviders/vm.js')
+const LightWalletSubprovider = require('web3-provider-engine/subproviders/lightwallet.js')
+const RpcSubprovider = require('web3-provider-engine/subproviders/rpc.js')
-module.exports = MetamaskProvider
+module.exports = metamaskProvider
+function metamaskProvider(opts){
-function MetamaskProvider(forwardPayload, host) {
- this.handlers = []
- this.forwardPayload = forwardPayload
- this.http = new HttpProvider(host)
-}
+ var engine = new ProviderEngine()
-MetamaskProvider.prototype.send = function (payload) {
- if (Array.isArray(payload)) {
- return payload.map( this.handlePayload.bind(this) )
- } else {
- return this.handlePayload( payload )
- }
-}
+ // cache layer
+ engine.addProvider(new CacheSubprovider())
-MetamaskProvider.prototype.sendAsync = function (payload, cb) {
- if (Array.isArray(payload)) {
- async.map( payload, this.handlePayload.bind(this), cb )
- } else {
- this.handlePayload( payload, cb )
- }
-}
+ // static results
+ engine.addProvider(new StaticSubprovider({
+ web3_clientVersion: 'MetaMask-ProviderEngine/v0.0.0/javascript',
+ net_listening: true,
+ eth_hashrate: '0x0',
+ eth_mining: false,
+ eth_syncing: true,
+ })
-MetamaskProvider.prototype.handlePayload = function (payload, cb) {
- var _this = this
- var isSync = !cb
- var resolvedSync = true
- var result = undefined
+ // filters
+ engine.addProvider(new FilterSubprovider())
- // TODO - this should be injected from Vapor dapp starts
- var exposedAccounts = ['0xa06ef3ed1ce41ade87f764de6ce8095c569d6d57']
+ // vm
+ engine.addProvider(new VmSubprovider())
- switch (payload.method) {
-
- case 'web3_sha3':
- var inputHex = stripHexStringPrefix(payload.params[0])
- var hash = '0x'+ethUtils.sha3(new Buffer(inputHex, 'hex')).toString('hex')
- return handleResult(null, wrapResponse(payload, hash))
-
- case 'eth_sendTransaction':
- this.forwardPayload(payload)
- return handleResult(null, wrapResponse(payload, ''))
+ // id mgmt
+ engine.addProvider(new LightWalletSubprovider())
- case 'eth_coinbase':
- var currentAddress = exposedAccounts[0]
- return handleResult(null, wrapResponse(payload, currentAddress))
+ // data source
+ engine.addProvider(new RpcSubprovider({
+ rpcUrl: 'https://testrpc.metamask.io/',
+ }))
- case 'eth_accounts':
- return handleResult(null, wrapResponse(payload, exposedAccounts))
+ // log new blocks
+ engine.on('block', function(block){
+ // lazy hack - move caching and current block to engine
+ engine.currentBlock = block
+ console.log('================================')
+ console.log('BLOCK CHANGED:', '#'+block.number.toString('hex'), '0x'+block.hash.toString('hex'))
+ console.log('================================')
+ })
- case 'eth_gasPrice':
- // TODO - this should be dynamically set somehow
- var gasPrice = '0x01'
- return handleResult(null, wrapResponse(payload, [gasPrice]))
+ // start polling for blocks
+ engine.start()
- case 'eth_call':
- var params = payload.params
- // default 'from' to default account
- var args = params[0]
- if (!args.from) {
- var currentAddress = exposedAccounts[0]
- args.from = currentAddress
- }
- // default block to latest
- params[1] = params[1] || 'latest'
- // turn on debug trace
- params[2] = global.DEBUG_RPC
- return handleNormally()
-
- default:
- return handleNormally()
- }
+ return engine
- resolvedSync = false
-
- function handleNormally(){
- if (isSync) {
- return handleResult(null, _this.http.send(payload))
- } else {
- _this.http.sendAsync(payload, handleResult)
- }
- }
-
- // helper for normalizing handling of sync+async responses
- function handleResult(err, resp) {
- if (isSync) {
- return resp
- } else {
- if (resolvedSync) {
- process.nextTick(cb.bind(null, err, resp))
- } else {
- cb(err, resp)
- }
- }
- }
-}
-
-function wrapResponse(payload, result){
- return {
- jsonrpc: payload.jsonrpc,
- id: payload.id,
- result: result,
- }
-}
-
-function stripHexStringPrefix(hex) {
- if (!hex) {
- return hex
- }
-
- if (hex.slice(0, 2) === '0x') {
- return hex.slice(2);
- } else {
- return hex;
- }
} \ No newline at end of file
diff --git a/app/scripts/popup.js b/app/scripts/popup.js
index 53dabeb33..03530ce66 100644
--- a/app/scripts/popup.js
+++ b/app/scripts/popup.js
@@ -1 +1,13 @@
-document.body.innerHTML = "real talk" \ No newline at end of file
+const MetaMaskUi = require('metamask-ui')
+const MetaMaskUiCss = require('metamask-ui/css')
+const injectCss = require('inject-css')
+
+
+var container = document.getElementById('app-content')
+
+var css = MetaMaskUiCss()
+injectCss(css)
+
+var app = MetaMaskUi({
+ container: container,
+})