Added storage watch

ethereal/assets/ethereum.js

@@ -36,6 +36,7 @@ window.eth = {
 		postData({call: "getKey"}, cb);
 	},
 
+
 	getBalanceAt: function(address, cb) {
 		postData({call: "getBalance", args: [address]}, cb);
 	},
@@ -101,7 +102,13 @@ window.eth = {
 		var callbacks = eth._onCallbacks[event];
 		if(callbacks !== undefined) {
 			for(var i = 0; i < callbacks.length; i++) {
-				callbacks[i](data);
+				// Figure out whether the returned data was an array
+				// array means multiple return arguments (multiple params)
+				if(data instanceof Array) {
+					callbacks[i].apply(this, data);
+				} else {
+					callbacks[i].call(this, data);
+				}
 			}
 		}
 	},
@@ -109,6 +116,11 @@ window.eth = {
 window.eth._callbacks = {}
 window.eth._onCallbacks = {}
 
+function hello() {
+	debug("hello")
+	window.dataTest = true;
+}
+
 function debug(/**/) {
 	var args = arguments;
 	var msg = ""
@@ -120,6 +132,7 @@ function debug(/**/) {
 		}
 	}
 
+	postData({call:"debug", args:[msg]})
 	document.getElementById("debug").innerHTML += "<br>" + msg
 }
 
@@ -146,8 +159,14 @@ navigator.qt.onmessage = function(ev) {
 		if(data._seed) {
 			var cb = eth._callbacks[data._seed];
 			if(cb) {
-				// Call the callback
+				// Figure out whether the returned data was an array
-				cb(data.data);
+				// array means multiple return arguments (multiple params)
+				if(data.data instanceof Array) {
+					cb.apply(this, data.data)
+				} else {
+					cb.call(this, data.data)
+				}
+
 				// Remove the "trigger" callback
 				delete eth._callbacks[ev._seed];
 			}
@@ -211,3 +230,4 @@ String.prototype.hex2bin = function() {
 String.prototype.num2bin = function() {
     return ("0x"+parseInt(this).toString(16)).bin()
 }
+

ethereal/assets/qml/webapp.qml

@@ -41,7 +41,7 @@ ApplicationWindow {
 			experimental.preferences.developerExtrasEnabled: true
 			experimental.userScripts: [ui.assetPath("ethereum.js")]
 			experimental.onMessageReceived: {
-				//console.log("[onMessageReceived]: ", message.data)
+				console.log("[onMessageReceived]: ", message.data)
 				// TODO move to messaging.js
 				var data = JSON.parse(message.data)
 
@@ -98,6 +98,15 @@ ApplicationWindow {
 								window[key] = data.args[key];
 							}
 						}
+						break;
+					case "debug":
+						console.log(data.args[0]);
+						break;
+					case "test":
+						console.log("in")
+						webview.experimental.evaluateJavaScript("hello()")
+						console.log("out")
+						break;
 					}
 				} catch(e) {
 					console.log(data.call + ": " + e)
@@ -124,7 +133,10 @@ ApplicationWindow {
 			function onObjectChangeCb(stateObject) {
 				postEvent("object:"+stateObject.address(), stateObject)
 			}
-			function onStorageChangeCb() {
+			function onStorageChangeCb(storageObject) {
+				console.log("storage object cb", storageObject)
+				var ev = ["storage", storageObject.stateAddress, storageObject.address].join(":");
+				postEvent(ev, [storageObject.address, storageObject.value])
 			}
 		}
 

ethereal/assets/samplecoin/samplecoin.html

@@ -5,9 +5,11 @@
 <link rel="stylesheet" href="bootstrap.min.css">
 <link rel="stylesheet" href="bootstrap-theme.min.css">
 <link rel="stylesheet" href="samplecoin.css">
+<script src="promise.min.js"></script>
 <meta name="viewport" content="minimum-scale=1; maximum-scale=1; initial-scale=1;">
 
 <script type="text/javascript">
+
 var jefcoinAddr = "3dff537f51350239abc95c76a5864aa605259e7d"
 var mAddr = ""
 
@@ -17,12 +19,12 @@ function createTransaction() {
 
 	var data = (("0x"+addr).pad(32) + amount.pad(32)).unbin()
 	eth.transact(mAddr, jefcoinAddr, 0, "10000000", "250", data, function(receipt) {
-		debug("received tx hash:", receipt)
+		debug("received tx hash:", reciept.address)
 	})
 }
 
 function init() {
-	eth.set({width: 500})
+	eth.set({width: 500});
 
 	eth.getKey(function(keyPair) {
 		mAddr = keyPair.privateKey;
@@ -31,10 +33,8 @@ function init() {
 			document.querySelector("#current-amount").innerHTML = storage;
 		});
 
-		eth.watch(jefcoinAddr, function(stateObject) {
+		eth.watch(jefcoinAddr, keyPair.address, function(addr, value) {
-			eth.getStorageAt(jefcoinAddr, keyPair.address, function(storage) {
+			document.querySelector("#current-amount").innerHTML = value
-				document.querySelector("#current-amount").innerHTML = storage;
-			});
 		});
 	});
 }

ethereal/ui/ext_app.go

@@ -6,7 +6,6 @@ import (
 	"github.com/ethereum/eth-go/ethpub"
 	"github.com/ethereum/eth-go/ethutil"
 	"github.com/go-qml/qml"
-	"math/big"
 )
 
 type AppContainer interface {
@@ -18,7 +17,7 @@ type AppContainer interface {
 
 	NewBlock(*ethchain.Block)
 	ObjectChanged(*ethchain.StateObject)
-	StorageChanged(*ethchain.StateObject, []byte, *big.Int)
+	StorageChanged(*ethchain.StorageState)
 }
 
 type ExtApplication struct {
@@ -105,8 +104,8 @@ out:
 		case object := <-app.changeChan:
 			if stateObject, ok := object.Resource.(*ethchain.StateObject); ok {
 				app.container.ObjectChanged(stateObject)
-			} else if _, ok := object.Resource.(*big.Int); ok {
+			} else if storageObject, ok := object.Resource.(*ethchain.StorageState); ok {
-				//
+				app.container.StorageChanged(storageObject)
 			}
 		}
 	}

ethereal/ui/html_container.go

@@ -6,7 +6,6 @@ import (
 	"github.com/ethereum/eth-go/ethpub"
 	"github.com/ethereum/eth-go/ethutil"
 	"github.com/go-qml/qml"
-	"math/big"
 	"path/filepath"
 )
 
@@ -65,8 +64,8 @@ func (app *HtmlApplication) ObjectChanged(stateObject *ethchain.StateObject) {
 	app.webView.Call("onObjectChangeCb", ethpub.NewPStateObject(stateObject))
 }
 
-func (app *HtmlApplication) StorageChanged(stateObject *ethchain.StateObject, addr []byte, value *big.Int) {
+func (app *HtmlApplication) StorageChanged(storageObject *ethchain.StorageState) {
-	app.webView.Call("onStorageChangeCb", nil)
+	app.webView.Call("onStorageChangeCb", ethpub.NewPStorageState(storageObject))
 }
 
 func (app *HtmlApplication) Destroy() {