├── .gitattributes
├── .gitignore
├── LICENSE
├── README.md
├── _config.yml
├── codec
    ├── codec.js
    └── index.html
├── custom.css
├── event-count
    ├── event-count.js
    └── index.html
├── index.html
├── indices
    ├── index.html
    └── indices.js
├── nominations
    ├── index.html
    └── nominations.js
├── utilities.js
└── versions
    ├── index.html
    ├── networks.js
    └── versions.js


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Shawn Tabrizi
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # substrate-js-utilities
2 |  A set of useful JavaScript utilities for Substrate using Polkadot.js API
3 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-minimal


--------------------------------------------------------------------------------
/codec/codec.js:
--------------------------------------------------------------------------------
 1 | const { TypeRegistry, createType } = polkadotTypes;
 2 | 
 3 | let rawBytes = document.getElementById('rawBytes');
 4 | let customTypes = document.getElementById('customTypes');
 5 | let output = document.getElementById('output');
 6 | 
 7 | customTypes.addEventListener('input', parseCustomType);
 8 | rawBytes.addEventListener('input', parseCustomType);
 9 | 
10 | /* CUSTOM TYPES EDITOR START */
11 | 
12 | // create the editor
13 | const options = { mode: 'code', onChange: parseCustomType };
14 | const editor = new JSONEditor(customTypes, options);
15 | 
16 | // set json
17 | const initialJson = [{ MyVec: 'Vec<u16>' }];
18 | editor.set(initialJson);
19 | 
20 | /* CUSTOM TYPES EDITOR END */
21 | 
22 | const registry = new TypeRegistry();
23 | 
24 | function parseCustomType() {
25 |   try {
26 |     let typesObject = editor.get();
27 | 
28 |     let lastTypeKey;
29 | 
30 |     if (Array.isArray(typesObject)) {
31 |       typesObject.map(type => {
32 |         registry.register(type);
33 |       });
34 | 
35 |       let lastTypeObject = typesObject[typesObject.length - 1];
36 |       lastTypeKey = Object.keys(lastTypeObject)[0];
37 |     } else {
38 |       registry.register(typesObject);
39 |       lastTypeKey = Object.keys(typesObject)[0];
40 |     }
41 | 
42 |     output.innerText = JSON.stringify(
43 |       createType(registry, lastTypeKey, rawBytes.value.trim())
44 |     );
45 |   } catch (e) {
46 |     output.innerText = e;
47 |   }
48 | }
49 | 
50 | parseCustomType();
51 | 


--------------------------------------------------------------------------------
/codec/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en" class="h-100">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="description" content="Simple Utilities for Substrate">
 8 | 	<meta name="author" content="Shawn Tabrizi">
 9 | 	<title>Substrate JS Utilities: Codec</title>
10 | 
11 | 	<!-- Bootstrap core CSS -->
12 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
13 | 		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
14 | 	<!-- Custom styles for this template -->
15 | 	<link href="../custom.css" rel="stylesheet">
16 | 	<link href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/7.0.4/jsoneditor.min.css" rel="stylesheet">
17 | 	<!-- Simple Analytics -->
18 | 	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
19 | 	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
20 | 			referrerpolicy="no-referrer-when-downgrade" /></noscript>
21 | </head>
22 | 
23 | <body class="d-flex flex-column h-100">
24 | 	<main role="main" class="flex-shrink-0">
25 | 		<div class="container">
26 | 			<h1 class="mt-5"> <a href="../">&#8592; Substrate Utilities</a></h1>
27 | 			<p class="lead">Hopefully this page helps you do something.</p>
28 | 			<h4>Cheat Sheet</h4>
29 | 			<div class="row">
30 | 				<div class="col">
31 | 					<h5>Enum</h5>
32 | 					<code>{ "MyEnum": { "_enum": ["A", "B"] } }</code>
33 | 				</div>
34 | 				<div class="col">
35 | 					<h5>Tuple</h5>
36 | 					<code>{ "MyTuple": "(u64, u64)" }</code>
37 | 				</div>
38 | 				<div class="col">
39 | 					<h5>Vector</h5>
40 | 					<code>{ "MyVec": "Vec&lt;u8>" }</code>
41 | 				</div>
42 | 			</div>
43 | 			<div class="row">
44 | 				<div class="col">
45 | 					<h5>Advance Example</h5>
46 | 					<code> [ { "MyEnum": { "_enum": ["A", "B", "C"] } }, { "MyPartA": "Vec&lt;(MyEnum, u32)>" }, { "MyType": "(MyPartA, u128)" }, { "MyFinalType": "Vec&lt;MyType>" } ] </code>
47 | 				</div>
48 | 			</div>
49 | 			<div class="row">
50 | 				<div class="col">
51 | 					<div class="mb-3">
52 | 						<h4>SCALE Decoder</h4>
53 | 						<div class="form-group">
54 | 							<label for="rawBytes">Raw Bytes</label>
55 | 							<textarea class="form-control" id="rawBytes"
56 | 								rows="3">0x18040008000f00100017002a00</textarea>
57 | 							<label for="customTypes">Custom Types</label>
58 | 							<div id="customTypes" style="width: 100%; height: 400px;"></div>
59 | 							<label for="output">Output</label>
60 | 							<div id="output"></div>
61 | 						</div>
62 | 					</div>
63 | 				</div>
64 | 			</div>
65 | 		</div>
66 | 	</main>
67 | 
68 | 	<footer class="footer mt-auto py-3">
69 | 		<div class="container">
70 | 			<span class="text-muted">
71 | 				<a href="../">Substrate JS Utilities</a>
72 | 				- Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
73 | 				- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
74 | 				- Using <a href="https://polkadot.js.org/common/">polkadot-js/common</a>
75 | 				and <a href="https://github.com/josdejong/jsoneditor">jsoneditor</a>
76 | 			</span>
77 | 		</div>
78 | 	</footer>
79 | 	<script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/7.0.4/jsoneditor.min.js"></script>
80 | 	<script src="//unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
81 | 	<script src="//unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
82 | 	<script src="//unpkg.com/@polkadot/types/bundle-polkadot-types.js"></script>
83 | 	<script src="codec.js"></script>
84 | </body>
85 | 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/custom.css:
--------------------------------------------------------------------------------
 1 | /* Custom page CSS */
 2 | 
 3 | .container {
 4 | 	width: auto;
 5 | 	padding: 15px;
 6 |   }
 7 | 
 8 |   .footer {
 9 | 	background-color: #f5f5f5;
10 |   }
11 | 
12 |   pre {
13 |     white-space: pre-wrap;       /* Since CSS 2.1 */
14 |     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
15 |     white-space: -pre-wrap;      /* Opera 4-6 */
16 |     white-space: -o-pre-wrap;    /* Opera 7 */
17 |     word-wrap: break-word;       /* Internet Explorer 5.5+ */
18 | }
19 | 
20 | h4 {
21 | 	padding-top: 20px;
22 | }
23 | 
24 | .form-control {
25 |   overflow-wrap: break-word;
26 |   height: auto;
27 | }
28 | 


--------------------------------------------------------------------------------
/event-count/event-count.js:
--------------------------------------------------------------------------------
  1 | const { BN } = polkadotUtil;
  2 | const { WsProvider, ApiPromise } = polkadotApi;
  3 | 
  4 | // Global Variables
  5 | var global = {
  6 | 	all_events: [],
  7 | 	blockHashes: [],
  8 | 	endpoint: '',
  9 | 	total_events: 0,
 10 | };
 11 | 
 12 | 
 13 | // Given an address and a range of blocks, query the Substrate blockchain for the events across the range
 14 | async function getEventsInRange(startBlock, endBlock) {
 15 | 	// Tell the user the data is loading...
 16 | 	document.getElementById('output').innerHTML =
 17 | 		`Getting events for blocks ${startBlock} to ${endBlock}...`;
 18 | 
 19 | 	let step = 1;
 20 | 
 21 | 	try {
 22 | 		var promises = [];
 23 | 
 24 | 		// Get all block hashes
 25 | 		for (let i = startBlock; i < endBlock; i = i + step) {
 26 | 			if (!global.blockHashes.find(x => x.block == i)) {
 27 | 				let blockHashPromise = substrate.rpc.chain.getBlockHash(i);
 28 | 				promises.push(i, blockHashPromise);
 29 | 			}
 30 | 		}
 31 | 
 32 | 		var results = await Promise.all(promises);
 33 | 
 34 | 		for (let i = 0; i < results.length; i = i + 2) {
 35 | 			global.blockHashes.push({
 36 | 				block: results[i],
 37 | 				hash: results[i + 1]
 38 | 			});
 39 | 		}
 40 | 
 41 | 		var promises = [];
 42 | 
 43 | 		// Loop over the blocks, using the step value
 44 | 		for (let i = startBlock; i < endBlock; i = i + step) {
 45 | 			// If we already have data about that block, skip it
 46 | 			if (!global.all_events.find(x => x.block == i)) {
 47 | 				// Get the block hash
 48 | 				let blockHash = global.blockHashes.find(x => x.block == i).hash;
 49 | 				// Create a promise to query the events for that block
 50 | 				let eventPromise = substrate.query.system.events.at(blockHash);
 51 | 				// Create a promise to get the timestamp for that block
 52 | 				let timePromise = substrate.query.timestamp.now.at(blockHash);
 53 | 				// Push data to a linear array of promises to run in parallel.
 54 | 				promises.push(i, eventPromise, timePromise);
 55 | 			}
 56 | 		}
 57 | 
 58 | 		// Call all promises in parallel for speed.
 59 | 		var results = await Promise.all(promises);
 60 | 
 61 | 		// Restructure the data into an array of objects
 62 | 		var all_events = [];
 63 | 		for (let i = 0; i < results.length; i = i + 3) {
 64 | 			let block = results[i];
 65 | 			let events = results[i + 1];
 66 | 
 67 | 			let eventCount = events.length;
 68 | 
 69 | 			all_events.push({
 70 | 				block: block,
 71 | 				eventCount: eventCount,
 72 | 				time: new Date(results[i + 2].toNumber())
 73 | 			});
 74 | 		}
 75 | 
 76 | 		//Remove loading message
 77 | 		document.getElementById('output').innerHTML = '';
 78 | 
 79 | 		return all_events;
 80 | 	} catch (error) {
 81 | 		document.getElementById('output').innerHTML = error;
 82 | 	}
 83 | }
 84 | 
 85 | // Connect to Substrate endpoint
 86 | async function connect() {
 87 | 	let endpoint = document.getElementById('endpoint').value;
 88 | 	if (!window.substrate || global.endpoint != endpoint) {
 89 | 		const provider = new WsProvider(endpoint);
 90 | 		document.getElementById('output').innerHTML = 'Connecting to Endpoint...';
 91 | 		window.substrate = await ApiPromise.create({ provider });
 92 | 		global.endpoint = endpoint;
 93 | 		global.chainDecimals = substrate.registry.chainDecimals[0];
 94 | 		global.chainToken = substrate.registry.chainTokens[0];
 95 | 		document.getElementById('output').innerHTML = 'Connected';
 96 | 	}
 97 | }
 98 | 
 99 | // Create a table with the event information
100 | function createTable() {
101 | 	document.getElementById('output').innerHTML = "Creating Table...";
102 | 
103 | 	let keys = ["block", "eventCount", "time"];
104 | 
105 | 	let table = document.getElementById('events-table');
106 | 
107 | 	let count_container = document.createElement('p');
108 | 	count_container.innerText = `Total Count: ${total_count()}`;
109 | 
110 | 	// Clear table
111 | 	while (table.firstChild) {
112 | 		table.removeChild(table.firstChild);
113 | 	}
114 | 
115 | 	let thead = document.createElement('thead');
116 | 	let tbody = document.createElement('tbody');
117 | 
118 | 	let tr = document.createElement('tr');
119 | 	for (key of keys) {
120 | 		let th = document.createElement('th');
121 | 		th.innerText = key;
122 | 		tr.appendChild(th);
123 | 	}
124 | 
125 | 	for (index of Object.keys(global.all_events)) {
126 | 		let tr2 = document.createElement('tr');
127 | 
128 | 		for (key of keys) {
129 | 			let td = document.createElement('td');
130 | 			td.innerText = global.all_events[index][key];
131 | 			tr2.appendChild(td);
132 | 		}
133 | 		tbody.appendChild(tr2);
134 | 	}
135 | 
136 | 	thead.appendChild(tr);
137 | 	table.appendChild(count_container);
138 | 	table.appendChild(thead);
139 | 	table.appendChild(tbody);
140 | 
141 | 	document.getElementById('output').innerHTML = "Done.";
142 | }
143 | 
144 | function total_count() {
145 | 	let total_events = global.all_events.reduce((partialSum, a) => partialSum + a.eventCount, 0);
146 | 	return total_events
147 | }
148 | 
149 | async function countEvents() {
150 | 	await connect();
151 | 
152 | 	// Find the intial range, from first block to current block
153 | 	var startBlock, endBlock;
154 | 
155 | 	if (document.getElementById('endBlock').value) {
156 | 		endBlock = parseInt(document.getElementById('endBlock').value);
157 | 	} else {
158 | 		endBlock = parseInt(await substrate.derive.chain.bestNumber());
159 | 	}
160 | 
161 | 	if (document.getElementById('startBlock').value) {
162 | 		startBlock = parseInt(document.getElementById('startBlock').value);
163 | 	} else {
164 | 		// 10 blocks per minute, 1440 min per day, 7 days per week
165 | 		let HISTORICAL = 10 * 1440 * 7;
166 | 		startBlock = endBlock < HISTORICAL ? 0 : endBlock - HISTORICAL;
167 | 	}
168 | 
169 | 	// query chain 100 blocks at a time
170 | 	let step = 100;
171 | 	for (let i = startBlock; i < endBlock; i = i + step) {
172 | 		newEvents = await getEventsInRange(i, i + step);
173 | 		global.all_events = global.all_events.concat(newEvents);
174 | 		createTable();
175 | 	}
176 | }
177 | 


--------------------------------------------------------------------------------
/event-count/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="description" content="Get a count of the historical events on a Substrate chain.">
 8 | 	<meta name="author" content="Shawn Tabrizi">
 9 | 	<link rel="icon" href="">
10 | 
11 | 	<title>Substrate Event Count</title>
12 | 
13 | 	<!-- Bootstrap core CSS -->
14 | 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
15 | 		integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
16 | </head>
17 | 
18 | <body>
19 | 	<div class="container">
20 | 		<div class="jumbotron mt-3">
21 | 			<h1>Substrate Event Count</h1>
22 | 			<p class="lead">Get a count of the historical events on a Substrate chain.</p>
23 | 			<div class="row">
24 | 				<div class="col">
25 | 					<div class="input-group">
26 | 						<div class="input-group-prepend">
27 | 							<span class="input-group-text">Endpoint:</span>
28 | 						</div>
29 | 						<input type="text" class="form-control" id="endpoint" value="wss://kusama-rpc.polkadot.io/"
30 | 							placeholder="wss://..." />
31 | 						<div class="input-group-append">
32 | 							<a class="btn btn-lg btn-primary" onclick="countEvents();" role="button">Count Events
33 | 								&raquo;</a>
34 | 						</div>
35 | 					</div>
36 | 				</div>
37 | 			</div>
38 | 			<div class="row">
39 | 				<div class="col">
40 | 					<div class="input-group">
41 | 						<div class="input-group-prepend">
42 | 							<span class="input-group-text">Start Block:</span>
43 | 						</div>
44 | 						<input type="text" class="form-control" id="startBlock" placeholder="(optional)" />
45 | 					</div>
46 | 				</div>
47 | 				<div class="col">
48 | 					<div class="input-group">
49 | 						<div class="input-group-prepend">
50 | 							<span class="input-group-text">End Block:</span>
51 | 						</div>
52 | 						<input type="text" class="form-control" id="endBlock" placeholder="(optional)" />
53 | 					</div>
54 | 				</div>
55 | 			</div>
56 | 			<div id="output"></div>
57 | 		</div>
58 | 		<div id="events-table" style="width:100%;height:600px;"></div>
59 | 	</div>
60 | 	<div class="fixed-bottom bg-light">
61 | 		<p class="text-center text-muted">Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
62 | 			- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
63 | 			- Using <a href="https://github.com/polkadot-js/api/">Polkadot.js</a></p>
64 | 	</div>
65 | 
66 | 	<!-- Bootstrap core JavaScript
67 |     ================================================== -->
68 | 	<!-- Placed at the end of the document so the pages load faster -->
69 | 	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
70 | 		integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
71 | 		crossorigin="anonymous"></script>
72 | 	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
73 | 		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
74 | 		crossorigin="anonymous"></script>
75 | 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
76 | 		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
77 | 		crossorigin="anonymous"></script>
78 | 
79 | 	<!-- Custom JavaScript -->
80 | 	<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
81 | 	<script src="//unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
82 | 	<script src="//unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
83 | 	<script src="//unpkg.com/@polkadot/types/bundle-polkadot-types.js"></script>
84 | 	<script src="//unpkg.com/@polkadot/api/bundle-polkadot-api.js"></script>
85 | 	<script src="event-count.js"></script>
86 | </body>
87 | 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en" class="h-100">
  3 | 
  4 | <head>
  5 | 	<meta charset="utf-8">
  6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7 | 	<meta name="description" content="Simple Utilities for Substrate">
  8 | 	<meta name="author" content="Shawn Tabrizi">
  9 | 	<title>Substrate JS Utilities</title>
 10 | 
 11 | 	<!-- Bootstrap core CSS -->
 12 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 13 | 		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 14 | 	<!-- Custom styles for this template -->
 15 | 	<link href="custom.css" rel="stylesheet">
 16 | 	<!-- Simple Analytics -->
 17 | 	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
 18 | 	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
 19 | 			referrerpolicy="no-referrer-when-downgrade" /></noscript>
 20 | </head>
 21 | 
 22 | <body class="d-flex flex-column h-100">
 23 | 	<main role="main" class="flex-shrink-0">
 24 | 		<div class="container">
 25 | 			<h1 class="mt-5">Substrate Utilities</h1>
 26 | 			<p class="lead">Hopefully this page helps you do something.</p>
 27 | 			<div class="row">
 28 | 				<div class="col">
 29 | 					<h4>More Utilities</h4>
 30 | 					<ul>
 31 | 						<li><a href="./codec/">SCALE Decoder</a></li>
 32 | 						<li><a href="./indices/">Query Indices</a></li>
 33 | 						<li><a href="./versions/">Network Versions</a></li>
 34 | 						<li><a href="./nominations/">Query Nominations</a></li>
 35 | 						<li><a href="./event-count/">Query Event Count</a></li>
 36 | 						<li><a href="https://www.shawntabrizi.com/substrate-balance-graph/">Graph Balances</a></li>
 37 | 						<li><a href="https://www.shawntabrizi.com/substrate-weight-graph/">Graph Weights</a></li>
 38 | 						<li><a href="https://www.shawntabrizi.com/substrate-balance-calculator/">Calculate Reserved
 39 | 								Balances</a></li>
 40 | 						<li><a href="https://shawntabrizi.github.io/substrate-known-keys/">Substrate Known Keys</a></li>
 41 | 					</ul>
 42 | 				</div>
 43 | 			</div>
 44 | 			<div class="row">
 45 | 				<div class="col">
 46 | 					<div class="mb-3">
 47 | 						<h4>String to Hex</h4>
 48 | 						<div class="input-group">
 49 | 							<input type="text" class="form-control" id="string-s2h" placeholder="String">
 50 | 							<div class="input-group-prepend">
 51 | 								<span class="input-group-text" id="addon-wrapping">&#8644;</span>
 52 | 							</div>
 53 | 							<input type="text" class="form-control" id="hex-s2h" placeholder="Hex">
 54 | 						</div>
 55 | 						<h4>Balance to Hex (Little Endian)</h4>
 56 | 						<div class="input-group">
 57 | 							<input type="text" class="form-control" id="balance-b2h" placeholder="Balance">
 58 | 							<div class="input-group-prepend">
 59 | 								<span class="input-group-text" id="addon-wrapping">&#8644;</span>
 60 | 							</div>
 61 | 							<input type="text" class="form-control" id="hex-b2h" placeholder="Hex">
 62 | 						</div>
 63 | 						<h4>AccountId to Hex</h4>
 64 | 						<div class="input-group">
 65 | 							<input type="text" class="form-control" id="account-a2h" placeholder="AccountId">
 66 | 							<div class="input-group-prepend">
 67 | 								<span class="input-group-text" id="addon-wrapping">&#8644;</span>
 68 | 							</div>
 69 | 							<input type="text" class="form-control" id="hex-a2h" placeholder="Hex">
 70 | 						</div>
 71 | 						<h4>Blake2 a String</h4>
 72 | 						<div class="input-group">
 73 | 							<input type="text" class="form-control col-5" id="input-blake2" placeholder="Input">
 74 | 							<input type="text" class="form-control col-1" id="bits-blake2" placeholder="Bits"
 75 | 								value="256">
 76 | 							<div class="input-group-prepend">
 77 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
 78 | 							</div>
 79 | 							<div type="text" class="form-control" id="hash-blake2">Hash</div>
 80 | 						</div>
 81 | 						<h4>Blake2 Concat a String</h4>
 82 | 						<div class="input-group">
 83 | 							<input type="text" class="form-control col-5" id="input-blake2-concat" placeholder="Input">
 84 | 							<input type="text" class="form-control col-1" id="bits-blake2-concat" placeholder="Bits"
 85 | 								value="128">
 86 | 							<div class="input-group-prepend">
 87 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
 88 | 							</div>
 89 | 							<div type="text" class="form-control" id="hash-blake2-concat">Hash</div>
 90 | 						</div>
 91 | 						<h4>XXHash a String</h4>
 92 | 						<div class="input-group">
 93 | 							<input type="text" class="form-control col-5" id="input-xxhash" placeholder="Input">
 94 | 							<input type="text" class="form-control col-1" id="bits-xxhash" placeholder="Bits"
 95 | 								value="128">
 96 | 							<div class="input-group-prepend">
 97 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
 98 | 							</div>
 99 | 							<div type="text" class="form-control" id="hash-xxhash">Hash</div>
100 | 						</div>
101 | 						<h4>XXHash Concat a String</h4>
102 | 						<div class="input-group">
103 | 							<input type="text" class="form-control col-5" id="input-xxhash-concat" placeholder="Input">
104 | 							<input type="text" class="form-control col-1" id="bits-xxhash-concat" placeholder="Bits"
105 | 								value="64">
106 | 							<div class="input-group-prepend">
107 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
108 | 							</div>
109 | 							<div type="text" class="form-control" id="hash-xxhash-concat">Hash</div>
110 | 						</div>
111 | 						<h4>Seed to Address</h4>
112 | 						<div class="input-group">
113 | 							<input type="text" class="form-control" id="seed-s2a" placeholder="Input">
114 | 							<div class="input-group-prepend">
115 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
116 | 							</div>
117 | 							<div type="text" class="form-control" id="address-s2a">Address
118 | 							</div>
119 | 						</div>
120 | 						<h4>Change Address Prefix
121 | 							<a
122 | 								href="https://github.com/paritytech/substrate/wiki/External-Address-Format-(SS58)#address-type">(Prefix
123 | 								Lookup)</a>
124 | 						</h4>
125 | 						<div class="input-group">
126 | 							<input type="text" class="form-control col-5" id="address-cap" placeholder="Address">
127 | 							<input type="text" class="form-control col-1" id="prefix-cap" placeholder="Prefix">
128 | 							<div class="input-group-prepend">
129 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
130 | 							</div>
131 | 							<div type="text" class="form-control" id="result-cap">Address
132 | 							</div>
133 | 						</div>
134 | 						<h4>"Module ID" to Address</h4>
135 | 						<div class="input-group">
136 | 							<input type="text" class="form-control" id="moduleId-modid" placeholder="ModuleId">
137 | 							<div class="input-group-prepend">
138 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
139 | 							</div>
140 | 							<div type="text" class="form-control" id="address-modid">Address
141 | 							</div>
142 | 						</div>
143 | 						<h4>"Para ID" to Address</h4>
144 | 						<div class="input-group">
145 | 							<input type="text" class="form-control col-5" id="paraId-paraid" placeholder="ParaId">
146 | 							<select id="type-paraid" class="form-control col-1">
147 | 								<option value="para" selected="selected">Child</option>
148 | 								<option value="sibl">Sibling</option>
149 | 							</select>
150 | 							<div class="input-group-prepend">
151 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
152 | 							</div>
153 | 							<div type="text" class="form-control" id="address-paraid">Address
154 | 							</div>
155 | 						</div>
156 | 						<h4>Sub-Account Generator</h4>
157 | 						<div class="input-group">
158 | 							<input type="text" class="form-control col-5" id="address-subid" placeholder="Address">
159 | 							<input type="text" class="form-control col-1" id="index-subid" placeholder="Index">
160 | 							<div class="input-group-prepend">
161 | 								<span class="input-group-text" id="addon-wrapping">&#8594;</span>
162 | 							</div>
163 | 							<div type="text" class="form-control" id="subid-subid">Sub-Account
164 | 							</div>
165 | 						</div>
166 | 						<h4>Ethereum to Substrate Address</h4>
167 | 						<div class="input-group">
168 | 							<input type="text" class="form-control" id="eth-e2s" placeholder="Ethereum">
169 | 							<div class="input-group-prepend">
170 | 								<span class="input-group-text" id="addon-wrapping">&#8644;</span>
171 | 							</div>
172 | 							<input type="text" class="form-control" id="sub-e2s" placeholder="Substrate">
173 | 						</div>
174 | 						<h4>u8 Array to Hex</h4>
175 | 						<div class="input-group">
176 | 							<input type="text" class="form-control" id="u8a-u82h"
177 | 								placeholder="Comma Separated u8a Array">
178 | 							<div class="input-group-prepend">
179 | 								<span class="input-group-text" id="addon-wrapping">&#8644;</span>
180 | 							</div>
181 | 							<input type="text" class="form-control" id="hex-u82h" placeholder="Hex">
182 | 						</div>
183 | 					</div>
184 | 				</div>
185 | 			</div>
186 | 		</div>
187 | 	</main>
188 | 
189 | 	<footer class="footer mt-auto py-3">
190 | 		<div class="container">
191 | 			<span class="text-muted">
192 | 				Substrate JS Utilities
193 | 				- Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
194 | 				- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
195 | 				- Using <a href="https://polkadot.js.org/common/">polkadot-js/common</a>
196 | 			</span>
197 | 		</div>
198 | 	</footer>
199 | 	<script src="https://unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
200 | 	<script src="https://unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
201 | 	<script src="https://unpkg.com/@polkadot/keyring/bundle-polkadot-keyring.js"></script>
202 | 
203 | 	<script src="utilities.js"></script>
204 | </body>
205 | 
206 | </html>
207 | 


--------------------------------------------------------------------------------
/indices/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en" class="h-100">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="description" content="Simple Utilities for Substrate">
 8 | 	<meta name="author" content="Shawn Tabrizi">
 9 | 	<title>Substrate JS Utilities: Indices</title>
10 | 
11 | 	<!-- Bootstrap core CSS -->
12 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
13 | 		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
14 | 	<!-- Custom styles for this template -->
15 | 	<link href="../custom.css" rel="stylesheet">
16 | 	<link href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/7.0.4/jsoneditor.min.css" rel="stylesheet">
17 | 	<!-- Simple Analytics -->
18 | 	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
19 | 	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
20 | 			referrerpolicy="no-referrer-when-downgrade" /></noscript>
21 | </head>
22 | 
23 | <body class="d-flex flex-column h-100">
24 | 	<main role="main" class="flex-shrink-0">
25 | 		<div class="container">
26 | 			<h1 class="mt-5"> <a href="../">&#8592; Substrate Utilities</a></h1>
27 | 			<p class="lead">Hopefully this page helps you do something.</p>
28 | 			<h4>Query Indices on a Substrate Chain</h4>
29 | 			<div class="input-group">
30 | 				<div class="input-group-prepend">
31 | 					<span class="input-group-text">Endpoint:</span>
32 | 				</div>
33 | 				<input type="text" class="form-control" id="endpoint" value="wss://kusama-rpc.polkadot.io/"
34 | 					placeholder="wss://..." />
35 | 				<div class="input-group-append">
36 | 					<a class="btn btn-lg btn-primary" onclick="queryIndices();" role="button">Query Indices
37 | 						&raquo;</a>
38 | 				</div>
39 | 			</div>
40 | 			<div class="row">
41 | 				<div class="col">
42 | 					<div class="input-group">
43 | 						<div class="input-group-prepend">
44 | 							<span class="input-group-text">Start Index:</span>
45 | 						</div>
46 | 						<input type="text" class="form-control" id="start" value="0" />
47 | 					</div>
48 | 				</div>
49 | 				<div class="col">
50 | 					<div class="input-group">
51 | 						<div class="input-group-prepend">
52 | 							<span class="input-group-text">End Index:</span>
53 | 						</div>
54 | 						<input type="text" class="form-control" id="end" value="100" />
55 | 					</div>
56 | 				</div>
57 | 			</div>
58 | 			<div id="output"></div>
59 | 			<div class="table-responsive">
60 | 				<table id="indices-table" class="table table-striped table-sm">
61 | 				</table>
62 | 			</div>
63 | 		</div>
64 | 	</main>
65 | 
66 | 	<footer class="footer mt-auto py-3">
67 | 		<div class="container">
68 | 			<span class="text-muted">
69 | 				<a href="../">Substrate JS Utilities</a>
70 | 				- Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
71 | 				- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
72 | 				- Using <a href="https://polkadot.js.org/common/">polkadot-js/common</a>
73 | 			</span>
74 | 		</div>
75 | 	</footer>
76 | 	<script src="//unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
77 | 	<script src="//unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
78 | 	<script src="//unpkg.com/@polkadot/types/bundle-polkadot-types.js"></script>
79 | 	<script src="//unpkg.com/@polkadot/api/bundle-polkadot-api.js"></script>
80 | 	<script src="indices.js"></script>
81 | </body>
82 | 
83 | </html>
84 | 


--------------------------------------------------------------------------------
/indices/indices.js:
--------------------------------------------------------------------------------
  1 | const { WsProvider, ApiPromise } = polkadotApi;
  2 | 
  3 | // Some global variables used by this code.
  4 | let global = {
  5 | 	indices: {},
  6 | 	limit: 1000,
  7 | };
  8 | 
  9 | // Connect to Substrate endpoint
 10 | async function connect() {
 11 | 	let endpoint = document.getElementById('endpoint').value;
 12 | 	if (!window.substrate || global.endpoint != endpoint) {
 13 | 		const provider = new WsProvider(endpoint);
 14 | 		document.getElementById('output').innerHTML = 'Connecting to Endpoint...';
 15 | 		window.substrate = await ApiPromise.create({ provider });
 16 | 		global.endpoint = endpoint;
 17 | 		document.getElementById('output').innerHTML = 'Connected';
 18 | 		clearIndices();
 19 | 	}
 20 | }
 21 | 
 22 | // Batch query indices information from the chain
 23 | async function findIndices(a, b) {
 24 | 	document.getElementById('output').innerHTML = "Querying...";
 25 | 	let queries = [];
 26 | 	for (let i = a; i <= b; i++) {
 27 | 		// Don't look up values we already have
 28 | 		if (!(i in global.indices)) {
 29 | 			let query = substrate.query.indices.accounts(i);
 30 | 			queries.push(i, query);
 31 | 		}
 32 | 	}
 33 | 
 34 | 	let results = await Promise.all(queries);
 35 | 
 36 | 	for (let i = 0; i < results.length; i += 2) {
 37 | 		let index = results[i];
 38 | 		let account = results[i + 1];
 39 | 		let info = [];
 40 | 		info.push(index);
 41 | 		let ss58 = substrate.createType('AccountIndex', index).toString();
 42 | 		info.push(ss58);
 43 | 		let indexInfo = account.isEmpty ? ["unclaimed", "", ""] : account.value;
 44 | 		global.indices[index] = info.concat(indexInfo);
 45 | 	}
 46 | }
 47 | 
 48 | // Create a table with the index information
 49 | function createTable() {
 50 | 	document.getElementById('output').innerHTML = "Creating Table...";
 51 | 
 52 | 	let keys = ["Index", "SS58", "Owner", "Deposit", "Permanent?"];
 53 | 
 54 | 	let table = document.getElementById('indices-table');
 55 | 
 56 | 	// Clear table
 57 | 	while (table.firstChild) {
 58 | 		table.removeChild(table.firstChild);
 59 | 	}
 60 | 
 61 | 	let thead = document.createElement('thead');
 62 | 	let tbody = document.createElement('tbody');
 63 | 
 64 | 	let tr = document.createElement('tr');
 65 | 	for (key of keys) {
 66 | 		let th = document.createElement('th');
 67 | 		th.innerText = key;
 68 | 		tr.appendChild(th);
 69 | 	}
 70 | 
 71 | 	for (index of Object.keys(global.indices)) {
 72 | 		let tr2 = document.createElement('tr');
 73 | 
 74 | 		for (key in keys) {
 75 | 			let td = document.createElement('td');
 76 | 			td.innerText = global.indices[index][key];
 77 | 			tr2.appendChild(td);
 78 | 		}
 79 | 		tbody.appendChild(tr2);
 80 | 	}
 81 | 
 82 | 	thead.appendChild(tr);
 83 | 	table.appendChild(thead);
 84 | 	table.appendChild(tbody);
 85 | 
 86 | 	document.getElementById('output').innerHTML = "Done.";
 87 | }
 88 | 
 89 | // Clear the table and all stored indices
 90 | function clearIndices() {
 91 | 	global.indices = {};
 92 | 	let table = document.getElementById('indices-table');
 93 | 	// Clear table
 94 | 	while (table.firstChild) {
 95 | 		table.removeChild(table.firstChild);
 96 | 	}
 97 | }
 98 | 
 99 | // Main function
100 | async function queryIndices() {
101 | 	try {
102 | 		await connect();
103 | 
104 | 		let start = parseInt(document.getElementById("start").value);
105 | 		let end = parseInt(document.getElementById("end").value);
106 | 
107 | 		if (end - start > global.limit) {
108 | 			throw `Range is too large! Max range is ${global.limit} in one query.`;
109 | 		}
110 | 
111 | 		await findIndices(start, end);
112 | 		createTable();
113 | 
114 | 	} catch (error) {
115 | 		document.getElementById('output').innerHTML = error;
116 | 	}
117 | }
118 | 


--------------------------------------------------------------------------------
/nominations/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en" class="h-100">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="description" content="Simple Utilities for Substrate">
 8 | 	<meta name="author" content="Shawn Tabrizi">
 9 | 	<title>Substrate JS Utilities: Nominations</title>
10 | 
11 | 	<!-- Bootstrap core CSS -->
12 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
13 | 		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
14 | 	<!-- Custom styles for this template -->
15 | 	<link href="../custom.css" rel="stylesheet">
16 | 	<link href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/7.0.4/jsoneditor.min.css" rel="stylesheet">
17 | 	<!-- Simple Analytics -->
18 | 	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
19 | 	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
20 | 			referrerpolicy="no-referrer-when-downgrade" /></noscript>
21 | </head>
22 | 
23 | <body class="d-flex flex-column h-100">
24 | 	<main role="main" class="flex-shrink-0">
25 | 		<div class="container">
26 | 			<h1 class="mt-5"> <a href="../">&#8592; Substrate Utilities</a></h1>
27 | 			<p class="lead">Hopefully this page helps you do something.</p>
28 | 			<h4>Query Nominations on a Substrate Chain</h4>
29 | 			<div class="input-group">
30 | 				<div class="input-group-prepend">
31 | 					<span class="input-group-text">Address:</span>
32 | 				</div>
33 | 				<input type="text" class="form-control" id="address"
34 | 					value="12hAtDZJGt4of3m2GqZcUCVAjZPALfvPwvtUTFZPQUbdX1Ud" placeholder="Address" />
35 | 				<div class="input-group-append">
36 | 					<a class="btn btn-lg btn-primary" onclick="queryNominations();" role="button">Query Nominations
37 | 						&raquo;</a>
38 | 				</div>
39 | 			</div>
40 | 			<div class="input-group">
41 | 				<div class="input-group-prepend">
42 | 					<span class="input-group-text">Endpoint:</span>
43 | 				</div>
44 | 				<input type="text" class="form-control" id="endpoint" value="wss://kusama-rpc.polkadot.io/"
45 | 					placeholder="wss://..." />
46 | 
47 | 				<div class="input-group-prepend">
48 | 					<span class="input-group-text">Inflation (%):</span>
49 | 				</div>
50 | 				<input type="number" class="form-control" id="inflation" value="12" placeholder="12" />
51 | 			</div>
52 | 			<div id="output"></div>
53 | 			<br />
54 | 			<div class="alert alert-success" role="alert" id="estimate" style="display: none"></div>
55 | 			<br />
56 | 			<div class="table-responsive">
57 | 				<table id="validators-table" class="table table-striped table-sm">
58 | 				</table>
59 | 			</div>
60 | 		</div>
61 | 	</main>
62 | 
63 | 	<footer class="footer mt-auto py-3">
64 | 		<div class="container">
65 | 			<span class="text-muted">
66 | 				<a href="../">Substrate JS Utilities</a>
67 | 				- Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
68 | 				- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
69 | 				- Using <a href="https://polkadot.js.org/common/">polkadot-js/common</a>
70 | 			</span>
71 | 		</div>
72 | 	</footer>
73 | 	<script src="//unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
74 | 	<script src="//unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
75 | 	<script src="//unpkg.com/@polkadot/types/bundle-polkadot-types.js"></script>
76 | 	<script src="//unpkg.com/@polkadot/api/bundle-polkadot-api.js"></script>
77 | 	<script src="nominations.js"></script>
78 | </body>
79 | 
80 | </html>
81 | 


--------------------------------------------------------------------------------
/nominations/nominations.js:
--------------------------------------------------------------------------------
  1 | const { WsProvider, ApiPromise } = polkadotApi;
  2 | const { BN, BN_HUNDRED } = polkadotUtil;
  3 | 
  4 | // Some global variables used by this code.
  5 | let global = {
  6 | 	endpoint: "",
  7 | 	account: {},
  8 | 	validators: [],
  9 | };
 10 | 
 11 | function output(text) {
 12 | 	document.getElementById('output').innerHTML = text;
 13 | }
 14 | 
 15 | // Connect to Substrate endpoint
 16 | async function connect() {
 17 | 	let endpoint = document.getElementById('endpoint').value;
 18 | 	if (!window.substrate || global.endpoint != endpoint) {
 19 | 		const provider = new WsProvider(endpoint);
 20 | 		output('Connecting to Endpoint...');
 21 | 		window.substrate = await ApiPromise.create({ provider });
 22 | 		global.endpoint = endpoint;
 23 | 		output('Connected');
 24 | 	}
 25 | }
 26 | 
 27 | async function getNominations(address) {
 28 | 	output("Querying...");
 29 | 	if (!substrate.derive.staking) {
 30 | 		output("Could not find derive.staking API.");
 31 | 		return;
 32 | 	}
 33 | 
 34 | 	global.account = await substrate.derive.staking.account(address);
 35 | 	if (global.account.nominators.length == 0) {
 36 | 		output(`No nominations found for ${address}.`);
 37 | 		return;
 38 | 	}
 39 | 	global.validators = await substrate.derive.staking.accounts(global.account.nominators);
 40 | 	// pull out commission and get identity
 41 | 	for ([index, validator] of global.validators.entries()) {
 42 | 		validator["identity"] = await substrate.derive.accounts.identity(validator.accountId);
 43 | 		validator["commission"] = validator.validatorPrefs.commission.toHuman();
 44 | 		validator["display"] = validator.identity.displayParent ? validator.identity.displayParent + "/" : "";
 45 | 		validator["display"] += validator.identity.display;
 46 | 		validator["#"] = index;
 47 | 		validator["lastClaimed"] = validator.stakingLedger.claimedRewards.slice(-1)[0];
 48 | 		validator["selfStake"] = substrate.createType("Balance", validator.stakingLedger.active).toHuman();
 49 | 	}
 50 | 	return global.validators;
 51 | }
 52 | 
 53 | // Create a table with the information
 54 | function createTable(validators) {
 55 | 	if (!validators || validator.length == 0) {
 56 | 		output("No nominations found.");
 57 | 		return;
 58 | 	}
 59 | 	output("Creating Table...");
 60 | 
 61 | 	let keys = ["#", "display", "accountId", "commission", "lastClaimed", "selfStake"];
 62 | 	let table = document.getElementById('validators-table');
 63 | 
 64 | 	// Clear table
 65 | 	while (table.firstChild) {
 66 | 		table.removeChild(table.firstChild);
 67 | 	}
 68 | 
 69 | 	let thead = document.createElement('thead');
 70 | 	let tbody = document.createElement('tbody');
 71 | 
 72 | 	let tr = document.createElement('tr');
 73 | 	for (key of keys) {
 74 | 		let th = document.createElement('th');
 75 | 		th.innerText = key;
 76 | 		tr.appendChild(th);
 77 | 	}
 78 | 
 79 | 	for (account of validators) {
 80 | 		let tr2 = document.createElement('tr');
 81 | 
 82 | 		for (key of keys) {
 83 | 			let td = document.createElement('td');
 84 | 			td.innerText = account[key];
 85 | 			tr2.appendChild(td);
 86 | 		}
 87 | 		tbody.appendChild(tr2);
 88 | 	}
 89 | 
 90 | 	thead.appendChild(tr);
 91 | 	table.appendChild(thead);
 92 | 	table.appendChild(tbody);
 93 | 
 94 | 	output("Done.");
 95 | }
 96 | 
 97 | function estimateReward() {
 98 | 	if (global.account && global.account.stakingLedger) {
 99 | 		let active = global.account.stakingLedger.active.toBn();
100 | 		let inflation = document.getElementById('inflation').value;
101 | 		let yearlyInflation = new BN(inflation, 10);
102 | 		let yearlyReward = active.mul(yearlyInflation).div(BN_HUNDRED);
103 | 		let daysInYear = new BN("365", 10);
104 | 
105 | 		let dailyReward = yearlyReward.div(daysInYear);
106 | 		global.account["selfStake"] = substrate.createType("Balance", dailyReward).toHuman();
107 | 
108 | 		document.getElementById('estimate').innerText = `Active Stake: ${substrate.createType("Balance", active).toHuman()}
109 | 			Assuming Yearly Inflation: ${yearlyInflation}%
110 | 			Estimated Yearly Rewards: ${substrate.createType("Balance", yearlyReward).toHuman()}
111 | 			Estimated Daily Rewards: ${substrate.createType("Balance", dailyReward).toHuman()}
112 | 		`;
113 | 
114 | 		document.getElementById('estimate').style.display = "block";
115 | 	}
116 | }
117 | 
118 | // Main function
119 | async function queryNominations() {
120 | 	try {
121 | 		await connect();
122 | 
123 | 		let address = document.getElementById("address").value;
124 | 
125 | 		let validators = await getNominations(address);
126 | 		estimateReward();
127 | 		createTable(validators);
128 | 
129 | 	} catch (error) {
130 | 		console.error(error);
131 | 		output(error);
132 | 	}
133 | }
134 | 
135 | document.getElementById('inflation').addEventListener("change", estimateReward);
136 | 
137 | connect();
138 | 


--------------------------------------------------------------------------------
/utilities.js:
--------------------------------------------------------------------------------
  1 | const { stringToHex, isHex, bnToHex, hexToBn, hexToU8a, hexToString, u8aToHex, stringToU8a, bnToU8a } = polkadotUtil;
  2 | const { blake2AsHex, keccak256AsU8a, xxhashAsHex, encodeAddress, decodeAddress, blake2AsU8a } = polkadotUtilCrypto;
  3 | const { Keyring } = polkadotKeyring;
  4 | /* String to Hex */
  5 | let s2h = {
  6 | 	"string": document.getElementById("string-s2h"),
  7 | 	"hex": document.getElementById("hex-s2h")
  8 | };
  9 | 
 10 | s2h.string.addEventListener("input", string2hex);
 11 | s2h.hex.addEventListener("input", hex2string);
 12 | 
 13 | function string2hex() {
 14 | 	try {
 15 | 		s2h.hex.value = stringToHex(s2h.string.value);
 16 | 	} catch (e) {
 17 | 		s2h.hex.value = "Error";
 18 | 		console.error(e);
 19 | 	}
 20 | }
 21 | 
 22 | function hex2string() {
 23 | 	try {
 24 | 		s2h.string.value = hexToString(s2h.hex.value);
 25 | 	} catch (e) {
 26 | 		s2h.string.value = "Error";
 27 | 		console.error(e);
 28 | 	}
 29 | }
 30 | 
 31 | /* Balance to Hex (Little Endian) */
 32 | let b2h = {
 33 | 	"balance": document.getElementById("balance-b2h"),
 34 | 	"hex": document.getElementById("hex-b2h")
 35 | };
 36 | 
 37 | b2h.balance.addEventListener("input", bn2hex);
 38 | b2h.hex.addEventListener("input", hex2bn);
 39 | 
 40 | function bn2hex() {
 41 | 	try {
 42 | 		b2h.hex.value = bnToHex(b2h.balance.value, { isLe: true });
 43 | 	} catch (e) {
 44 | 		b2h.hex.value = "Error";
 45 | 		console.error(e);
 46 | 	}
 47 | }
 48 | 
 49 | function hex2bn() {
 50 | 	try {
 51 | 		b2h.balance.value = hexToBn(b2h.hex.value, { isLe: true });
 52 | 	} catch (e) {
 53 | 		b2h.balance.value = "Error";
 54 | 		console.error(e);
 55 | 	}
 56 | }
 57 | 
 58 | /* AccountId to Hex */
 59 | let a2h = {
 60 | 	"account": document.getElementById("account-a2h"),
 61 | 	"hex": document.getElementById("hex-a2h")
 62 | };
 63 | 
 64 | a2h.account.addEventListener("input", account2hex);
 65 | a2h.hex.addEventListener("input", hex2account);
 66 | 
 67 | function account2hex() {
 68 | 	try {
 69 | 		a2h.hex.value = u8aToHex(decodeAddress(a2h.account.value));
 70 | 	} catch (e) {
 71 | 		a2h.hex.value = "Error";
 72 | 		console.error(e);
 73 | 	}
 74 | }
 75 | 
 76 | function hex2account() {
 77 | 	try {
 78 | 		a2h.account.value = encodeAddress(a2h.hex.value);
 79 | 	} catch (e) {
 80 | 		a2h.account.value = "Error";
 81 | 		console.error(e);
 82 | 	}
 83 | }
 84 | 
 85 | /* Blake-256 a String */
 86 | let blake2 = {
 87 | 	"input": document.getElementById("input-blake2"),
 88 | 	"bits": document.getElementById("bits-blake2"),
 89 | 	"hash": document.getElementById("hash-blake2")
 90 | };
 91 | 
 92 | blake2.input.addEventListener("input", blake2string);
 93 | blake2.bits.addEventListener("input", blake2string);
 94 | 
 95 | function blake2string() {
 96 | 	try {
 97 | 		blake2.hash.innerText = blake2AsHex(blake2.input.value, blake2.bits.value);
 98 | 	} catch (e) {
 99 | 		blake2.hash.innerText = "Error";
100 | 		console.error(e);
101 | 	}
102 | }
103 | 
104 | /* Blake-256 Concat a String */
105 | let blake2concat = {
106 | 	"input": document.getElementById("input-blake2-concat"),
107 | 	"bits": document.getElementById("bits-blake2-concat"),
108 | 	"hash": document.getElementById("hash-blake2-concat")
109 | };
110 | 
111 | blake2concat.input.addEventListener("input", blake2ConcatString);
112 | blake2concat.bits.addEventListener("input", blake2ConcatString);
113 | 
114 | function blake2ConcatString() {
115 | 	try {
116 | 		let hash = blake2AsHex(blake2concat.input.value, blake2concat.bits.value);
117 | 		if (isHex(blake2concat.input.value)) {
118 | 			hash += blake2concat.input.value.substr(2);
119 | 		} else {
120 | 			hash += stringToHex(blake2concat.input.value).substr(2);
121 | 		}
122 | 		blake2concat.hash.innerText = hash;
123 | 	} catch (e) {
124 | 		blake2concat.hash.innerText = "Error";
125 | 		console.error(e);
126 | 	}
127 | }
128 | 
129 | /* XXHash a String */
130 | let xxhash = {
131 | 	"input": document.getElementById("input-xxhash"),
132 | 	"bits": document.getElementById("bits-xxhash"),
133 | 	"hash": document.getElementById("hash-xxhash")
134 | };
135 | 
136 | xxhash.input.addEventListener("input", xxhashString);
137 | xxhash.bits.addEventListener("input", xxhashString);
138 | 
139 | function xxhashString() {
140 | 	try {
141 | 		xxhash.hash.innerText = xxhashAsHex(xxhash.input.value, xxhash.bits.value);
142 | 	} catch (e) {
143 | 		xxhash.hash.innerText = "Error";
144 | 		console.error(e);
145 | 	}
146 | }
147 | 
148 | /* XXHash Concat a String */
149 | let xxhashconcat = {
150 | 	"input": document.getElementById("input-xxhash-concat"),
151 | 	"bits": document.getElementById("bits-xxhash-concat"),
152 | 	"hash": document.getElementById("hash-xxhash-concat")
153 | };
154 | 
155 | xxhashconcat.input.addEventListener("input", xxhashConcatString);
156 | xxhashconcat.bits.addEventListener("input", xxhashConcatString);
157 | 
158 | function xxhashConcatString() {
159 | 	try {
160 | 		let hash = xxhashAsHex(xxhashconcat.input.value, xxhashconcat.bits.value);
161 | 		if (isHex(xxhashconcat.input.value)) {
162 | 			hash += xxhashconcat.input.value.substr(2);
163 | 		} else {
164 | 			hash += stringToHex(xxhashconcat.input.value).substr(2);
165 | 		}
166 | 		xxhashconcat.hash.innerText = hash;
167 | 	} catch (e) {
168 | 		xxhashconcat.hash.innerText = "Error";
169 | 		console.error(e);
170 | 	}
171 | }
172 | 
173 | /* Seed to Address */
174 | let s2a = {
175 | 	"address": document.getElementById("address-s2a"),
176 | 	"seed": document.getElementById("seed-s2a")
177 | };
178 | 
179 | s2a.seed.addEventListener("input", seed2address);
180 | 
181 | function seed2address() {
182 | 	try {
183 | 		let k = new Keyring({ type: "sr25519" });
184 | 		let user = k.addFromUri(s2a.seed.value);
185 | 		s2a.address.innerText = user.address;
186 | 	} catch (e) {
187 | 		s2a.address.innerText = "Error";
188 | 		console.error(e);
189 | 	}
190 | }
191 | 
192 | /* Change Address Prefix */
193 | let cap = {
194 | 	"address": document.getElementById("address-cap"),
195 | 	"prefix": document.getElementById("prefix-cap"),
196 | 	"result": document.getElementById("result-cap")
197 | };
198 | 
199 | cap.prefix.addEventListener("input", changeAddressPrefix);
200 | cap.address.addEventListener("input", changeAddressPrefix);
201 | 
202 | function changeAddressPrefix() {
203 | 	try {
204 | 		let address = cap.address.value;
205 | 		let decoded = decodeAddress(address);
206 | 		let prefix = cap.prefix.value;
207 | 		if (prefix) {
208 | 			cap.result.innerText = encodeAddress(decoded, prefix);
209 | 		} else {
210 | 			cap.result.innerText = encodeAddress(decoded);
211 | 		}
212 | 	} catch (e) {
213 | 		cap.result.innerText = "Error";
214 | 		console.error(e);
215 | 	}
216 | }
217 | 
218 | /* Module ID to Address */
219 | let modid = {
220 | 	"moduleId": document.getElementById("moduleId-modid"),
221 | 	"address": document.getElementById("address-modid")
222 | };
223 | 
224 | modid.moduleId.addEventListener("input", moduleId2Address);
225 | modid.address.addEventListener("input", moduleId2Address);
226 | 
227 | function moduleId2Address() {
228 | 	try {
229 | 		let moduleId = modid.moduleId.value;
230 | 		if (moduleId.length != 8) {
231 | 			modid.address.innerText = "Module Id must be 8 characters (i.e. `py/trsry`)";
232 | 			return
233 | 		}
234 | 		let address = stringToU8a(("modl" + moduleId).padEnd(32, '\0'));
235 | 		modid.address.innerText = encodeAddress(address);
236 | 	} catch (e) {
237 | 		modid.address.innerText = "Error";
238 | 		console.error(e);
239 | 	}
240 | }
241 | 
242 | /* Para ID to Address */
243 | let paraid = {
244 | 	"paraId": document.getElementById("paraId-paraid"),
245 | 	"address": document.getElementById("address-paraid")
246 | };
247 | let paraType = document.getElementById("type-paraid");
248 | 
249 | paraid.paraId.addEventListener("input", paraId2Address);
250 | paraid.address.addEventListener("input", paraId2Address);
251 | paraType.addEventListener("input", paraId2Address);
252 | 
253 | function paraId2Address() {
254 | 	try {
255 | 		let paraId = paraid.paraId.value;
256 | 		if (!parseInt(paraId)) {
257 | 			paraid.address.innerText = "Para Id should be a number";
258 | 			return
259 | 		}
260 | 		let type = paraType.value;
261 | 		let typeEncoded = stringToU8a(type);
262 | 		let paraIdEncoded = bnToU8a(parseInt(paraId), 16);
263 | 		let zeroPadding = new Uint8Array(32 - typeEncoded.length - paraIdEncoded.length).fill(0);
264 | 		let address = new Uint8Array([...typeEncoded, ...paraIdEncoded, ...zeroPadding]);
265 | 		paraid.address.innerText = encodeAddress(address);
266 | 	} catch (e) {
267 | 		paraid.address.innerText = "Error";
268 | 		console.error(e);
269 | 	}
270 | }
271 | 
272 | /* Sub Account Generator */
273 | let subid = {
274 | 	"address": document.getElementById("address-subid"),
275 | 	"index": document.getElementById("index-subid"),
276 | 	"subid": document.getElementById("subid-subid")
277 | };
278 | 
279 | subid.address.addEventListener("input", subAccountId);
280 | subid.index.addEventListener("input", subAccountId);
281 | 
282 | function subAccountId() {
283 | 	try {
284 | 		let address = subid.address.value;
285 | 		let index = subid.index.value;
286 | 
287 | 		let seedBytes = stringToU8a("modlpy/utilisuba");
288 | 		let whoBytes = decodeAddress(address);
289 | 		if (isNaN(parseInt(index))) {
290 | 			subid.subid.innerText = "Bad Index";
291 | 			return;
292 | 		}
293 | 		let indexBytes = bnToU8a(parseInt(index), { bitLength: 16 });
294 | 		let combinedBytes = new Uint8Array(seedBytes.length + whoBytes.length + indexBytes.length);
295 | 		combinedBytes.set(seedBytes);
296 | 		combinedBytes.set(whoBytes, seedBytes.length);
297 | 		combinedBytes.set(indexBytes, seedBytes.length + whoBytes.length);
298 | 
299 | 		let entropy = blake2AsU8a(combinedBytes, 256);
300 | 		subid.subid.innerText = encodeAddress(entropy);
301 | 	} catch (e) {
302 | 		subid.subid.innerText = "Error";
303 | 		console.error(e);
304 | 	}
305 | }
306 | 
307 | /* Ethereum to Substrate Address */
308 | let e2s = {
309 | 	"eth": document.getElementById("eth-e2s"),
310 | 	"sub": document.getElementById("sub-e2s"),
311 | };
312 | 
313 | e2s.eth.addEventListener("input", eth2Sub);
314 | e2s.sub.addEventListener("input", sub2Eth);
315 | 
316 | function eth2Sub() {
317 | 	try {
318 | 		let ethAddress = e2s.eth.value;
319 | 
320 | 		// Ensure the address is a valid Ethereum address (20 bytes)
321 | 		if (!ethAddress.startsWith('0x') || ethAddress.length !== 42) {
322 | 			e2s.sub.value = "Invalid Ethereum address";
323 | 			return;
324 | 		}
325 | 
326 | 		// Convert Ethereum address to bytes and append the `e`
327 | 		const ethBytes = hexToU8a(ethAddress);
328 | 		// Create Substrate address with all `0xee`.
329 | 		const substrateBytes = new Uint8Array(32).fill(0xee);
330 | 		// Copy the Ethereum bytes into the first 20 bytes
331 | 		substrateBytes.set(ethBytes, 0);
332 | 
333 | 		// Convert to a Substrate address.
334 | 		const ss58Address = encodeAddress(substrateBytes, 42);
335 | 
336 | 		e2s.sub.value = ss58Address;
337 | 	} catch (e) {
338 | 		e2s.sub.value = "Error";
339 | 		console.error(e);
340 | 	}
341 | }
342 | 
343 | // See https://github.com/paritytech/polkadot-sdk/blob/c4b8ec123afcef596fbc4ea3239ff9e392bcaf36/substrate/frame/revive/src/address.rs?plain=1#L101-L113
344 | function sub2Eth() {
345 | 	try {
346 | 		let substrateAddress = e2s.sub.value;
347 | 
348 | 		// Decode the Substrate address into raw bytes.
349 | 		const substrateBytes = decodeAddress(substrateAddress);
350 | 
351 | 		// if last 12 bytes are all `0xEE`, 
352 | 		// we just strip the 0xEE suffix to get the original address
353 | 		if (substrateBytes.slice(20).every(b => b === 0xEE)) {
354 | 			e2s.eth.value = u8aToHex(substrateBytes.slice(0, 20));
355 | 			return;
356 | 		}
357 | 
358 | 		// this is an (ed|sr)25510 derived address
359 | 		// We Hash it with keccak_256 and take the last 20 bytes
360 | 		const ethBytes = keccak256AsU8a(substrateBytes).slice(-20);
361 | 
362 | 		// Convert to Ethereum address.
363 | 		const ethAddress = u8aToHex(ethBytes);
364 | 
365 | 		e2s.eth.value = ethAddress;
366 | 	} catch (e) {
367 | 		e2s.eth.value = "Error";
368 | 		console.error(e);
369 | 	}
370 | }
371 | 
372 | /* u8a to Hex */
373 | let u82h = {
374 | 	"u8a": document.getElementById("u8a-u82h"),
375 | 	"hex": document.getElementById("hex-u82h")
376 | };
377 | 
378 | u82h.u8a.addEventListener("input", u8a2hex);
379 | u82h.hex.addEventListener("input", hex2u8a);
380 | 
381 | function u8a2hex() {
382 | 	try {
383 | 		let array = u82h.u8a.value.replace(/ /g, "").split(",").filter(e => e);
384 | 		let u8array = new Uint8Array(array);
385 | 		u82h.hex.value = u8aToHex(u8array);
386 | 	} catch (e) {
387 | 		u82h.hex.value = "Error";
388 | 		console.error(e);
389 | 	}
390 | }
391 | 
392 | function hex2u8a() {
393 | 	try {
394 | 		let array = u82h.hex.value.match(/.{1,2}/g).map(byte => parseInt(byte, 16));
395 | 		let u8a = new Uint8Array(array);
396 | 		u82h.u8a.value = u8a;
397 | 	} catch (e) {
398 | 		u82h.hex.value = "Error";
399 | 		console.error(e);
400 | 	}
401 | }
402 | 


--------------------------------------------------------------------------------
/versions/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en" class="h-100">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="description" content="Simple Utilities for Substrate">
 8 | 	<meta name="author" content="Shawn Tabrizi">
 9 | 	<title>Substrate JS Utilities: Network Versions</title>
10 | 
11 | 	<!-- Bootstrap core CSS -->
12 | 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
13 | 		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
14 | 	<!-- Custom styles for this template -->
15 | 	<link href="../custom.css" rel="stylesheet">
16 | 	<link href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/7.0.4/jsoneditor.min.css" rel="stylesheet">
17 | 	<!-- Simple Analytics -->
18 | 	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
19 | 	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
20 | 			referrerpolicy="no-referrer-when-downgrade" /></noscript>
21 | </head>
22 | 
23 | <body class="d-flex flex-column h-100">
24 | 	<main role="main" class="flex-shrink-0">
25 | 		<div class="container">
26 | 			<h1 class="mt-5"> <a href="../">&#8592; Substrate Utilities</a></h1>
27 | 			<p class="lead">Hopefully this page helps you do something.</p>
28 | 			<h4>Get Versions of Substrate Chains</h4>
29 | 			<a class="btn btn-lg btn-primary" onclick="queryVersions();" role="button">Start
30 | 				&raquo;</a>
31 | 			<div id="output"></div>
32 | 			<div class="table-responsive">
33 | 				<table id="versions-table" class="table table-striped table-sm">
34 | 				</table>
35 | 			</div>
36 | 		</div>
37 | 	</main>
38 | 
39 | 	<footer class="footer mt-auto py-3">
40 | 		<div class="container">
41 | 			<span class="text-muted">
42 | 				<a href="../">Substrate JS Utilities</a>
43 | 				- Created by <a href="https://shawntabrizi.com">Shawn Tabrizi</a>
44 | 				- Source on <a href="https://github.com/shawntabrizi/substrate-js-utilities">GitHub</a>
45 | 				- Using <a href="https://polkadot.js.org/common/">polkadot-js/common</a>
46 | 			</span>
47 | 		</div>
48 | 	</footer>
49 | 	<script src="//unpkg.com/@polkadot/util/bundle-polkadot-util.js"></script>
50 | 	<script src="//unpkg.com/@polkadot/util-crypto/bundle-polkadot-util-crypto.js"></script>
51 | 	<script src="//unpkg.com/@polkadot/types/bundle-polkadot-types.js"></script>
52 | 	<script src="//unpkg.com/@polkadot/api/bundle-polkadot-api.js"></script>
53 | 	<script src="networks.js"></script>
54 | 	<script src="versions.js"></script>
55 | </body>
56 | 
57 | </html>
58 | 


--------------------------------------------------------------------------------
/versions/networks.js:
--------------------------------------------------------------------------------
1 | const networks = [
2 | 	"wss://kusama-rpc.polkadot.io",
3 | 	"wss://rpc.polkadot.io",
4 | 	"wss://statemine-rpc.polkadot.io",
5 | 	"wss://statemint-rpc.polkadot.io",
6 | 	"wss://rococo-rpc.polkadot.io",
7 | 	"wss://westend-rpc.polkadot.io"
8 | ]
9 | 


--------------------------------------------------------------------------------
/versions/versions.js:
--------------------------------------------------------------------------------
 1 | const { ApiPromise, WsProvider } = polkadotApi;
 2 | 
 3 | // Connect to Substrate endpoint
 4 | async function connect(endpoint) {
 5 | 	const provider = new WsProvider(endpoint);
 6 | 	console.log(`Connecting to ${endpoint}`);
 7 | 	window.substrate = await ApiPromise.create({ provider });
 8 | 	console.log(`Connected to ${endpoint}`);
 9 | }
10 | 
11 | let keys = ["specName", "implName", "authoringVersion", "specVersion", "implVersion"];
12 | 
13 | let tbody = document.createElement('tbody');
14 | 
15 | // Create a table with the index information
16 | function createTable() {
17 | 	document.getElementById('output').innerHTML = "Creating Table...";
18 | 	let table = document.getElementById('versions-table');
19 | 
20 | 	// Clear table
21 | 	while (table.firstChild) {
22 | 		table.removeChild(table.firstChild);
23 | 	}
24 | 
25 | 	let thead = document.createElement('thead');
26 | 	let tr = document.createElement('tr');
27 | 
28 | 	let th = document.createElement('th');
29 | 	th.innerText = "network";
30 | 	tr.appendChild(th);
31 | 
32 | 	for (key of keys) {
33 | 		let th = document.createElement('th');
34 | 		th.innerText = key;
35 | 		tr.appendChild(th);
36 | 	}
37 | 
38 | 	thead.appendChild(tr);
39 | 	table.appendChild(thead);
40 | 	table.appendChild(tbody);
41 | }
42 | 
43 | function addRow(network, version) {
44 | 	let tr2 = document.createElement('tr');
45 | 
46 | 	let td = document.createElement('td');
47 | 	td.innerText = network;
48 | 	tr2.appendChild(td);
49 | 
50 | 	for (key of keys) {
51 | 		let td = document.createElement('td');
52 | 		td.innerText = version[key];
53 | 		tr2.appendChild(td);
54 | 	}
55 | 	tbody.appendChild(tr2);
56 | }
57 | 
58 | // Main function
59 | async function queryVersions() {
60 | 	createTable();
61 | 
62 | 	for (network of networks) {
63 | 		try {
64 | 			await connect(network);
65 | 			let version = await substrate.runtimeVersion.toJSON();
66 | 			addRow(network, version);
67 | 		} catch (error) {
68 | 			console.error(error);
69 | 		}
70 | 	}
71 | }
72 | 


--------------------------------------------------------------------------------