Skip to content
Find file Normal view History Permalink
index.html 1012 B
Newer Older
Ashley's avatar
Add browser-demo
Ashley committed
1 2 3 4 5 6 7 
<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<title>Substrate node</title>
	<link rel="shortcut icon" href="/favicon.png" />
	<script type="module">
Ashley's avatar
Add browser-demo  
Ashley committed
8 
import { start_client, default as init } from './pkg/polkadot_cli.js';
Ashley's avatar
Add browser-demo
Ashley committed
9 10 11 12 13 14 15 16 
import ws from './ws.js';

function log(msg) {
	document.getElementsByTagName('body')[0].innerHTML += msg + '\n';
}

async function start() {
	log('Loading WASM');
Ashley's avatar
Add browser-demo  
Ashley committed
17 
	await init('./pkg/polkadot_cli_bg.wasm');
Ashley's avatar
Add browser-demo
Ashley committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 
	log('Successfully loaded WASM');

	// Build our client.
	log('Starting client');
	let client = start_client(ws());
	log('Client started');

	client.rpcSubscribe('{"method":"chain_subscribeNewHead","params":[],"id":1,"jsonrpc":"2.0"}',
		(r) => log("New chain head: " + r));

	setInterval(() => {
		client
			.rpcSend('{"method":"system_networkState","params":[],"id":1,"jsonrpc":"2.0"}')
			.then((r) => log("Network state: " + r));
	}, 1000);
}

start();
	</script>
  </head>
  <body style="white-space: pre"></body>
</html>