From 1f661a10a64133f92a1d595d88cbb60d876899b0 Mon Sep 17 00:00:00 2001
From: Ayanami <ayanami0330@protonmail.com>
Date: Mon, 16 May 2022 23:49:30 +0900
Subject: [PATCH] Support Electrum Servers ( Mempool, Blockstream, custom )

---
 index.html    |  54 +++++++++++++++-
 js/coinbin.js | 176 +++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 228 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index a5c5fa4..8db6259 100644
--- a/index.html
+++ b/index.html
@@ -1440,6 +1440,10 @@
 								<p class="text-muted">Select the network you wish to broadcast the transaction via</p>
 								<select class="form-control" id="coinjs_broadcast">
 									<option value="coinb.in">coinb.in (Bitcoin mainnet)</option>
+									<option value="mempool"> mempool.space (Bitcoin mainnet)</option>
+									<option value="mempool_onion"> mempool.space (onion) (Bitcoin mainnet)</option>
+									<option value="blockstream"> Blockstream.info (Bitcoin mainnet)</option>
+									<option value="blockstream_onion"> Blockstream.info (onion) (Bitcoin mainnet)</option>
 									<option value="blockcypher_bitcoinmainnet"> Blockcypher.com (Bitcoin mainnet)</option>
 									<option value="blockcypher_litecoin"> Blockcypher.com (Litecoin)</option>
 									<option value="blockcypher_dogecoin"> Blockcypher.com (Dogecoin)</option>
@@ -1449,10 +1453,32 @@
 									<option value="chain.so_bitcoinmainnet"> Chain.so (Bitcoin mainnet)</option>
 									<option value="chain.so_litecoin"> Chain.so (Litecoin)</option>
 									<option value="chain.so_dogecoin"> Chain.so (Dogecoin)</option>
+									<option value="electrum_custom"> Custom Electrum server</option>
 								</select>
 							</div>
 						</div>
-							
+
+						<div id="customBroadcast" class="hidden">
+
+							<hr>
+
+							<div class="row">
+								<div class="col-md-6">
+									<b>Server</b>: <br>
+									<input type="text" class="form-control" placeholder="http://127.0.0.1:3000/" id="broadcast_server">
+								</div>
+								<div class="col-md-6">
+									<b>Explorer</b>: <br>
+									<input type="text" class="form-control" placeholder="https://mempool.space/" id="broadcast_explorer">
+								</div>
+							</div>
+
+							<br>
+
+							<div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign"></span> This feature is only available for local Electrum instances that supports compatible HTTP API (Currently, only the limited number of Electrum server implementation supports this feature). For compatible API methods, please refer the <a href="https://github.com/Blockstream/esplora/blob/master/API.md" target="_blank">API Docs</a>.</div>
+							<div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign"></span> Currently supported: <a href="https://github.com/Blockstream/electrs" target="_blank">Blockstream/electrs</a>, <a href="https://github.com/mempool/mempool" target="_blank">mempool (HTTP-TCP Proxy for ElectrumX / Electrs / Fulcrum)</a></div>
+						</div>
+
 						<hr>
 
 						<div class="row">
@@ -1461,6 +1487,10 @@
 								<p class="text-muted">Select the network you wish to retreive your unspent outputs from</p>
 								<select class="form-control" id="coinjs_utxo">
 									<option value="coinb.in">coinb.in (Bitcoin mainnet)</option>
+									<option value="mempool"> mempool.space (Bitcoin mainnet)</option>
+									<option value="mempool_onion"> mempool.space (onion) (Bitcoin mainnet)</option>
+									<option value="blockstream"> Blockstream.info (Bitcoin mainnet)</option>
+									<option value="blockstream_onion"> Blockstream.info (onion) (Bitcoin mainnet)</option>
 									<option value="blockcypher_bitcoinmainnet"> Blockcypher.com (Bitcoin mainnet)</option>
 									<option value="blockcypher_litecoin"> Blockcypher.com (Litecoin)</option>
 									<option value="blockcypher_dogecoin"> Blockcypher.com (Dogecoin)</option>
@@ -1470,10 +1500,32 @@
 									<option value="chain.so_bitcoinmainnet"> Chain.so (Bitcoin mainnet)</option>
 									<option value="chain.so_litecoin"> Chain.so (Litecoin)</option>
 									<option value="chain.so_dogecoin"> Chain.so (Dogecoin)</option>
+									<option value="electrum_custom"> Custom Electrum server</option>
 								</select>
 							</div>
 						</div>
 
+						<div id="customUtxo" class="hidden">
+
+							<hr>
+
+							<div class="row">
+								<div class="col-md-6">
+									<b>Server</b>: <br>
+									<input type="text" class="form-control" placeholder="http://127.0.0.1:3000/" id="utxo_server">
+								</div>
+								<div class="col-md-6">
+									<b>Explorer</b>: <br>
+									<input type="text" class="form-control" placeholder="https://mempool.space/" id="utxo_explorer">
+								</div>
+							</div>
+
+							<br>
+
+							<div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign"></span> This feature is only available for local Electrum instances that supports compatible HTTP API (Currently, only the limited number of Electrum server implementation supports this feature). For compatible API methods, please refer the <a href="https://github.com/Blockstream/esplora/blob/master/API.md" target="_blank">API Docs</a>.</div>
+							<div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign"></span> Currently supported: <a href="https://github.com/Blockstream/electrs" target="_blank">Blockstream/electrs</a>, <a href="https://github.com/mempool/mempool" target="_blank">mempool (HTTP-TCP Proxy for ElectrumX / Electrs / Fulcrum)</a></div>
+						</div>
+
 						<br>
 
 						<div id="statusSettings" class="hidden alert">
diff --git a/js/coinbin.js b/js/coinbin.js
index 393b63f..40dfab7 100644
--- a/js/coinbin.js
+++ b/js/coinbin.js
@@ -933,6 +933,42 @@ $(document).ready(function() {
 			listUnspentBlockchair(redeem, "litecoin");
 		} else if(host=='blockchair_dogecoin'){
 			listUnspentBlockchair(redeem, "dogecoin");
+
+		} else if(host=='mempool'){
+			explorer_tx = 'https://mempool.space/tx/';
+			explorer_block = 'https://mempool.space/block/';
+			explorer_addr = 'https://mempool.space/address/';
+			listUnspentElectrum(redeem, "https://mempool.space/api/");
+		} else if(host=='mempool_onion'){
+			explorer_tx = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/tx/';
+			explorer_block = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/block/';
+			explorer_addr = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/address/';
+			listUnspentElectrum(redeem, "http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/api/");
+		} else if(host=='blockstream'){
+			explorer_tx = 'https://blockstream.info/tx/';
+			explorer_block = 'https://blockstream.info/block/';
+			explorer_addr = 'https://blockstream.info/address/';
+			listUnspentElectrum(redeem, "https://blockstream.info/api/");
+		} else if(host=='blockstream_onion'){
+			explorer_tx = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/tx/';
+			explorer_block = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/block/';
+			explorer_addr = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/address/';
+			listUnspentElectrum(redeem, "http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/api/");
+		} else if(host=='electrum_custom'){
+			var utxo_server = $("#utxo_server").val();
+			var utxo_explorer = $("#utxo_explorer").val();
+			if (!utxo_server) {
+				$("#redeemFromStatus").removeClass('hidden').html('<span class="glyphicon glyphicon-exclamation-sign"></span> No electrum server input, please update your settings!');
+				$("#redeemFromBtn").html("Load").attr('disabled',false);
+				return;
+			}
+			if (utxo_explorer) {
+				explorer_tx = `${utxo_explorer}tx/`;
+				explorer_block = `${utxo_explorer}block/`;
+				explorer_addr = `${utxo_explorer}address/`;
+			}
+			listUnspentElectrum(redeem, utxo_server);
+
 		} else {
 			listUnspentDefault(redeem);
 		}
@@ -1231,6 +1267,58 @@ $(document).ready(function() {
 		});
 	}
 
+	/* retrieve unspent data from electrum proxy */
+	function listUnspentElectrum(redeem, api){
+		$.ajax ({
+			type: "GET",
+			url: `${api}address/${redeem.addr}/utxo`,
+			dataType: "json",
+			async: false,
+			error: function(data) {
+				console.log(`Error from ${api}address/${redeem.addr}/utxo`);
+				console.log(data);
+				$("#redeemFromStatus").removeClass('hidden').html('<span class="glyphicon glyphicon-exclamation-sign"></span> Unexpected error, unable to retrieve unspent outputs!');
+			},
+			success: function(data) {
+				if (data.length === 0) {
+					// Address have no UTXO
+					$("#redeemFromAddress").removeClass('hidden').html('<span class="glyphicon glyphicon-info-sign"></span> Retrieved unspent inputs from address <a href="'+explorer_addr+redeem.addr+'" target="_blank">'+redeem.addr+'</a>');
+					return;
+				}
+				for (i = 0; i < data.length; ++i) {
+					$.ajax ({
+						type: "GET",
+						url: `${api}tx/${data[i].txid}`,
+						dataType: "json",
+						async: false,
+						error: function(data2) {
+							console.log(`Error from ${api}tx/${data[i].txid}`);
+							console.log(data2);
+							$("#redeemFromStatus").removeClass('hidden').html('<span class="glyphicon glyphicon-exclamation-sign"></span> Unexpected error, unable to retrieve unspent outputs!');
+						},
+						success: function(data2) {
+							for(var j in data2.vout){
+								var o = data2.vout[j];
+								var n = data[i].vout;
+								if (o.scriptpubkey_address === redeem.addr) {
+									var tx = ((""+data2.txid).match(/.{1,2}/g).reverse()).join("")+'';
+									var script = (redeem.redeemscript==true) ? redeem.decodedRs : o.scriptpubkey;
+									var amount = ((o.value.toString()*1)/100000000).toFixed(8);
+									addOutput(tx, n, script, amount);
+								}
+							}
+						}
+					});
+				}
+				$("#redeemFromAddress").removeClass('hidden').html('<span class="glyphicon glyphicon-info-sign"></span> Retrieved unspent inputs from address <a href="'+explorer_addr+redeem.addr+'" target="_blank">'+redeem.addr+'</a>');
+			},
+			complete: function(data, status) {
+				$("#redeemFromBtn").html("Load").attr('disabled',false);
+				totalInputAmount();
+			}
+		});
+	}
+
 
 	/* math to calculate the inputs and outputs */
 
@@ -1313,7 +1401,30 @@ $(document).ready(function() {
 			},
 			complete: function(data, status) {
 				$("#rawTransactionStatus").fadeOut().fadeIn();
-				$(thisbtn).val('Submit').attr('disabled',false);				
+				$(thisbtn).val('Submit').attr('disabled',false);
+			}
+		});
+	}
+
+	// broadcast transaction via compatible electrum proxy
+	function rawSubmitElectrum(thisbtn, api){
+		$(thisbtn).val('Please wait, loading...').attr('disabled',true);
+		$.ajax ({
+			type: "POST",
+			url: `${api}tx`,
+			data: $("#rawTransaction").val(),
+			dataType: "text",
+			error: function(data) {
+				console.log(`Error from ${api}tx`);
+				console.log(data);
+				$("#rawTransactionStatus").addClass('alert-danger').removeClass('alert-success').removeClass("hidden").html(" There was an error submitting your request, please try again").prepend('<span class="glyphicon glyphicon-exclamation-sign"></span>');
+			},
+			success: function(data) {
+				$("#rawTransactionStatus").addClass('alert-success').removeClass('alert-danger').removeClass("hidden").html(' TXID: ' + data + '<br> <a href="' + explorer_tx + data + '" target="_blank">View on Blockchain Explorer</a>');
+			},
+			complete: function(data, status) {
+				$("#rawTransactionStatus").fadeOut().fadeIn();
+				$(thisbtn).val('Submit').attr('disabled',false);
 			}
 		});
 	}
@@ -1914,6 +2025,24 @@ $(document).ready(function() {
 		}
 	});
 
+	$("#coinjs_broadcast").change(function(){
+		// hide/show custom screen
+		if($("option:selected",this).val()=="electrum_custom"){
+			$("#customBroadcast").removeClass("hidden");
+		} else {
+			$("#customBroadcast").addClass("hidden");
+		}
+	});
+
+	$("#coinjs_utxo").change(function(){
+		// hide/show custom screen
+		if($("option:selected",this).val()=="electrum_custom"){
+			$("#customUtxo").removeClass("hidden");
+		} else {
+			$("#customUtxo").addClass("hidden");
+		}
+	});
+
 	function configureBroadcast(){
 		var host = $("#coinjs_broadcast option:selected").val();
 
@@ -1959,6 +2088,51 @@ $(document).ready(function() {
 			$("#rawSubmitBtn").click(function(){
 				rawSubmitblockchair(this, "dogecoin");
 			});
+		} else if(host=='mempool'){
+			$("#rawSubmitBtn").click(function(){
+				explorer_tx = 'https://mempool.space/tx/';
+				explorer_block = 'https://mempool.space/block/';
+				explorer_addr = 'https://mempool.space/address/';
+				rawSubmitElectrum(this, "https://mempool.space/api/");
+			});
+		} else if(host=='mempool_onion'){
+			$("#rawSubmitBtn").click(function(){
+				explorer_tx = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/tx/';
+				explorer_block = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/block/';
+				explorer_addr = 'http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/address/';
+				rawSubmitElectrum(this, "http://mempoolhqx4isw62xs7abwphsq7ldayuidyx2v2oethdhhj6mlo2r6ad.onion/api/");
+			});
+		} else if(host=='blockstream'){
+			$("#rawSubmitBtn").click(function(){
+				explorer_tx = 'https://blockstream.info/tx/';
+				explorer_block = 'https://blockstream.info/block/';
+				explorer_addr = 'https://blockstream.info/address/';
+				rawSubmitElectrum(this, "https://blockstream.info/api/");
+			});
+		} else if(host=='blockstream_onion'){
+			$("#rawSubmitBtn").click(function(){
+				explorer_tx = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/tx/';
+				explorer_block = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/block/';
+				explorer_addr = 'http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/address/';
+				rawSubmitElectrum(this, "http://explorerzydxu5ecjrkwceayqybizmpjjznk5izmitf2modhcusuqlid.onion/api/");
+			});
+		} else if(host=='electrum_custom'){
+			$("#rawSubmitBtn").click(function(){
+				var broadcast_server = $("#broadcast_server").val();
+				var broadcast_explorer = $("#broadcast_explorer").val();
+				if (!broadcast_server) {
+					$("#rawTransactionStatus").addClass('alert-danger').removeClass('alert-success').removeClass("hidden").html(" No electrum server input, please update your settings").prepend('<span class="glyphicon glyphicon-exclamation-sign"></span>');
+					$("#rawTransactionStatus").fadeOut().fadeIn();
+					$(thisbtn).val('Submit').attr('disabled',false);
+					return;
+				}
+				if (broadcast_explorer) {
+					explorer_tx = `${broadcast_explorer}tx/`;
+					explorer_block = `${broadcast_explorer}block/`;
+					explorer_addr = `${broadcast_explorer}address/`;
+				}
+				rawSubmitElectrum(this, broadcast_server);
+			});
 		} else {
 			$("#rawSubmitBtn").click(function(){
 				rawSubmitDefault(this); // revert to default