c9106d4ede
Previous #4d7300 (0.3.10) was still too light against actual white backgrounds — several tint fills (rgba(214,255,61,X)) and unpatched addon panels were making the effective color feel bright green. Two fixes bundled: 1) Bump --acid in every top-level page's light-media block from #4d7300 to #3a5c00 — same hue, ~7:1 contrast on #ffffff (was ~5.5:1). 2) Add the missing light-media --acid override to the addon panels that were still resolving to #d6ff3d: bchwallet/panel.html, siawallet/panel.html, and screenshot/editor.css (was #b4e024, now #3a5c00 to match). Dark mode unchanged. Tint fills (rgba backgrounds at low alpha) still stay as-is — at 8–15% opacity the specific hue barely matters and the darker foreground now dominates.
388 lines
20 KiB
JavaScript
388 lines
20 KiB
JavaScript
// Aegis wallet panel. All state comes from activate() via window.silentmode.
|
||
// This file renders the multi-wallet picker, per-chain views, and collects
|
||
// input; it never touches keys or the vault.
|
||
const $ = (id) => document.getElementById(id);
|
||
const S = window.silentmode;
|
||
let state = null; // full state (all wallets + selected)
|
||
let tab = "receive";
|
||
let unit = null; // "big" | "small" — chain-dependent
|
||
let sendMax = false;
|
||
let planTimer = null;
|
||
let lastPlan = null;
|
||
let settingsFilled = false; // when true, we don't overwrite user edits
|
||
|
||
const esc = (s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" })[c]);
|
||
const hostOf = (url) => { try { return new URL(url).host || url; } catch { return url; } };
|
||
const openUrl = (url) => S.invoke("openUrl", { url }).catch(() => {});
|
||
const cleanErr = (e) => String(e?.message || e).replace(/^Error invoking remote method '[^']+': Error: /, "");
|
||
|
||
// Selected wallet convenience.
|
||
const sel = () => state && state.selected;
|
||
const chain = () => sel()?.chain || "";
|
||
const decimals = () => sel()?.meta?.decimals || 8;
|
||
const ticker = () => sel()?.meta?.ticker || "";
|
||
const badgeOf = (chainKey) => (state?.chains || []).find((c) => `${c.chain}:${c.network}` === chainKey)?.badge || "🧩";
|
||
|
||
// Amount formatting: n_units -> string trimmed to the coin's precision.
|
||
function fmtBig(units, dec) {
|
||
const d = dec != null ? dec : decimals();
|
||
const s = (Number(units || 0) / Math.pow(10, d)).toFixed(d);
|
||
return s.replace(/(\.\d*?[1-9])0+$|\.0+$/, "$1");
|
||
}
|
||
function fmtSmall(units) { return Number(units || 0).toLocaleString("en-US"); }
|
||
function smallUnitLabel() { return chain() === "bch" ? "sat" : "sun"; }
|
||
function bigUnitLabel() { return ticker(); }
|
||
|
||
// ---- tabs ------------------------------------------------------------------
|
||
|
||
document.querySelectorAll("nav button").forEach((b) => b.addEventListener("click", () => showTab(b.dataset.tab)));
|
||
function showTab(name) {
|
||
tab = name;
|
||
document.querySelectorAll("nav button").forEach((b) => b.classList.toggle("on", b.dataset.tab === name));
|
||
document.querySelectorAll("main section").forEach((s) => { s.hidden = s.id !== "tab-" + name; });
|
||
if (name === "settings") { settingsFilled = false; fillSettings(); }
|
||
if (name === "send") applyUnitPicker();
|
||
}
|
||
|
||
// ---- wallet picker ---------------------------------------------------------
|
||
|
||
$("pickerBtn").addEventListener("click", () => {
|
||
const d = $("drop");
|
||
d.hidden = !d.hidden;
|
||
if (!d.hidden) fillPicker();
|
||
});
|
||
document.addEventListener("click", (e) => {
|
||
const d = $("drop");
|
||
if (d.hidden) return;
|
||
if (e.target.closest("#drop") || e.target.closest("#pickerBtn")) return;
|
||
d.hidden = true;
|
||
});
|
||
function fillPicker() {
|
||
const d = $("drop");
|
||
const wallets = state?.wallets || [];
|
||
const chains = state?.chains || [];
|
||
const rows = wallets.map((w) => {
|
||
const on = w.id === state.selectedWalletId ? "on" : "";
|
||
const bal = w.balance ? fmtBig(w.balance.confirmed || 0, w.decimals) + " " + w.ticker : "—";
|
||
return `<div class="row ${on}" data-select="${esc(w.id)}"><div class="b">${esc(w.badge)}</div><div class="m"><div class="l">${esc(w.label)}</div><div class="s">${esc(w.short)} · ${w.phase === "ready" ? esc(w.address || "") : esc(w.phase)}</div></div><div class="v">${esc(bal)}</div></div>`;
|
||
}).join("");
|
||
const chainList = chains.map((c) =>
|
||
`<div class="netchoice" data-add="${esc(c.chain + ":" + c.network)}">${esc(c.badge)} ${esc(c.label)}</div>`
|
||
).join("");
|
||
d.innerHTML = rows + `<hr><div class="add" id="addToggle">＋ Add wallet</div><div class="netgroup" id="netgroup">${chainList}</div>`;
|
||
d.querySelectorAll("[data-select]").forEach((r) => r.addEventListener("click", async () => {
|
||
d.hidden = true;
|
||
try { state = await S.invoke("selectWallet", { id: r.dataset.select }); settingsFilled = false; render(); }
|
||
catch (e) { showErr(cleanErr(e)); }
|
||
}));
|
||
$("addToggle").addEventListener("click", () => $("netgroup").classList.toggle("on"));
|
||
d.querySelectorAll("[data-add]").forEach((r) => r.addEventListener("click", async () => {
|
||
const [c, n] = r.dataset.add.split(":");
|
||
d.hidden = true;
|
||
try { state = await S.invoke("addWallet", { chain: c, network: n }); settingsFilled = false; render(); }
|
||
catch (e) { showErr(cleanErr(e)); }
|
||
}));
|
||
}
|
||
function showErr(text) {
|
||
const box = $("gate");
|
||
box.hidden = false; box.innerHTML = `<div class="big">⚠</div><div>${esc(text)}</div>`;
|
||
setTimeout(() => { if (state?.selected?.phase === "ready") { box.hidden = true; } }, 3500);
|
||
}
|
||
|
||
// ---- render ----------------------------------------------------------------
|
||
|
||
function render() {
|
||
if (!state) return;
|
||
const s = sel();
|
||
const ready = s && s.phase === "ready";
|
||
$("tabs").hidden = !ready;
|
||
const gate = $("gate");
|
||
gate.hidden = ready;
|
||
// Header
|
||
$("hBadge").textContent = s?.meta?.badge || "🛡";
|
||
$("hLabel").textContent = s?.label || "Aegis Wallet";
|
||
if (!ready) {
|
||
const copy = {
|
||
locked: ["🔒", "Unlock your password vault to open the wallet.", "Settings › Passwords. Aegis derives its keys from the vault seed, so there is nothing separate to unlock."],
|
||
nosetup: ["🗝", "Set up a password vault to create your wallet.", "Settings › Passwords › Set up. Use a recovery phrase there and every wallet in Aegis can be recreated from it on any machine."],
|
||
error: ["⚠", "This wallet could not start.", s?.error || ""],
|
||
empty: ["🧩", "No wallets yet.", "Open the wallet picker at the top and pick a chain to create one."],
|
||
}[s?.phase || "locked"] || ["…", "Starting…", ""];
|
||
gate.innerHTML = `<div class="big">${copy[0]}</div><div><b>${esc(copy[1])}</b></div><div class="hint" style="margin-top:8px">${esc(copy[2])}</div>`;
|
||
}
|
||
// Balance line
|
||
const dot = $("dot");
|
||
dot.className = "dot " + (s?.server ? (s?.scanning ? "busy" : "on") : "");
|
||
$("netlbl").textContent = s?.server ? hostOf(s.server) + (s?.scanning ? " · syncing" : "") : (ready ? "connecting…" : (s?.network || ""));
|
||
if (ready) {
|
||
const total = (s.balance?.confirmed || 0) + (s.balance?.unconfirmed || 0);
|
||
$("balMain").textContent = fmtBig(total);
|
||
$("balTicker").textContent = s.meta.ticker;
|
||
if (s.balance?.unconfirmed) $("netlbl").textContent += ` · ${fmtBig(s.balance.unconfirmed)} unconfirmed`;
|
||
} else {
|
||
$("balMain").textContent = "—"; $("balTicker").textContent = "";
|
||
}
|
||
if (!ready) return;
|
||
// Chain-specific header adjustments
|
||
document.querySelector("nav [data-tab='settings']").hidden = false;
|
||
// Receive tab
|
||
const addr = s.address || "";
|
||
if ($("addr").textContent !== addr) {
|
||
$("addr").textContent = addr;
|
||
drawQr(chain() === "bch" ? "bitcoincash:" + addr.replace(/^bitcoincash:/, "") : "tron:" + addr);
|
||
}
|
||
$("addrMeta").textContent = s.addressPath ? "· " + s.addressPath : "";
|
||
$("nextAddr").hidden = chain() !== "bch";
|
||
$("openFaucet").hidden = !s.faucet;
|
||
// Send tab: input placeholder + unit picker
|
||
applyUnitPicker();
|
||
// Fee slider only meaningful for BCH
|
||
$("feeField").hidden = chain() !== "bch";
|
||
// History
|
||
renderHistory();
|
||
}
|
||
|
||
function applyUnitPicker() {
|
||
const s = sel(); if (!s) return;
|
||
if (!unit) unit = "big";
|
||
const big = bigUnitLabel(), small = smallUnitLabel();
|
||
$("unitPicker").innerHTML =
|
||
`<button data-u="big" class="${unit === "big" ? "on" : ""}" type="button">${esc(big)}</button>` +
|
||
`<button data-u="small" class="${unit === "small" ? "on" : ""}" type="button">${esc(small)}</button>`;
|
||
$("unitPicker").querySelectorAll("button").forEach((b) => b.addEventListener("click", () => setUnit(b.dataset.u)));
|
||
$("sendTo").placeholder = chain() === "bch" ? "bitcoincash:q… or legacy 1…" : "T… (base58check, 34 chars)";
|
||
$("sendAmt").placeholder = unit === "big" ? "0.00" : "0";
|
||
}
|
||
function setUnit(u) {
|
||
if (u === unit) return;
|
||
const s = amountUnits();
|
||
unit = u;
|
||
applyUnitPicker();
|
||
if (s) $("sendAmt").value = unit === "big" ? fmtBig(s) : String(s);
|
||
}
|
||
function amountUnits() {
|
||
const raw = $("sendAmt").value.trim().replace(/,/g, "");
|
||
if (!raw) return 0;
|
||
if (unit === "small") return Math.round(Number(raw));
|
||
const d = decimals();
|
||
const [w, f = ""] = raw.split(".");
|
||
const frac = (f + "0".repeat(d)).slice(0, d);
|
||
return Number(w || 0) * Math.pow(10, d) + Number(frac || 0);
|
||
}
|
||
|
||
// ---- history ---------------------------------------------------------------
|
||
|
||
function renderHistory() {
|
||
const s = sel();
|
||
const list = s?.history || [];
|
||
const el = $("txlist");
|
||
if (!list.length) { el.innerHTML = `<div class="empty">${s?.scanning ? "Syncing…" : "No transactions yet."}</div>`; return; }
|
||
el.innerHTML = list.map((t) => {
|
||
const inc = t.delta >= 0;
|
||
const when = t.time ? new Date(t.time * 1000).toLocaleString(undefined, { dateStyle: "medium", timeStyle: "short" }) : "pending";
|
||
const who = inc ? (t.from ? "from " + shortAddr(t.from) : "") : (t.to ? "to " + shortAddr(t.to) : "");
|
||
const what = (inc ? "Received" : "Sent") + (who ? " " + who : "");
|
||
const conf = t.confirmations > 0 ? (t.confirmations >= 6 ? "confirmed" : t.confirmations + " conf") : (t.status === "failed" ? "failed" : "unconfirmed");
|
||
const delta = Math.abs(t.delta || 0);
|
||
return `<div class="tx" data-txid="${esc(t.txid)}" title="${esc(t.txid)}">
|
||
<div class="ic ${inc ? "in" : "out"}">${inc ? "↓" : "↑"}</div>
|
||
<div class="what">${esc(what)}</div>
|
||
<div class="amt2 ${inc ? "in" : ""}">${inc ? "+" : "−"}${delta ? fmtBig(delta) : "—"}</div>
|
||
<div class="when">${esc(when)}${t.fee != null ? " · fee " + fmtSmall(t.fee) + " " + smallUnitLabel() : ""}</div>
|
||
<div class="conf ${t.confirmations > 0 ? (t.status === "failed" ? "pending" : "") : "pending"}">${esc(conf)}</div>
|
||
</div>`;
|
||
}).join("");
|
||
el.querySelectorAll(".tx").forEach((row) => row.addEventListener("click", () => openUrl(sel().explorerTx + row.dataset.txid)));
|
||
}
|
||
function shortAddr(a) {
|
||
if (!a) return "";
|
||
const s = String(a).replace(/^bitcoincash:/, "");
|
||
return esc(s.slice(0, 10)) + "…" + esc(s.slice(-4));
|
||
}
|
||
|
||
// ---- QR --------------------------------------------------------------------
|
||
|
||
function drawQr(text) {
|
||
const cv = $("qr");
|
||
const g = cv.getContext("2d");
|
||
let q;
|
||
try { q = window.QR.build(text); } catch { g.clearRect(0, 0, cv.width, cv.height); return; }
|
||
const scale = Math.max(2, Math.floor(200 / (q.size + 2)));
|
||
const px = (q.size + 2) * scale;
|
||
cv.width = cv.height = px;
|
||
cv.style.width = cv.style.height = px + "px";
|
||
g.fillStyle = "#fff"; g.fillRect(0, 0, px, px);
|
||
g.fillStyle = "#000";
|
||
for (let r = 0; r < q.size; r++) for (let c = 0; c < q.size; c++) if (q.modules[r][c]) g.fillRect((c + 1) * scale, (r + 1) * scale, scale, scale);
|
||
}
|
||
|
||
// ---- receive actions -------------------------------------------------------
|
||
|
||
$("copyAddr").addEventListener("click", async () => {
|
||
try { await navigator.clipboard.writeText(sel().address); flash($("copyAddr"), "Copied"); } catch {}
|
||
});
|
||
$("nextAddr").addEventListener("click", async () => {
|
||
try { const s = await S.invoke("nextAddress"); state.selected = { ...state.selected, ...s }; render(); }
|
||
catch (e) { flash($("nextAddr"), "Failed"); }
|
||
});
|
||
$("viewAddr").addEventListener("click", () => openUrl(sel().explorerAddr + sel().address));
|
||
$("openFaucet").addEventListener("click", () => sel().faucet && openUrl(sel().faucet));
|
||
function flash(btn, text) {
|
||
const old = btn.textContent; btn.textContent = text;
|
||
setTimeout(() => { btn.textContent = old; }, 1200);
|
||
}
|
||
|
||
// ---- send ------------------------------------------------------------------
|
||
|
||
$("sendMax").addEventListener("click", () => {
|
||
sendMax = !sendMax;
|
||
$("sendMax").classList.toggle("primary", sendMax);
|
||
$("sendAmt").disabled = sendMax;
|
||
if (!sendMax) $("sendAmt").value = "";
|
||
schedulePlan();
|
||
});
|
||
$("feeRate").addEventListener("input", () => { $("feeLbl").textContent = $("feeRate").value + " sat/B"; schedulePlan(); });
|
||
["sendTo", "sendAmt"].forEach((id) => $(id).addEventListener("input", () => { if (id === "sendAmt" && sendMax) return; schedulePlan(); }));
|
||
function schedulePlan() { clearTimeout(planTimer); planTimer = setTimeout(updatePlan, 250); }
|
||
async function updatePlan() {
|
||
const to = $("sendTo").value.trim();
|
||
const msg = $("sendMsg"); msg.hidden = true;
|
||
lastPlan = null; $("sendBtn").disabled = true;
|
||
$("sumAmt").textContent = $("sumFee").textContent = $("sumTotal").textContent = "—";
|
||
$("sendToHint").textContent = "";
|
||
if (!to || (!sendMax && !amountUnits())) return;
|
||
try {
|
||
const feeRate = chain() === "bch" ? Number($("feeRate").value) : undefined;
|
||
const p = await S.invoke("planSend", { to, amount: amountUnits(), feeRate, sendMax });
|
||
lastPlan = p;
|
||
$("sendToHint").textContent = p.recipients[0].to !== to ? "→ " + p.recipients[0].to : "";
|
||
$("sumAmt").textContent = fmtBig(p.recipients[0].value) + " " + ticker();
|
||
$("sumFee").textContent = chain() === "bch"
|
||
? fmtSmall(p.fee) + " " + smallUnitLabel()
|
||
: fmtBig(p.fee) + " " + ticker();
|
||
$("sumTotal").textContent = fmtBig(p.total) + " " + ticker();
|
||
if (sendMax) $("sendAmt").value = unit === "big" ? fmtBig(p.recipients[0].value) : String(p.recipients[0].value);
|
||
$("sendBtn").disabled = false;
|
||
} catch (e) {
|
||
msg.className = "msg err"; msg.textContent = cleanErr(e); msg.hidden = false;
|
||
}
|
||
}
|
||
$("sendBtn").addEventListener("click", async () => {
|
||
if (!lastPlan) return;
|
||
const msg = $("sendMsg"); msg.hidden = true;
|
||
$("sendBtn").disabled = true; $("sendBtn").textContent = "Waiting for approval…";
|
||
try {
|
||
const feeRate = chain() === "bch" ? Number($("feeRate").value) : undefined;
|
||
const r = await S.invoke("send", { to: $("sendTo").value.trim(), amount: amountUnits(), feeRate, sendMax });
|
||
msg.className = "msg ok";
|
||
msg.innerHTML = `Sent. <a class="link" data-tx="${esc(r.txid)}">${esc(r.txid.slice(0, 16))}…</a>`;
|
||
msg.querySelector("a").addEventListener("click", () => openUrl(sel().explorerTx + r.txid));
|
||
msg.hidden = false;
|
||
$("sendTo").value = ""; $("sendAmt").value = ""; sendMax = false;
|
||
$("sendMax").classList.remove("primary"); $("sendAmt").disabled = false;
|
||
lastPlan = null;
|
||
} catch (e) {
|
||
const t = cleanErr(e);
|
||
if (t !== "cancelled") { msg.className = "msg err"; msg.textContent = t; msg.hidden = false; }
|
||
$("sendBtn").disabled = !lastPlan;
|
||
} finally { $("sendBtn").textContent = "Send"; }
|
||
});
|
||
|
||
// ---- settings --------------------------------------------------------------
|
||
|
||
function fillSettings() {
|
||
const s = sel(); if (!s) return;
|
||
$("bchSettings").hidden = chain() !== "bch";
|
||
$("trxSettings").hidden = chain() !== "trx";
|
||
$("removeBtn").disabled = !!s.isLegacy;
|
||
$("removeHint").textContent = s.isLegacy ? "The default BCH wallet cannot be removed (it protects legacy funds)." : "";
|
||
$("renameLabel").value = s.label || "";
|
||
if (chain() === "bch") {
|
||
if (!settingsFilled) {
|
||
$("setPath").value = s.accountPath || "";
|
||
$("setServers").value = (state.bchServers?.list || []).join("\n");
|
||
settingsFilled = true;
|
||
}
|
||
$("serverHint").textContent = (state.bchServers?.custom ? "Custom list." : "Bundled defaults.") + (s.server ? " Connected to " + hostOf(s.server) + "." : " Not connected.");
|
||
$("purpose").textContent = "silentmode/addons/" + (s.purpose || "");
|
||
} else if (chain() === "trx") {
|
||
$("trxPurpose").textContent = "silentmode/addons/" + (s.purpose || "");
|
||
}
|
||
renderSites();
|
||
}
|
||
async function renderSites() {
|
||
let perms = {};
|
||
try { perms = await S.invoke("permissions"); } catch {}
|
||
const origins = Object.keys(perms).filter((o) => {
|
||
const p = perms[o];
|
||
return p && (p.readAddress || p.sendTx || (p.trx && p.trx.readAddress));
|
||
});
|
||
const el = $("sites");
|
||
if (!origins.length) { el.innerHTML = `<div class="hint">None yet.</div>`; return; }
|
||
el.innerHTML = origins.map((o) => {
|
||
const p = perms[o]; const what = [];
|
||
if (p.readAddress) what.push("BCH address");
|
||
if (p.sendTx) what.push(`BCH payments: ${fmtBig(Math.max(0, p.sendTx.capSats - (p.sendTx.usedSats || 0)), 8)} of ${fmtBig(p.sendTx.capSats, 8)} BCH left`);
|
||
if (p.trx && p.trx.readAddress) what.push("Tron " + (p.trx.network === "nile" ? "Nile testnet" : "mainnet") + " address");
|
||
return `<div class="tx" style="grid-template-columns:1fr auto;cursor:default"><div><div class="mono">${esc(o)}</div><div class="hint">${esc(what.join(" · "))}</div></div><button class="btn sm" data-origin="${esc(o)}">Revoke</button></div>`;
|
||
}).join("");
|
||
el.querySelectorAll("button[data-origin]").forEach((b) => b.addEventListener("click", async () => {
|
||
try { await S.invoke("revoke", { origin: b.dataset.origin }); renderSites(); } catch {}
|
||
}));
|
||
}
|
||
|
||
$("applySettings").addEventListener("click", async () => {
|
||
const msg = $("settingsMsg"); msg.hidden = true;
|
||
try {
|
||
const path = $("setPath").value.trim();
|
||
const servers = $("setServers").value.split(/\n+/).map((s) => s.trim()).filter(Boolean);
|
||
// Apply path (per-wallet) and servers (shared) separately.
|
||
if (path && path !== (sel().accountPath || "")) {
|
||
state = await S.invoke("setAccountPath", { id: state.selectedWalletId, accountPath: path });
|
||
}
|
||
const currentJoined = (state.bchServers?.list || []).join();
|
||
if (state.bchServers?.custom || servers.join() !== currentJoined) {
|
||
state = await S.invoke("setBchServers", { servers });
|
||
}
|
||
settingsFilled = false; fillSettings(); render();
|
||
flash($("applySettings"), "Applied");
|
||
} catch (e) { msg.textContent = cleanErr(e); msg.hidden = false; }
|
||
});
|
||
$("resetServers").addEventListener("click", async () => {
|
||
try { state = await S.invoke("setBchServers", { servers: [] }); settingsFilled = false; fillSettings(); render(); }
|
||
catch (e) { $("settingsMsg").textContent = cleanErr(e); $("settingsMsg").hidden = false; }
|
||
});
|
||
$("renameBtn").addEventListener("click", async () => {
|
||
const label = $("renameLabel").value.trim();
|
||
if (!label) return;
|
||
try { state = await S.invoke("renameWallet", { id: state.selectedWalletId, label }); render(); flash($("renameBtn"), "Renamed"); }
|
||
catch (e) { $("settingsMsg").textContent = cleanErr(e); $("settingsMsg").hidden = false; }
|
||
});
|
||
$("removeBtn").addEventListener("click", async () => {
|
||
const s = sel(); if (!s || s.isLegacy) return;
|
||
if (!confirm(`Remove the wallet "${s.label}"?\n\nThe on-chain address stays; the wallet is unlinked from Aegis. You can add it back later by creating a new wallet on the same chain.`)) return;
|
||
try { state = await S.invoke("removeWallet", { id: state.selectedWalletId }); settingsFilled = false; render(); }
|
||
catch (e) { $("settingsMsg").textContent = cleanErr(e); $("settingsMsg").hidden = false; }
|
||
});
|
||
$("showXpub").addEventListener("click", async () => {
|
||
try { const r = await S.invoke("recovery", { id: state.selectedWalletId }); $("recovery").innerHTML = recoveryHtml(r); }
|
||
catch (e) { $("recovery").textContent = cleanErr(e); }
|
||
});
|
||
$("showXprv").addEventListener("click", async () => {
|
||
try { const r = await S.invoke("recovery", { id: state.selectedWalletId, reveal: true }); $("recovery").innerHTML = recoveryHtml(r); }
|
||
catch (e) { $("recovery").textContent = cleanErr(e); }
|
||
});
|
||
function recoveryHtml(r) {
|
||
let h = `<div class="lbl">Account path</div><div class="mono">${esc(r.accountPath)}</div><div class="lbl">Account xpub</div><div class="mono">${esc(r.xpub)}</div>`;
|
||
if (r.xprv) h += `<div class="lbl">Account private key (xprv)</div><div class="mono" style="color:var(--danger)">${esc(r.xprv)}</div>`;
|
||
return h;
|
||
}
|
||
// Wipe a revealed key when the user leaves the Settings tab.
|
||
document.querySelectorAll("nav button").forEach((b) => b.addEventListener("click", () => { if (b.dataset.tab !== "settings") $("recovery").innerHTML = ""; }));
|
||
|
||
// ---- boot ------------------------------------------------------------------
|
||
S.on("state", (s) => { state = s; render(); if (tab === "settings") fillSettings(); });
|
||
(async () => {
|
||
try { state = await S.invoke("state"); render(); }
|
||
catch (e) { $("gate").hidden = false; $("gate").innerHTML = `<div class="big">⚠</div><div>${esc(cleanErr(e))}</div>`; }
|
||
})();
|