diff options
Diffstat (limited to 'prog/ž/app.html')
| -rw-r--r-- | prog/ž/app.html | 473 |
1 files changed, 473 insertions, 0 deletions
diff --git a/prog/ž/app.html b/prog/ž/app.html new file mode 100644 index 0000000..f5601e1 --- /dev/null +++ b/prog/ž/app.html @@ -0,0 +1,473 @@ +<!DOCTYPE html> +<style> +img { + display: none +} +</style> +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<label for=sec1>sec1 pubkey or directory entry: </label><input onchange=paypossible() placeholder="02ab83cc.../adrian" id=sec1> +<label for=amount>amount: </label><input onchange=paypossible() type=number min=0 max=4294967296 id=amount> +<br><label for=comment>comment:</label> +<br><textarea maxlength=256 style=width:100%;height:3cm placeholder="2023-06-18 21:06:40 +kava v motorinu" id=comment></textarea> +<button onclick=paynow() disabled id=pay>pay</button> +<br><label for=directory>directory:</label> +<br><textarea id=directory style=width:100%;height:3cm placeholder="02ab82cd... anton +0384cc98... adrian +03ccdd99... oliver" onchange=savedir()></textarea> +<br><label for=computer>computer:</label> <input onchange=comp() id=computer placeholder="https://denar.sijanec.eu/api.php?m=" /> +<button onclick=upload_transactions()>upload transactions</button> +<button onclick=localStorage.removeItem("last_sync_hash")>remove last sync hash</button> +<div id=log></div> +<label for=jwk>private jwk:</label> +<input onchange=login() placeholder='{"alg":"ES384","crv":"P-384","d":"' id=jwk /> +<a href=gen.html>gen.html</a> +<br>my pubkey: <span id=sec1me></span> +<div id=reader style=width:100% ><button onclick=cam() >open camera</button></div> +<input type=checkbox id=allbal onchange=chkbox() checked disabled /><label for=allbal>show all <span id=balcnt></span> balances</label> +<div id=balances></div> +<input type=checkbox id=alltx onchange=chkbox() checked disabled /><label for=alltx>show all <span id=txscnt></span> txs</label> +<div id=txs></div> +<script> +async function try_import_tx (a) { + if (a.length != tx_len) + return false; + let tx = await parse_tx(a); + if (!tx) + return false; + if (!localStorage.getItem("transactions")) { + localStorage.setItem("transactions", a2hex(a)); + return true; + } + let transactions = hex2a(localStorage.getItem("transactions")); + for (let j = 0; j < transactions.length/tx_len; j++) { + let oldtx = await parse_tx(transactions.slice(tx_len*j, tx_len*j+tx_len)); + if (a2hex(oldtx.hash) == a2hex(tx.hash)) + return false; + } + let new_transactions = new Uint8Array(transactions.length + tx_len); + new_transactions.set(transactions); + new_transactions.set(a, transactions.length); + transactions = new_transactions; + localStorage.setItem("transactions", a2hex(transactions)); + return true; +} +function onscanfail (error) { + return; +} +function onscan (text, result) { + if (typeof(text) == "string" && text.startsWith("U")) { + text = text.slice(-x.length+1); + let a = new Uint8Array(text.length); + for (let i = 0; i < text.length; i++) + a[i] = text.charCodeAt(i)-32; + return onscan(a, result); + } + if (typeof(text) == "string" && text.startsWith("base64:")) // XXX untested + return onscan(Uint8Array.from(atob(text.split(":")[1]), c => c.charCodeAt(0)), result); + if (typeof(text) == "string" && text.startsWith('{') && text.includes("ES384") && text.includes("sign")) { + jwk.value = text; + localStorage.setItem("jwk", jwk.value); + return; + } + let a = new Uint8Array(text.length); + window.scanned = text; + for (let i = 0; i < text.length; i++) + a[i] = text.charCodeAt(i); + console.log("onscan: " + a2hex(a)); + if (a[0] == 0) { + alert("standard private key qr codes are unsupported, use a jwk privkey qr code"); + return; + } + if (a[0] == 1) { + let p = new Uint8Array(49); + for (let i = 0; i < 49; i++) + p[i] = a[1+i]; + let t = new Uint8Array(a.length-50); + for (let i = 0; i < a.length-50; i++) + t[i] = a[50+i]; + directory.value += a2hex(p) + " " + new TextDecoder().decode(t).split("\n")[0]; + return; + } + if (a[0] == 2) { + let t = new Uint8Array(tx_len); + for (let i = 0; i < tx_len; i++) + t[i] = a[1+i]; + if (!parse_tx(t)) { + alert("transaction couldn't be parsed or signature check failed"); + return; + } + try_import_tx(t); + return; + } + if (a[0] == 3) { + let r = new Uint8Array(49); + for (let i = 0; i < 49; i++) + r[i] = a[1+i]; + sec1.value = a2hex(p); + amount.value = a[49+1]*256*256*256 + a[49+2]*256*256 + a[49+3]*256 + a[49+4]; + let t = new Uint8Array(a.length-54); + for (let i = 0; i < a.length-54; i++) + t[i] = a[54+i]; + comment.value = new TextDecoder().decode(t); + return; + } +} +function cam () { + let qr = new Html5QrcodeScanner("reader", {fps: 10, qrbox: {width: 350, height: 350}}, false); + qr.render(onscan, onscanfail); +} +const hexchars = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]; +function a2hex (a) { + let r = ""; + for (let i = 0; i < a.length; i++) { + r += hexchars[a[i] >> 4]; + r += hexchars[a[i] % 16]; + } + return r; +} +function singlehex (h) { + h = h.toLowerCase(); + if (!hexchars.includes(h)) + return null; + if (h.charCodeAt(0) >= "a".charCodeAt(0)) + return 10 + h.charCodeAt(0) - "a".charCodeAt(0); + return h.charCodeAt(0) - "0".charCodeAt(0); +} +function hex2a (s) { + if (!s) + return null; + for (let i = 0; i < s.length; i++) + if (singlehex(s[i]) === null) { + return null; + } + let a = new Uint8Array(s.length/2); + for (let i = 0; i < s.length/2; i++) + a[i] = singlehex(s[2*i])*16 + singlehex(s[2*i+1]); + return a; +} +function xytosec1 (x, y) { + let r = new Uint8Array(49); + if (y[47] % 2) + r[0] = 3; + else + r[1] = 2; + for (let i = 0; i < 48; i++) + r[1+i] = x[i]; + return r; +} +function sec1s_get (k) { + return hex2a(localStorage.getItem("sec1s_" + k)); +} +function sec1s_set (k, v) { + console.log("sec1s_set: " + k); + if (k.slice(2, 2+48*2) == a2hex(v).slice(2, 2+48*2)) + return localStorage.setItem("sec1s_" + k, a2hex(v)); +} +var sec1s = {}; /// storage for Y derived from X by server +function pubkey_from_sec1uncompressed (a) { + if (a.length != 48*2+1) + return null; + return crypto.subtle.importKey("raw", a, {name: "ECDSA", namedCurve: "P-384"}, true, ["verify"]); +} +async function pubkey_from_sec1 (a) { + if (!a) + return null; + if (a[0] == 4) + return await pubkey_from_sec1uncompressed(a); + if (sec1s_get(a2hex(a))) + return await pubkey_from_sec1uncompressed(sec1s_get(a2hex(a))); + sec1s_set(a2hex(a), new Uint8Array(await (await fetch(computer.value + "sec1decompress", {method: "POST", body: a})).arrayBuffer())); + return await pubkey_from_sec1uncompressed(sec1s_get(a2hex(a))); +} +const tx_len = 49*2+4+256+32+48*2; +async function parse_tx (a /* uint8array */) { // also verifies + if (a.length < 49*2+4+256+32+48*2) + return null; + let r = {sender: null, recipient: null, amount: null, comment: null, nonce: null, r: null, s: null, hash: null, commentstr: null, senderkey: null, raw: a}; + r.sender = a.slice(0, 49); + r.recipient = a.slice(49, 49+49); + r.amount = a[49*2]*256*256*256 + a[49*2+1]*256*256 + a[49*2+2]*256 + a[49*2+3]; + r.comment = a.slice(49*2+4, 49*2+4+256); + r.nonce = a.slice(49*2+4+256, 49*2+4+256+32); + r.r = a.slice(49*2+4+256+32, 49*2+4+256+32+48); + r.s = a.slice(49*2+4+256+32+48); + r.commentstr = new TextDecoder().decode(r.comment); + r.senderkey = await pubkey_from_sec1(r.sender); + r.hash = new Uint8Array(await crypto.subtle.digest("SHA-256", a)); + if (await crypto.subtle.verify({name: "ECDSA", hash: "SHA-384"}, r.senderkey, a.slice(-48*2), a.slice(0, tx_len-48*2))) + return r; + return false; +} +function upload_transactions () { + return fetch(computer.value + "transactions", {method: "POST", body: hex2a(localStorage.getItem("transactions"))}); + /* let local_txs = hex2a(localStorage.getItem("transactions")); + let server_txs = await (await fetch(computer.value + "transactions")).arrayBuffer(); + if (server_txs.length % tx_len) { + log.innerText += "server transactions response length modulo tx_len isn't zero!"; + return; + } + let localtxs = []; + for (let i = 0; i < local_txs.length/tx_len; i++) + localtxs.push(local_txs.slice(tx_len*i, tx_len*i+tx_len)); + for (let i = 0; i < server_txs.length/tx_len; i++) { + let remote_tx = local_txs.slice(tx_len*i, tx_len*i+tx_len); + while (localtxs.indexOf(remote_tx) !== -1) + localtxs.splice(localtxs.indexOf(remote_tx), 1); + } + localtxs.forEach(tx => { + fetch(computer.value + "transaction", {method: "POST", body: tx}); + }); */ +} +async function sync_transactions () { + let transactions = hex2a(localStorage.getItem("transactions")); + if (!transactions) + transactions = new Uint8Array(0); + let server_transactions = new Uint8Array(await (await fetch(computer.value + "transactions", {headers: {"After": localStorage.getItem("last_sync_hash")}})).arrayBuffer()); + if (server_transactions.length % tx_len) + return; + let count = 0; + aLoop: + for (let i = 0; i < server_transactions.length/tx_len; i++) + if (await try_import_tx(server_transactions.slice(tx_len*i, tx_len*i+tx_len))) + count++; + window.lsh = a2hex(new Uint8Array(await crypto.subtle.digest("SHA-256", server_transactions.slice(-tx_len)))); + localStorage.setItem("last_sync_hash", lsh); + if (count) + rendertxsbal(); + return count; +} + +async function paynow () { + let sender = await sec1_from_pubkey(await pubkey_from_string("me")); + let rcpt = await sec1_from_pubkey(window.recipient); + let amount32 = new Uint8Array(4); + amount32[3] = amount.value % 256; + amount32[2] = (amount.value >> 8) % 256; + amount32[1] = (amount.value >> 16) % 256; + amount32[0] = (amount.value >> 24) % 256; + amount.value = ""; + let comm = new TextEncoder().encode(comment.value); + let comm256 = new Uint8Array(256); + comm256[255] = 69; // user agent (nonstandard ofc) + for (let i = 0; i < 256; i++) + comm256[i] = comm[i]; + nonce = crypto.getRandomValues(new Uint8Array(32)); + let tx_unsigned = new Uint8Array(tx_len-2*48); + tx_unsigned.set(sender); + tx_unsigned.set(rcpt, sender.length); + tx_unsigned.set(amount32, sender.length+rcpt.length); + tx_unsigned.set(comm256, sender.length+rcpt.length+amount32.length); + tx_unsigned.set(nonce, sender.length+rcpt.length+amount32.length+comm256.length); + let signature = new Uint8Array(await crypto.subtle.sign({name: "ECDSA", hash: "SHA-384"}, key, tx_unsigned)); + let tx_signed = new Uint8Array(tx_unsigned.length+signature.length); + tx_signed.set(tx_unsigned); + tx_signed.set(signature, tx_unsigned.length); + let transactions = hex2a(localStorage.getItem("transactions")); + let new_transactions = new Uint8Array((transactions ? transactions.length : 0) + tx_signed.length); + if (transactions) + new_transactions.set(transactions); + new_transactions.set(tx_signed, transactions ? transactions.length : 0); + localStorage.setItem("transactions", a2hex(new_transactions)); + rendertxsbal(); + upload_transactions(); +} +function comp () { + if (!computer.value) + return; + if (localStorage.getItem("computer") != computer.value) { + localStorage.setItem("computer", computer.value); + localStorage.removeItem("last_sync_hash"); + sync_transactions(); + } + paypossible(); +} +function sec1_compress (k) { + let r = new Uint8Array(49); + r[0] = 2; + if (k[48*2] % 2) + r[0] = 3; + for (let i = 0; i < 48; i++) + r[1+i] = k[1+i]; + return r; +} +async function sec1_from_pubkey (k) { + return sec1_compress(new Uint8Array(await crypto.subtle.exportKey("raw", k))); +} +async function pubkey_from_string (s) { + if (s == "me") + return await pubkey_from_sec1(hex2a(sec1me.innerText)); + if (await pubkey_from_sec1(hex2a(s))) { + return await pubkey_from_sec1(hex2a(s)); + } + let d = directory.value.split("\n"); + for (let i = 0; i < d.length; i++) { + if (d[i].includes(s)) { + return await pubkey_from_sec1(hex2a(d[i].split(" ")[0])); + } + } + return false; +} +async function paypossible () { + if (amount.value == "") { + console.log("paypossible: empty amount field"); + pay.disabled = true; + return; + } + if (!(Number(amount.value) <= 4294967296 && Number(amount.value) >= 0)) { + console.log("paypossible: amount invalid"); + pay.disabled = true; + return; + } + if (!key.usages.includes("sign")) { + console.log("paypossible: bad privkey"); + pay.disabled = true; + return; + } + window.recipient = await pubkey_from_string(sec1.value); + if (recipient == false) { + console.log("paypossible: recipient pubkey bad"); + pay.disabled = true; + return; + } + pay.disabled = false; +} +function resolvepubkey (a) { + if (a2hex(a) == sec1me.innerText) + return "me"; + let d = directory.value.split("\n"); + for (let i = 0; i < d.length; i++) + if (d[i].includes(a2hex(a).slice(-48*2))) + return d[i].split(" ").slice(1).join(" "); + return a2hex(a); +} +function draw_canvas (qr, scale, border, light, dark, canvas) { + canvas.width = canvas.height = (qr.size + border * 2) * scale; + let ctx = canvas.getContext("2d"); + for (let y = -border; y < qr.size + border; y++) { + for (let x = -border; x < qr.size + border; x++) { + ctx.fillStyle = qr.getModule(x, y) ? dark : light; + ctx.fillRect((x + border) * scale, (y + border) * scale, scale, scale); + } + } +} +function txqr (seq, h) { + let a = hex2a(h); + let d = new Uint8Array(a.length+1); + d.set(a, 1) + d[0] = 2; + // draw_canvas(qrcodegen.QrCode.encodeBinary(d, qrcodegen.QrCode.Ecc.LOW), 5, 4, "#FFF", "#000", document.getElementById("cnv" + seq)); + let s = "U"; + for (let i = 0; i < d.length; i++) + s += String.fromCharCode(32+d[i]); + draw_canvas(qrcodegen.QrCode.encodeText(s, qrcodegen.QrCode.Ecc.LOW), 5, 4, "#FFF", "#000", document.getElementById("cnv" + seq)); + document.getElementById("cnv" + seq).hidden = false; + document.getElementById("btn" + seq).hidden = true; + document.getElementById("br" + seq).hidden = false; +} +async function rendertxsbal () { + let transactions = hex2a(localStorage.getItem("transactions") ?? ""); + if (!transactions) { + txs.innerHTML = "no transactions"; + balances.innerHTML = "no transactions"; + return; + } + let trans = []; + let balan = {}; + for (let j = 0; j < transactions.length/tx_len; j++) { + let tx = await parse_tx(transactions.slice(tx_len*j, tx_len*j+tx_len)); + trans.push(tx); + if (!Object.keys(balan).includes(resolvepubkey(tx.sender))) + balan[resolvepubkey(tx.sender)] = 0; + if (!Object.keys(balan).includes(resolvepubkey(tx.recipient))) + balan[resolvepubkey(tx.recipient)] = 0; + balan[resolvepubkey(tx.recipient)] += tx.amount; + balan[resolvepubkey(tx.sender)] -= tx.amount; + } + txscnt.innerText = trans.length; + txs.innerHTML = ""; + let tx = null; + let seq = 0; + while (tx = trans.pop()) + if (alltx.checked || resolvepubkey(tx.sender) == "me" || resolvepubkey(tx.recipient) == "me") { + txs.innerHTML += "<hr><canvas hidden='' id=cnv" + seq + "></canvas> <button id=btn" + seq + " onclick=txqr(" + seq + ",'" + a2hex(tx.raw) + "')>qr</button><br id=br" + seq + " hidden>sender: " + resolvepubkey(tx.sender) + "<br>recipient: " + resolvepubkey(tx.recipient) + "<br>amount: " + tx.amount + "<br>comment: " + tx.commentstr.replace("<", "<"); + seq++; + } + balances.innerHTML = ""; + Object.keys(balan).forEach(c => { + if (allbal.checked || c == "me") + balances.innerHTML += c + ": " + balan[c] + "<br>" + }); + balcnt.innerText = Object.keys(balan).length; +} +async function chkbox () { + if (allbal.checked) + localStorage.setItem("allbal", "true"); + else + localStorage.setItem("allbal", "false"); + if (alltx.checked) + localStorage.setItem("alltx", "true"); + else + localStorage.setItem("alltx", "false"); + rendertxsbal(); +} +async function login () { + localStorage.setItem("jwk", jwk.value); + window.key = await crypto.subtle.importKey("jwk", JSON.parse(jwk.value), {name: "ECDSA", namedCurve: "P-384"}, true, ["sign"]); + if (key.usages.includes("sign")) { + allbal.disabled = false; + alltx.disabled = false; + if (localStorage.getItem("alltx") == "true") + alltx.checked = true; + else + alltx.checked = false; + if (localStorage.getItem("allbal") == "true") + allbal.checked = true; + else + allbal.checked = false; + chkbox(); + let mysec1 = new Uint8Array(49); + if (Uint8Array.from(atob(JSON.parse(jwk.value).y.replace(/-/g, "+").replace(/_/g, "/")), c => c.charCodeAt(0))[47] % 2) + mysec1[0] = 3; + else + mysec1[0] = 2; + for (let i = 0; i < 48; i++) + mysec1[1+i] = Uint8Array.from(atob(JSON.parse(jwk.value).x.replace(/-/g, "+").replace(/_/g, "/")), c => c.charCodeAt(0))[i]; + sec1me.innerText = a2hex(mysec1); + } else { + console.log("login: privkey not ok"); + sec1me.innerText = ""; + allbal.disabled = true; + allbal.checked = true; + alltx.checked = true; + alltx.disabled = true; + } + paypossible(); +} +function savedir () { + localStorage.setItem("directory", directory.value); +} +async function main () { + directory.value = localStorage.getItem("directory"); + computer.value = localStorage.getItem("computer"); + jwk.value = localStorage.getItem("jwk"); + if (jwk.value != "") + await login(); + await comp(); + let push = false; + while (true) { + sync_transactions(); + if (location.protocol == "file:" || !push) + await new Promise(r => setTimeout(r, 2000)); + else { + let resp = await fetch(computer.value + "push", {method: "POST", body: hex2a(localStorage.getItem("last_sync_hash"))}) + if (!resp.ok) + await new Promise(r => setTimeout(r, 2000)); + } + } + rendertxsbal(); +} +main(); +</script> +<script src=QR-Code-generator/typescript-javascript/qrcodegen.js></script> +<script src=node_modules/html5-qrcode/html5-qrcode.min.js></script> |