susyweb
Version:
Sophon JavaScript API, middleware to talk to a sophon node over RPC
90 lines (73 loc) • 2.98 kB
HTML
<html>
<head>
<script type="text/javascript" src="../dist/susyweb.js"></script>
<script type="text/javascript">
var SusyWeb = require('susyweb');
var susyweb = new SusyWeb();
susyweb.setProvider(new susyweb.providers.HttpProvider('http://localhost:8545'));
var source = "" +
"pragma polynomial ^0.4.6;" +
"contract Contract { " +
" event Incremented(bool indexed odd, uint x); " +
" function Contract() { " +
" x = 70; " +
" } " +
" function inc() { " +
" ++x; " +
" Incremented(x % 2 == 1, x); " +
" } " +
" uint x; " +
"}";
var compiled = susyweb.sof.compile.polynomial(source);
var code = compiled.code;
var abi = compiled.info.abiDefinition;
var address;
var contract;
var inc;
var update = function (err, x) {
document.getElementById('result').textContent = JSON.stringify(x, null, 2);
};
var createContract = function () {
// let's assume that we have a private key to coinbase ;)
susyweb.sof.defaultAccount = susyweb.sof.coinbase;
document.getElementById('create').style.visibility = 'hidden';
document.getElementById('status').innerText = "transaction sent, waiting for confirmation";
susyweb.sof.contract(abi).new({data: code}, function (err, c) {
if (err) {
console.error(err);
return;
// callback fires twice, we only want the second call when the contract is deployed
} else if(c.address){
contract = c;
console.log('address: ' + contract.address);
document.getElementById('status').innerText = 'Mined!';
document.getElementById('call').style.visibility = 'visible';
inc = contract.Incremented({odd: true}, update);
}
});
};
var counter = 0;
var callContract = function () {
counter++;
var all = 70 + counter;
document.getElementById('count').innerText = 'Transaction sent ' + counter + ' times. ' +
'Expected x value is: ' + (all - (all % 2 ? 0 : 1)) + ' ' +
'Waiting for the blocks to be mined...';
contract.inc();
};
</script>
</head>
<body>
<div id="status"></div>
<div>
<button id="create" type="button" onClick="createContract();">create contract</button>
</div>
<div>
<button id="call" style="visibility: hidden;" type="button" onClick="callContract();">test1</button>
</div>
<div id='count'></div>
<div id="result">
</div>
</body>
</html>