From 79b2aa4265967577bde4d1f93f61cf31df0f02d3 Mon Sep 17 00:00:00 2001
From: AJ ONeal <aj@therootcompany.com>
Date: Wed, 14 Aug 2024 15:30:19 -0600
Subject: [PATCH] feat: find denominated coins in wallet

---
 public/index.html    | 23 ++++++++++----------
 public/wallet-app.js | 50 +++++++++++++++++++++++++++++++++++++++-----
 2 files changed, 57 insertions(+), 16 deletions(-)

diff --git a/public/index.html b/public/index.html
index 8be7fa6..961c763 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,7 @@
 		<script src="./node_modules/dashkeys/dashkeys.js"></script>
 		<script src="./node_modules/dashhd/dashhd.js"></script>
 		<script src="./node_modules/dashtx/dashtx.js"></script>
+		<script src="./dashjoin.js"></script>
 		<style>
 			nav {
 				margin-bottom: 0.3rem;
@@ -242,7 +243,7 @@ <h1>Digital Cash Wallet</h1>
 
 					<hr />
 					<label
-						>Cash Drawer (<code data-id="cash-balance">0.0000</code>)
+						>Cash Drawer (<code data-id="cj-balance">0.0000</code>)
 						<small>denominated coins</small>
 					</label>
 					<table>
@@ -268,7 +269,7 @@ <h1>Digital Cash Wallet</h1>
 										value="1"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="have">0</th>
 								<th>
 									<input
 										name="want"
@@ -279,7 +280,7 @@ <h1>Digital Cash Wallet</h1>
 										value="2"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="need">0</th>
 							</tr>
 							<tr data-denom="100001000">
 								<th>1.000<span hidden>01000</span></th>
@@ -293,7 +294,7 @@ <h1>Digital Cash Wallet</h1>
 										value="10"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="have">0</th>
 								<th>
 									<input
 										name="want"
@@ -304,7 +305,7 @@ <h1>Digital Cash Wallet</h1>
 										value="10"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="need">0</th>
 							</tr>
 							<tr data-denom="10000100">
 								<th>0.100<span hidden>00100</span></th>
@@ -318,7 +319,7 @@ <h1>Digital Cash Wallet</h1>
 										value="10"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="have">0</th>
 								<th>
 									<input
 										name="want"
@@ -329,7 +330,7 @@ <h1>Digital Cash Wallet</h1>
 										value="50"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="need">0</th>
 							</tr>
 							<tr data-denom="1000010">
 								<th>0.010<span hidden>00010</span></th>
@@ -343,7 +344,7 @@ <h1>Digital Cash Wallet</h1>
 										value="1"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="have">0</th>
 								<th>
 									<input
 										name="want"
@@ -354,7 +355,7 @@ <h1>Digital Cash Wallet</h1>
 										value="20"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="need">0</th>
 							</tr>
 							<tr data-denom="100001">
 								<th>0.001<span hidden>00001</span></th>
@@ -368,7 +369,7 @@ <h1>Digital Cash Wallet</h1>
 										value="0"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="have">0</th>
 								<th>
 									<input
 										name="want"
@@ -379,7 +380,7 @@ <h1>Digital Cash Wallet</h1>
 										value="5"
 									/>
 								</th>
-								<th>0</th>
+								<th data-name="need">0</th>
 							</tr>
 						</tbody>
 					</table>
diff --git a/public/wallet-app.js b/public/wallet-app.js
index f7ce103..b1f87f8 100644
--- a/public/wallet-app.js
+++ b/public/wallet-app.js
@@ -15,6 +15,8 @@
 	let DashTx = window.DashTx;
 	let Secp256k1 = window.nobleSecp256k1;
 
+	let DashJoin = window.DashJoin;
+
 	const SATS = 100000000;
 	const MIN_BALANCE = 100001 * 1000;
 
@@ -28,6 +30,7 @@
 	let spentAddrs = [];
 	let deltasMap = {};
 	let keysMap = {};
+	let denomsMap = {};
 
 	let keyUtils = {
 		getPrivateKey: async function (txInput, i) {
@@ -440,7 +443,7 @@
 
 	let defaultCjSlots = [
 		{
-			denom: 10000100000,
+			denom: 1000010000,
 			priority: 1,
 			have: 0,
 			want: 2,
@@ -484,19 +487,16 @@
 		return slots;
 	}
 	window.syncCashDrawer = function (event) {
-		console.log('DEBUG syncCashDrawer');
 		let isDirty = false;
 
 		let slots = getCashDrawer();
 		for (let slot of slots) {
 			let $row = $(`[data-denom="${slot.denom}"]`);
-			console.log('DEBUG syncCashDrawer slot', slot, $row);
 
 			let priorityStr = $('[name=priority]', $row).value;
 			if (priorityStr) {
 				let priority = parseFloat(priorityStr);
 				if (slot.priority !== priority) {
-					console.log('DEBUG update priority', slot.priority, priority);
 					isDirty = true;
 					slot.priority = priority;
 				}
@@ -506,7 +506,6 @@
 			if (wantStr) {
 				let want = parseFloat(wantStr);
 				if (slot.want !== want) {
-					console.log('DEBUG update priority', slot.want, want);
 					isDirty = true;
 					slot.want = want;
 				}
@@ -520,12 +519,27 @@
 		return true;
 	};
 	function renderCashDrawer() {
+		let cjBalance = 0;
 		let slots = getCashDrawer();
 		for (let slot of slots) {
 			let $row = $(`[data-denom="${slot.denom}"]`);
+			let addrs = Object.keys(denomsMap[slot.denom]);
+			let have = addrs.length;
+			let need = slot.want - have;
+			need = Math.max(0, need);
+
 			$('[name=priority]', $row).value = slot.priority;
 			$('[name=want]', $row).value = slot.want;
+			$('[data-name=have]', $row).textContent = have;
+			$('[data-name=need]', $row).textContent = need;
+
+			for (let addr of addrs) {
+				cjBalance += denomsMap[slot.denom][addr].satoshis;
+			}
 		}
+
+		let cjAmount = cjBalance / SATS;
+		$('[data-id=cj-balance]').textContent = cjAmount.toFixed(8);
 	}
 
 	async function updateDeltas(addrs) {
@@ -625,6 +639,31 @@
 		}
 	}
 
+	function siftDenoms() {
+		for (let denom of DashJoin.DENOMS) {
+			if (!denomsMap[denom]) {
+				denomsMap[denom] = {};
+			}
+		}
+
+		let addrs = Object.keys(deltasMap);
+		for (let addr of addrs) {
+			let info = deltasMap[addr];
+			if (info.balance === 0) {
+				continue;
+			}
+
+			for (let coin of info.deltas) {
+				let denom = DashJoin.getDenom(coin.satoshis);
+				if (!denom) {
+					continue;
+				}
+
+				denomsMap[denom][coin.address] = coin;
+			}
+		}
+	}
+
 	async function main() {
 		if (network === `testnet`) {
 			let $testnets = $$('[data-network=testnet]');
@@ -634,6 +673,7 @@
 		}
 
 		await init();
+		siftDenoms();
 		renderCashDrawer();
 	}