Compare commits
1 Commits
fix/issue-
...
fix/55-swa
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
868f7a6ff8 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -25,4 +25,3 @@ dist/
|
|||||||
|
|
||||||
# Yarn
|
# Yarn
|
||||||
.yarn-integrity
|
.yarn-integrity
|
||||||
package-lock.json
|
|
||||||
|
|||||||
@@ -531,7 +531,6 @@
|
|||||||
<!-- ============ TX SUCCESS ============ -->
|
<!-- ============ TX SUCCESS ============ -->
|
||||||
<div id="view-success-tx" class="view hidden">
|
<div id="view-success-tx" class="view hidden">
|
||||||
<h2 class="font-bold mb-2">Transaction Confirmed</h2>
|
<h2 class="font-bold mb-2">Transaction Confirmed</h2>
|
||||||
<div id="success-tx-decoded" class="mb-3 hidden text-xs"></div>
|
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="text-xs text-muted mb-1">Amount</div>
|
<div class="text-xs text-muted mb-1">Amount</div>
|
||||||
<div id="success-tx-summary" class="font-bold"></div>
|
<div id="success-tx-summary" class="font-bold"></div>
|
||||||
@@ -637,10 +636,9 @@
|
|||||||
<div class="flex justify-center mb-3">
|
<div class="flex justify-center mb-3">
|
||||||
<canvas id="receive-qr"></canvas>
|
<canvas id="receive-qr"></canvas>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="border border-border p-2 break-all mb-3 text-xs">
|
||||||
class="border border-border p-2 break-all mb-3 text-xs cursor-pointer"
|
<span id="receive-dot"></span>
|
||||||
>
|
<span id="receive-address" class="select-all"></span>
|
||||||
<span id="receive-address-block" class="select-all"></span>
|
|
||||||
<span id="receive-etherscan-link"></span>
|
<span id="receive-etherscan-link"></span>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
@@ -1001,18 +999,18 @@
|
|||||||
class="text-xs"
|
class="text-xs"
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="tx-detail-rawdata-section" class="hidden">
|
||||||
|
<div class="text-xs text-muted mb-1">Raw data</div>
|
||||||
|
<div
|
||||||
|
id="tx-detail-rawdata"
|
||||||
|
class="text-xs break-all font-mono border border-border border-dashed p-2"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<div class="text-xs text-muted mb-1">Transaction hash</div>
|
<div class="text-xs text-muted mb-1">Transaction hash</div>
|
||||||
<div id="tx-detail-hash" class="text-xs break-all"></div>
|
<div id="tx-detail-hash" class="text-xs break-all"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tx-detail-rawdata-section" class="mb-4 hidden">
|
|
||||||
<div class="text-xs text-muted mb-1">Raw data</div>
|
|
||||||
<div
|
|
||||||
id="tx-detail-rawdata"
|
|
||||||
class="text-xs break-all font-mono border border-border border-dashed p-2"
|
|
||||||
></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ============ TRANSACTION APPROVAL ============ -->
|
<!-- ============ TRANSACTION APPROVAL ============ -->
|
||||||
|
|||||||
@@ -186,12 +186,10 @@ function renderTransactions(txs) {
|
|||||||
let html = "";
|
let html = "";
|
||||||
let i = 0;
|
let i = 0;
|
||||||
for (const tx of txs) {
|
for (const tx of txs) {
|
||||||
// For swap transactions, show the user's own labelled wallet
|
|
||||||
// address instead of the contract address (see issue #55).
|
|
||||||
const counterparty =
|
const counterparty =
|
||||||
tx.direction === "contract" && tx.directionLabel === "Swap"
|
tx.direction === "contract"
|
||||||
? tx.from
|
? tx.from
|
||||||
: tx.direction === "sent" || tx.direction === "contract"
|
: tx.direction === "sent"
|
||||||
? tx.to
|
? tx.to
|
||||||
: tx.from;
|
: tx.from;
|
||||||
const ensName = ensNameMap.get(counterparty) || null;
|
const ensName = ensNameMap.get(counterparty) || null;
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ const {
|
|||||||
balanceLine,
|
balanceLine,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { state, currentAddress, saveState } = require("../../shared/state");
|
const { state, currentAddress, saveState } = require("../../shared/state");
|
||||||
const { TOKEN_BY_ADDRESS, resolveSymbol } = require("../../shared/tokenList");
|
const { TOKEN_BY_ADDRESS } = require("../../shared/tokenList");
|
||||||
const {
|
const {
|
||||||
formatUsd,
|
formatUsd,
|
||||||
getPrice,
|
getPrice,
|
||||||
@@ -87,7 +87,6 @@ function show() {
|
|||||||
|
|
||||||
// Determine token symbol and balance
|
// Determine token symbol and balance
|
||||||
let symbol, amount, price;
|
let symbol, amount, price;
|
||||||
const knownToken = TOKEN_BY_ADDRESS.get(tokenId.toLowerCase());
|
|
||||||
if (tokenId === "ETH") {
|
if (tokenId === "ETH") {
|
||||||
symbol = "ETH";
|
symbol = "ETH";
|
||||||
amount = parseFloat(addr.balance || "0");
|
amount = parseFloat(addr.balance || "0");
|
||||||
@@ -96,11 +95,7 @@ function show() {
|
|||||||
const tb = (addr.tokenBalances || []).find(
|
const tb = (addr.tokenBalances || []).find(
|
||||||
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
||||||
);
|
);
|
||||||
symbol = resolveSymbol(
|
symbol = tb ? tb.symbol : "?";
|
||||||
tokenId,
|
|
||||||
addr.tokenBalances,
|
|
||||||
state.trackedTokens,
|
|
||||||
);
|
|
||||||
amount = tb ? parseFloat(tb.balance || "0") : 0;
|
amount = tb ? parseFloat(tb.balance || "0") : 0;
|
||||||
price = getPrice(symbol);
|
price = getPrice(symbol);
|
||||||
}
|
}
|
||||||
@@ -143,32 +138,13 @@ function show() {
|
|||||||
const tb = (addr.tokenBalances || []).find(
|
const tb = (addr.tokenBalances || []).find(
|
||||||
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
||||||
);
|
);
|
||||||
const tracked = (state.trackedTokens || []).find(
|
const tokenName = tb && tb.name ? escapeHtml(tb.name) : null;
|
||||||
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
const tokenSymbol = tb && tb.symbol ? escapeHtml(tb.symbol) : null;
|
||||||
);
|
const tokenDecimals = tb && tb.decimals != null ? tb.decimals : null;
|
||||||
const rawName =
|
|
||||||
(tb && tb.name) ||
|
|
||||||
(tracked && tracked.name) ||
|
|
||||||
(knownToken && knownToken.name) ||
|
|
||||||
null;
|
|
||||||
const rawSymbol =
|
|
||||||
(tb && tb.symbol) ||
|
|
||||||
(tracked && tracked.symbol) ||
|
|
||||||
(knownToken && knownToken.symbol) ||
|
|
||||||
null;
|
|
||||||
const tokenName = rawName ? escapeHtml(rawName) : null;
|
|
||||||
const tokenSymbol = rawSymbol ? escapeHtml(rawSymbol) : null;
|
|
||||||
const tokenDecimals =
|
|
||||||
tb && tb.decimals != null
|
|
||||||
? tb.decimals
|
|
||||||
: tracked && tracked.decimals != null
|
|
||||||
? tracked.decimals
|
|
||||||
: knownToken && knownToken.decimals != null
|
|
||||||
? knownToken.decimals
|
|
||||||
: null;
|
|
||||||
const tokenHolders = tb && tb.holders != null ? tb.holders : null;
|
const tokenHolders = tb && tb.holders != null ? tb.holders : null;
|
||||||
const dot = addressDotHtml(tokenId);
|
const dot = addressDotHtml(tokenId);
|
||||||
const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`;
|
const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`;
|
||||||
|
const knownToken = TOKEN_BY_ADDRESS.get(tokenId.toLowerCase());
|
||||||
const projectUrl = knownToken && knownToken.url ? knownToken.url : null;
|
const projectUrl = knownToken && knownToken.url ? knownToken.url : null;
|
||||||
let infoHtml = `<div class="font-bold mb-2">Contract Address</div>`;
|
let infoHtml = `<div class="font-bold mb-2">Contract Address</div>`;
|
||||||
infoHtml +=
|
infoHtml +=
|
||||||
|
|||||||
@@ -78,12 +78,10 @@ function decodeCalldata(data, toAddress) {
|
|||||||
"0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff",
|
"0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff",
|
||||||
);
|
);
|
||||||
const isUnlimited = rawAmount === maxUint;
|
const isUnlimited = rawAmount === maxUint;
|
||||||
const amountRaw = isUnlimited
|
|
||||||
? "Unlimited"
|
|
||||||
: formatTxValue(formatUnits(rawAmount, tokenDecimals));
|
|
||||||
const amountStr = isUnlimited
|
const amountStr = isUnlimited
|
||||||
? "Unlimited"
|
? "Unlimited"
|
||||||
: amountRaw + (tokenSymbol ? " " + tokenSymbol : "");
|
: formatTxValue(formatUnits(rawAmount, tokenDecimals)) +
|
||||||
|
(tokenSymbol ? " " + tokenSymbol : "");
|
||||||
|
|
||||||
return {
|
return {
|
||||||
name: "Token Approval",
|
name: "Token Approval",
|
||||||
@@ -102,11 +100,7 @@ function decodeCalldata(data, toAddress) {
|
|||||||
value: spender,
|
value: spender,
|
||||||
address: spender,
|
address: spender,
|
||||||
},
|
},
|
||||||
{
|
{ label: "Amount", value: amountStr },
|
||||||
label: "Amount",
|
|
||||||
value: amountStr,
|
|
||||||
rawValue: amountRaw,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@@ -114,11 +108,9 @@ function decodeCalldata(data, toAddress) {
|
|||||||
if (parsed.name === "transfer") {
|
if (parsed.name === "transfer") {
|
||||||
const to = parsed.args[0];
|
const to = parsed.args[0];
|
||||||
const rawAmount = parsed.args[1];
|
const rawAmount = parsed.args[1];
|
||||||
const amountRaw = formatTxValue(
|
|
||||||
formatUnits(rawAmount, tokenDecimals),
|
|
||||||
);
|
|
||||||
const amountStr =
|
const amountStr =
|
||||||
amountRaw + (tokenSymbol ? " " + tokenSymbol : "");
|
formatTxValue(formatUnits(rawAmount, tokenDecimals)) +
|
||||||
|
(tokenSymbol ? " " + tokenSymbol : "");
|
||||||
|
|
||||||
return {
|
return {
|
||||||
name: "Token Transfer",
|
name: "Token Transfer",
|
||||||
@@ -133,11 +125,7 @@ function decodeCalldata(data, toAddress) {
|
|||||||
isToken: true,
|
isToken: true,
|
||||||
},
|
},
|
||||||
{ label: "Recipient", value: to, address: to },
|
{ label: "Recipient", value: to, address: to },
|
||||||
{
|
{ label: "Amount", value: amountStr },
|
||||||
label: "Amount",
|
|
||||||
value: amountStr,
|
|
||||||
rawValue: amountRaw,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@@ -175,7 +163,7 @@ function showTxApproval(details) {
|
|||||||
pendingTxDetails.to = d.address;
|
pendingTxDetails.to = d.address;
|
||||||
}
|
}
|
||||||
if (d.label === "Amount") {
|
if (d.label === "Amount") {
|
||||||
pendingTxDetails.amount = d.rawValue || d.value;
|
pendingTxDetails.amount = d.value;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (token) {
|
if (token) {
|
||||||
@@ -184,15 +172,6 @@ function showTxApproval(details) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Carry decoded calldata info through to success/error views
|
|
||||||
if (decoded) {
|
|
||||||
pendingTxDetails.decoded = {
|
|
||||||
name: decoded.name,
|
|
||||||
description: decoded.description,
|
|
||||||
details: decoded.details,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
$("approve-tx-hostname").textContent = details.hostname;
|
$("approve-tx-hostname").textContent = details.hostname;
|
||||||
$("approve-tx-from").innerHTML = approvalAddressHtml(state.activeAddress);
|
$("approve-tx-from").innerHTML = approvalAddressHtml(state.activeAddress);
|
||||||
|
|
||||||
|
|||||||
@@ -103,15 +103,10 @@ function renderHomeTxList(ctx) {
|
|||||||
let html = "";
|
let html = "";
|
||||||
let i = 0;
|
let i = 0;
|
||||||
for (const tx of homeTxs) {
|
for (const tx of homeTxs) {
|
||||||
// For swap transactions, show the user's own labelled wallet
|
|
||||||
// address (the one that initiated the swap) instead of the
|
|
||||||
// contract address which is not useful in the list view.
|
|
||||||
const counterparty =
|
const counterparty =
|
||||||
tx.direction === "contract" && tx.directionLabel === "Swap"
|
tx.direction === "sent" || tx.direction === "contract"
|
||||||
? tx.from
|
? tx.to
|
||||||
: tx.direction === "sent" || tx.direction === "contract"
|
: tx.from;
|
||||||
? tx.to
|
|
||||||
: tx.from;
|
|
||||||
const dirLabel = tx.directionLabel;
|
const dirLabel = tx.directionLabel;
|
||||||
const amountStr = tx.value
|
const amountStr = tx.value
|
||||||
? escapeHtml(tx.value + " " + tx.symbol)
|
? escapeHtml(tx.value + " " + tx.symbol)
|
||||||
|
|||||||
@@ -1,10 +1,4 @@
|
|||||||
const {
|
const { $, showView, showFlash, addressDotHtml } = require("./helpers");
|
||||||
$,
|
|
||||||
showView,
|
|
||||||
showFlash,
|
|
||||||
formatAddressHtml,
|
|
||||||
addressTitle,
|
|
||||||
} = require("./helpers");
|
|
||||||
const { state, currentAddress } = require("../../shared/state");
|
const { state, currentAddress } = require("../../shared/state");
|
||||||
const QRCode = require("qrcode");
|
const QRCode = require("qrcode");
|
||||||
|
|
||||||
@@ -18,12 +12,8 @@ const EXT_ICON =
|
|||||||
function show() {
|
function show() {
|
||||||
const addr = currentAddress();
|
const addr = currentAddress();
|
||||||
const address = addr ? addr.address : "";
|
const address = addr ? addr.address : "";
|
||||||
const title = address ? addressTitle(address, state.wallets) : null;
|
$("receive-dot").innerHTML = address ? addressDotHtml(address) : "";
|
||||||
const ensName = addr ? addr.ensName || null : null;
|
$("receive-address").textContent = address;
|
||||||
$("receive-address-block").innerHTML = address
|
|
||||||
? formatAddressHtml(address, ensName, null, title)
|
|
||||||
: "";
|
|
||||||
$("receive-address-block").dataset.full = address;
|
|
||||||
const link = address ? `https://etherscan.io/address/${address}` : "";
|
const link = address ? `https://etherscan.io/address/${address}` : "";
|
||||||
$("receive-etherscan-link").innerHTML = link
|
$("receive-etherscan-link").innerHTML = link
|
||||||
? `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`
|
? `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`
|
||||||
@@ -60,16 +50,8 @@ function show() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function init(ctx) {
|
function init(ctx) {
|
||||||
$("receive-address-block").addEventListener("click", () => {
|
|
||||||
const addr = $("receive-address-block").dataset.full;
|
|
||||||
if (addr) {
|
|
||||||
navigator.clipboard.writeText(addr);
|
|
||||||
showFlash("Copied!");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("btn-receive-copy").addEventListener("click", () => {
|
$("btn-receive-copy").addEventListener("click", () => {
|
||||||
const addr = $("receive-address-block").dataset.full;
|
const addr = $("receive-address").textContent;
|
||||||
if (addr) {
|
if (addr) {
|
||||||
navigator.clipboard.writeText(addr);
|
navigator.clipboard.writeText(addr);
|
||||||
showFlash("Copied!");
|
showFlash("Copied!");
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ const {
|
|||||||
const { state, currentAddress } = require("../../shared/state");
|
const { state, currentAddress } = require("../../shared/state");
|
||||||
let ctx;
|
let ctx;
|
||||||
const { getProvider } = require("../../shared/balances");
|
const { getProvider } = require("../../shared/balances");
|
||||||
const { KNOWN_SYMBOLS, resolveSymbol } = require("../../shared/tokenList");
|
const { KNOWN_SYMBOLS } = require("../../shared/tokenList");
|
||||||
|
|
||||||
const EXT_ICON =
|
const EXT_ICON =
|
||||||
`<span style="display:inline-block;width:10px;height:10px;margin-left:4px;vertical-align:middle">` +
|
`<span style="display:inline-block;width:10px;height:10px;margin-left:4px;vertical-align:middle">` +
|
||||||
@@ -73,11 +73,7 @@ function updateSendBalance() {
|
|||||||
const tb = (addr.tokenBalances || []).find(
|
const tb = (addr.tokenBalances || []).find(
|
||||||
(t) => t.address.toLowerCase() === token.toLowerCase(),
|
(t) => t.address.toLowerCase() === token.toLowerCase(),
|
||||||
);
|
);
|
||||||
const symbol = resolveSymbol(
|
const symbol = tb ? tb.symbol : "?";
|
||||||
token,
|
|
||||||
addr.tokenBalances,
|
|
||||||
state.trackedTokens,
|
|
||||||
);
|
|
||||||
const bal = tb ? tb.balance || "0" : "0";
|
const bal = tb ? tb.balance || "0" : "0";
|
||||||
$("send-balance").textContent =
|
$("send-balance").textContent =
|
||||||
"Current balance: " + bal + " " + symbol;
|
"Current balance: " + bal + " " + symbol;
|
||||||
@@ -128,11 +124,7 @@ function init(_ctx) {
|
|||||||
const tb = (addr.tokenBalances || []).find(
|
const tb = (addr.tokenBalances || []).find(
|
||||||
(t) => t.address.toLowerCase() === token.toLowerCase(),
|
(t) => t.address.toLowerCase() === token.toLowerCase(),
|
||||||
);
|
);
|
||||||
tokenSymbol = resolveSymbol(
|
tokenSymbol = tb ? tb.symbol : "?";
|
||||||
token,
|
|
||||||
addr.tokenBalances,
|
|
||||||
state.trackedTokens,
|
|
||||||
);
|
|
||||||
tokenBalance = tb ? tb.balance || "0" : "0";
|
tokenBalance = tb ? tb.balance || "0" : "0";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -37,19 +37,11 @@ function blockieHtml(address) {
|
|||||||
return `<img src="${src}" width="48" height="48" style="image-rendering:pixelated;border-radius:50%;display:inline-block">`;
|
return `<img src="${src}" width="48" height="48" style="image-rendering:pixelated;border-radius:50%;display:inline-block">`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function etherscanLinkHtml(url) {
|
|
||||||
return (
|
|
||||||
`<a href="${url}" target="_blank" rel="noopener" ` +
|
|
||||||
`class="inline-flex items-center"` +
|
|
||||||
`>${EXT_ICON}</a>`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function txAddressHtml(address, ensName, title) {
|
function txAddressHtml(address, ensName, title) {
|
||||||
const blockie = blockieHtml(address);
|
const blockie = blockieHtml(address);
|
||||||
const dot = addressDotHtml(address);
|
const dot = addressDotHtml(address);
|
||||||
const link = `https://etherscan.io/address/${address}`;
|
const link = `https://etherscan.io/address/${address}`;
|
||||||
const extLink = etherscanLinkHtml(link);
|
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
let html = `<div class="mb-1">${blockie}</div>`;
|
let html = `<div class="mb-1">${blockie}</div>`;
|
||||||
if (title) {
|
if (title) {
|
||||||
html += `<div class="font-bold">${escapeHtml(title)}</div>`;
|
html += `<div class="font-bold">${escapeHtml(title)}</div>`;
|
||||||
@@ -58,10 +50,10 @@ function txAddressHtml(address, ensName, title) {
|
|||||||
html +=
|
html +=
|
||||||
`<div class="flex items-center">${dot}` +
|
`<div class="flex items-center">${dot}` +
|
||||||
copyableHtml(ensName, "") +
|
copyableHtml(ensName, "") +
|
||||||
`</div>` +
|
|
||||||
`<div class="flex items-center">${dot}` +
|
|
||||||
copyableHtml(address, "break-all") +
|
|
||||||
extLink +
|
extLink +
|
||||||
|
`</div>` +
|
||||||
|
`<div class="break-all">` +
|
||||||
|
copyableHtml(address, "break-all") +
|
||||||
`</div>`;
|
`</div>`;
|
||||||
} else {
|
} else {
|
||||||
html +=
|
html +=
|
||||||
@@ -75,7 +67,7 @@ function txAddressHtml(address, ensName, title) {
|
|||||||
|
|
||||||
function txHashHtml(hash) {
|
function txHashHtml(hash) {
|
||||||
const link = `https://etherscan.io/tx/${hash}`;
|
const link = `https://etherscan.io/tx/${hash}`;
|
||||||
const extLink = etherscanLinkHtml(link);
|
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
return copyableHtml(hash, "break-all") + extLink;
|
return copyableHtml(hash, "break-all") + extLink;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -101,6 +93,9 @@ function show(tx) {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
render();
|
render();
|
||||||
|
if (tx.isContractCall || tx.direction === "contract") {
|
||||||
|
loadCalldata(tx.hash, tx.to);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function render() {
|
function render() {
|
||||||
@@ -143,20 +138,15 @@ function render() {
|
|||||||
typeEl.textContent = tx.directionLabel;
|
typeEl.textContent = tx.directionLabel;
|
||||||
typeSection.classList.remove("hidden");
|
typeSection.classList.remove("hidden");
|
||||||
}
|
}
|
||||||
|
if (headingEl) headingEl.textContent = tx.directionLabel;
|
||||||
} else {
|
} else {
|
||||||
if (typeSection) typeSection.classList.add("hidden");
|
if (typeSection) typeSection.classList.add("hidden");
|
||||||
|
if (headingEl) headingEl.textContent = "Transaction";
|
||||||
}
|
}
|
||||||
if (headingEl) headingEl.textContent = "Transaction";
|
|
||||||
|
|
||||||
// Hide calldata and raw data sections; re-fetch if this is a contract call
|
// Hide calldata section by default; loadCalldata will show it if needed
|
||||||
const calldataSection = $("tx-detail-calldata-section");
|
const calldataSection = $("tx-detail-calldata-section");
|
||||||
if (calldataSection) calldataSection.classList.add("hidden");
|
if (calldataSection) calldataSection.classList.add("hidden");
|
||||||
const rawDataSection = $("tx-detail-rawdata-section");
|
|
||||||
if (rawDataSection) rawDataSection.classList.add("hidden");
|
|
||||||
|
|
||||||
if (tx.isContractCall || tx.direction === "contract") {
|
|
||||||
loadCalldata(tx.hash, tx.to);
|
|
||||||
}
|
|
||||||
|
|
||||||
$("tx-detail-time").textContent =
|
$("tx-detail-time").textContent =
|
||||||
isoDate(tx.timestamp) + " (" + timeAgo(tx.timestamp) + ")";
|
isoDate(tx.timestamp) + " (" + timeAgo(tx.timestamp) + ")";
|
||||||
@@ -203,20 +193,9 @@ async function loadCalldata(txHash, toAddress) {
|
|||||||
for (const d of decoded.details || []) {
|
for (const d of decoded.details || []) {
|
||||||
detailsHtml += `<div class="mb-2">`;
|
detailsHtml += `<div class="mb-2">`;
|
||||||
detailsHtml += `<div class="text-muted">${escapeHtml(d.label)}</div>`;
|
detailsHtml += `<div class="text-muted">${escapeHtml(d.label)}</div>`;
|
||||||
if (d.address && d.isToken) {
|
if (d.address) {
|
||||||
// Token entry: show symbol on its own line, then dot + address + Etherscan link
|
|
||||||
const dot = addressDotHtml(d.address);
|
const dot = addressDotHtml(d.address);
|
||||||
const tokenSymbol = d.value.match(/^(\S+)\s*\(/)?.[1];
|
detailsHtml += `<div>${dot}${copyableHtml(d.value, "break-all")}</div>`;
|
||||||
if (tokenSymbol) {
|
|
||||||
detailsHtml += `<div class="font-bold">${escapeHtml(tokenSymbol)}</div>`;
|
|
||||||
}
|
|
||||||
const etherscanUrl = `https://etherscan.io/token/${d.address}`;
|
|
||||||
detailsHtml += `<div class="flex items-center">${dot}${copyableHtml(d.address, "break-all")}${etherscanLinkHtml(etherscanUrl)}</div>`;
|
|
||||||
} else if (d.address) {
|
|
||||||
// Protocol/contract entry: show name + Etherscan link
|
|
||||||
const dot = addressDotHtml(d.address);
|
|
||||||
const etherscanUrl = `https://etherscan.io/address/${d.address}`;
|
|
||||||
detailsHtml += `<div class="flex items-center">${dot}${copyableHtml(d.value, "break-all")}${etherscanLinkHtml(etherscanUrl)}</div>`;
|
|
||||||
} else {
|
} else {
|
||||||
detailsHtml += `<div class="font-bold">${escapeHtml(d.value)}</div>`;
|
detailsHtml += `<div class="font-bold">${escapeHtml(d.value)}</div>`;
|
||||||
}
|
}
|
||||||
@@ -240,16 +219,13 @@ async function loadCalldata(txHash, toAddress) {
|
|||||||
|
|
||||||
section.classList.remove("hidden");
|
section.classList.remove("hidden");
|
||||||
|
|
||||||
// Bind copy handlers for new elements (including raw data now outside section)
|
// Bind copy handlers for new elements
|
||||||
const copyTargets = [section, rawSection].filter(Boolean);
|
section.querySelectorAll("[data-copy]").forEach((el) => {
|
||||||
for (const container of copyTargets) {
|
el.onclick = () => {
|
||||||
container.querySelectorAll("[data-copy]").forEach((el) => {
|
navigator.clipboard.writeText(el.dataset.copy);
|
||||||
el.onclick = () => {
|
showFlash("Copied!");
|
||||||
navigator.clipboard.writeText(el.dataset.copy);
|
};
|
||||||
showFlash("Copied!");
|
});
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
log.errorf("loadCalldata failed:", e.message);
|
log.errorf("loadCalldata failed:", e.message);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ const {
|
|||||||
addressTitle,
|
addressTitle,
|
||||||
escapeHtml,
|
escapeHtml,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { TOKEN_BY_ADDRESS } = require("../../shared/tokenList");
|
|
||||||
const { state, saveState } = require("../../shared/state");
|
const { state, saveState } = require("../../shared/state");
|
||||||
const { getProvider } = require("../../shared/balances");
|
const { getProvider } = require("../../shared/balances");
|
||||||
const { log } = require("../../shared/log");
|
const { log } = require("../../shared/log");
|
||||||
@@ -122,51 +121,11 @@ function showSuccess(txInfo, txHash, blockNumber) {
|
|||||||
to: txInfo.to,
|
to: txInfo.to,
|
||||||
hash: txHash,
|
hash: txHash,
|
||||||
blockNumber: blockNumber,
|
blockNumber: blockNumber,
|
||||||
decoded: txInfo.decoded || null,
|
|
||||||
};
|
};
|
||||||
renderSuccess();
|
renderSuccess();
|
||||||
ctx.doRefreshAndRender();
|
ctx.doRefreshAndRender();
|
||||||
}
|
}
|
||||||
|
|
||||||
function tokenLabel(address) {
|
|
||||||
const t = TOKEN_BY_ADDRESS.get(address.toLowerCase());
|
|
||||||
return t ? t.symbol : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function etherscanTokenLink(address) {
|
|
||||||
return `https://etherscan.io/token/${address}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function decodedDetailsHtml(decoded) {
|
|
||||||
if (!decoded || !decoded.details) return "";
|
|
||||||
let html = "";
|
|
||||||
if (decoded.name) {
|
|
||||||
html += `<div class="mb-2"><div class="text-xs text-muted mb-1">Action</div>`;
|
|
||||||
html += `<div class="font-bold">${escapeHtml(decoded.name)}</div></div>`;
|
|
||||||
}
|
|
||||||
if (decoded.description) {
|
|
||||||
html += `<div class="mb-2"><div class="text-xs text-muted mb-1">Description</div>`;
|
|
||||||
html += `<div>${escapeHtml(decoded.description)}</div></div>`;
|
|
||||||
}
|
|
||||||
for (const d of decoded.details) {
|
|
||||||
html += `<div class="mb-2">`;
|
|
||||||
html += `<div class="text-xs text-muted mb-1">${escapeHtml(d.label)}</div>`;
|
|
||||||
if (d.address) {
|
|
||||||
if (d.isToken) {
|
|
||||||
const sym = tokenLabel(d.address) || "Unknown token";
|
|
||||||
html += `<div class="font-bold">${escapeHtml(sym)}</div>`;
|
|
||||||
html += toAddressHtml(d.address);
|
|
||||||
} else {
|
|
||||||
html += toAddressHtml(d.address);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
html += `<div class="font-bold">${escapeHtml(d.value)}</div>`;
|
|
||||||
}
|
|
||||||
html += `</div>`;
|
|
||||||
}
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderSuccess() {
|
function renderSuccess() {
|
||||||
const d = state.viewData;
|
const d = state.viewData;
|
||||||
if (!d || !d.hash) return;
|
if (!d || !d.hash) return;
|
||||||
@@ -174,16 +133,6 @@ function renderSuccess() {
|
|||||||
$("success-tx-to").innerHTML = toAddressHtml(d.to);
|
$("success-tx-to").innerHTML = toAddressHtml(d.to);
|
||||||
$("success-tx-block").textContent = String(d.blockNumber);
|
$("success-tx-block").textContent = String(d.blockNumber);
|
||||||
$("success-tx-hash").innerHTML = txHashHtml(d.hash);
|
$("success-tx-hash").innerHTML = txHashHtml(d.hash);
|
||||||
|
|
||||||
// Show decoded calldata details if present
|
|
||||||
const decodedEl = $("success-tx-decoded");
|
|
||||||
if (decodedEl && d.decoded) {
|
|
||||||
decodedEl.innerHTML = decodedDetailsHtml(d.decoded);
|
|
||||||
decodedEl.classList.remove("hidden");
|
|
||||||
} else if (decodedEl) {
|
|
||||||
decodedEl.classList.add("hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
attachCopyHandlers("view-success-tx");
|
attachCopyHandlers("view-success-tx");
|
||||||
showView("success-tx");
|
showView("success-tx");
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -85,7 +85,6 @@ async function fetchTokenBalances(address, blockscoutUrl, trackedTokens) {
|
|||||||
|
|
||||||
balances.push({
|
balances.push({
|
||||||
address: item.token.address_hash,
|
address: item.token.address_hash,
|
||||||
name: item.token.name || "",
|
|
||||||
symbol: item.token.symbol || "???",
|
symbol: item.token.symbol || "???",
|
||||||
decimals: decimals,
|
decimals: decimals,
|
||||||
balance: bal,
|
balance: bal,
|
||||||
|
|||||||
@@ -3645,27 +3645,10 @@ async function getTopTokenPrices(n) {
|
|||||||
return prices;
|
return prices;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Resolve a token symbol from multiple sources, never returning "?".
|
|
||||||
function resolveSymbol(tokenAddress, tokenBalances, trackedTokens) {
|
|
||||||
const lower = (tokenAddress || "").toLowerCase();
|
|
||||||
const tb = (tokenBalances || []).find(
|
|
||||||
(t) => t.address.toLowerCase() === lower,
|
|
||||||
);
|
|
||||||
if (tb && tb.symbol) return tb.symbol;
|
|
||||||
const known = TOKEN_BY_ADDRESS.get(lower);
|
|
||||||
if (known && known.symbol) return known.symbol;
|
|
||||||
const tracked = (trackedTokens || []).find(
|
|
||||||
(t) => t.address.toLowerCase() === lower,
|
|
||||||
);
|
|
||||||
if (tracked && tracked.symbol) return tracked.symbol;
|
|
||||||
return lower.slice(0, 10) + "\u2026";
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
TOKENS,
|
TOKENS,
|
||||||
TOKEN_BY_ADDRESS,
|
TOKEN_BY_ADDRESS,
|
||||||
KNOWN_SYMBOLS,
|
KNOWN_SYMBOLS,
|
||||||
getTopTokens,
|
getTopTokens,
|
||||||
getTopTokenPrices,
|
getTopTokenPrices,
|
||||||
resolveSymbol,
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -153,14 +153,9 @@ async function fetchRecentTransactions(address, blockscoutUrl, count = 25) {
|
|||||||
|
|
||||||
// When a token transfer shares a hash with a normal tx, the normal tx
|
// When a token transfer shares a hash with a normal tx, the normal tx
|
||||||
// is the contract call (0 ETH) and the token transfer has the real
|
// is the contract call (0 ETH) and the token transfer has the real
|
||||||
// amount and symbol. Preserve contract call metadata (direction, label,
|
// amount and symbol. Replace the normal tx with the token transfer,
|
||||||
// method) so swaps and other contract interactions display correctly.
|
// but preserve contract call metadata (direction, label, method) so
|
||||||
//
|
// swaps and other contract interactions display correctly.
|
||||||
// A single tx hash can produce multiple token transfers (e.g. a swap
|
|
||||||
// sends token A and receives token B). Use a composite key
|
|
||||||
// (hash:contractAddress) so every transfer is preserved. The original
|
|
||||||
// normal-tx entry (keyed by bare hash) is removed when at least one
|
|
||||||
// token transfer replaces it.
|
|
||||||
for (const tt of ttJson.items || []) {
|
for (const tt of ttJson.items || []) {
|
||||||
const parsed = parseTokenTransfer(tt, addrLower);
|
const parsed = parseTokenTransfer(tt, addrLower);
|
||||||
const existing = txsByHash.get(parsed.hash);
|
const existing = txsByHash.get(parsed.hash);
|
||||||
@@ -169,12 +164,8 @@ async function fetchRecentTransactions(address, blockscoutUrl, count = 25) {
|
|||||||
parsed.directionLabel = existing.directionLabel;
|
parsed.directionLabel = existing.directionLabel;
|
||||||
parsed.isContractCall = true;
|
parsed.isContractCall = true;
|
||||||
parsed.method = existing.method;
|
parsed.method = existing.method;
|
||||||
// Remove the bare-hash normal tx so it isn't duplicated
|
|
||||||
txsByHash.delete(parsed.hash);
|
|
||||||
}
|
}
|
||||||
// Use composite key so multiple token transfers per tx are kept
|
txsByHash.set(parsed.hash, parsed);
|
||||||
const compositeKey = parsed.hash + ":" + (parsed.contractAddress || "");
|
|
||||||
txsByHash.set(compositeKey, parsed);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const txs = [...txsByHash.values()];
|
const txs = [...txsByHash.values()];
|
||||||
|
|||||||
@@ -161,157 +161,6 @@ function decodeWrapEth(input) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// V4 inner action IDs
|
|
||||||
const V4_SWAP_EXACT_IN_SINGLE = 0x06;
|
|
||||||
const V4_SWAP_EXACT_IN = 0x07;
|
|
||||||
const V4_SWAP_EXACT_OUT_SINGLE = 0x08;
|
|
||||||
const V4_SWAP_EXACT_OUT = 0x09;
|
|
||||||
const V4_SETTLE = 0x0b;
|
|
||||||
const V4_TAKE = 0x0e;
|
|
||||||
|
|
||||||
// Decode V4_SWAP (command 0x10) input bytes.
|
|
||||||
// The input is ABI-encoded as (bytes actions, bytes[] params).
|
|
||||||
// We extract token addresses from SETTLE (input) and TAKE (output) sub-actions,
|
|
||||||
// and swap amounts from the swap sub-actions.
|
|
||||||
function decodeV4Swap(input) {
|
|
||||||
try {
|
|
||||||
const d = coder.decode(["bytes", "bytes[]"], input);
|
|
||||||
const actions = getBytes(d[0]);
|
|
||||||
const params = d[1];
|
|
||||||
|
|
||||||
let settleToken = null;
|
|
||||||
let takeToken = null;
|
|
||||||
let amountIn = null;
|
|
||||||
let amountOutMin = null;
|
|
||||||
|
|
||||||
for (let i = 0; i < actions.length; i++) {
|
|
||||||
const actionId = actions[i];
|
|
||||||
try {
|
|
||||||
if (actionId === V4_SETTLE) {
|
|
||||||
// SETTLE: (address currency, uint256 maxAmount, bool payerIsUser)
|
|
||||||
const s = coder.decode(
|
|
||||||
["address", "uint256", "bool"],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
settleToken = s[0];
|
|
||||||
} else if (actionId === V4_TAKE) {
|
|
||||||
// TAKE: (address currency, address recipient, uint256 amount)
|
|
||||||
const t = coder.decode(
|
|
||||||
["address", "address", "uint256"],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
takeToken = t[0];
|
|
||||||
} else if (
|
|
||||||
actionId === V4_SWAP_EXACT_IN ||
|
|
||||||
actionId === V4_SWAP_EXACT_IN_SINGLE
|
|
||||||
) {
|
|
||||||
// Extract amounts from exact-in swap actions
|
|
||||||
if (actionId === V4_SWAP_EXACT_IN) {
|
|
||||||
// ExactInputParams: (address currencyIn,
|
|
||||||
// tuple(address,uint24,int24,address,bytes)[] path,
|
|
||||||
// uint128 amountIn, uint128 amountOutMin)
|
|
||||||
try {
|
|
||||||
const s = coder.decode(
|
|
||||||
[
|
|
||||||
"tuple(address,tuple(address,uint24,int24,address,bytes)[],uint128,uint128)",
|
|
||||||
],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
if (!settleToken) settleToken = s[0][0];
|
|
||||||
const path = s[0][1];
|
|
||||||
if (path.length > 0 && !takeToken) {
|
|
||||||
takeToken = path[path.length - 1][0];
|
|
||||||
}
|
|
||||||
if (!amountIn) amountIn = s[0][2];
|
|
||||||
if (!amountOutMin) amountOutMin = s[0][3];
|
|
||||||
} catch {
|
|
||||||
// Fall through — SETTLE/TAKE will provide tokens
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// ExactInputSingleParams: (tuple(address,address,uint24,int24,address) poolKey,
|
|
||||||
// bool zeroForOne, uint128 amountIn, uint128 amountOutMin, bytes hookData)
|
|
||||||
try {
|
|
||||||
const s = coder.decode(
|
|
||||||
[
|
|
||||||
"tuple(tuple(address,address,uint24,int24,address),bool,uint128,uint128,bytes)",
|
|
||||||
],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
const poolKey = s[0][0];
|
|
||||||
const zeroForOne = s[0][1];
|
|
||||||
if (!settleToken)
|
|
||||||
settleToken = zeroForOne
|
|
||||||
? poolKey[0]
|
|
||||||
: poolKey[1];
|
|
||||||
if (!takeToken)
|
|
||||||
takeToken = zeroForOne
|
|
||||||
? poolKey[1]
|
|
||||||
: poolKey[0];
|
|
||||||
if (!amountIn) amountIn = s[0][2];
|
|
||||||
if (!amountOutMin) amountOutMin = s[0][3];
|
|
||||||
} catch {
|
|
||||||
// Fall through
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if (
|
|
||||||
actionId === V4_SWAP_EXACT_OUT ||
|
|
||||||
actionId === V4_SWAP_EXACT_OUT_SINGLE
|
|
||||||
) {
|
|
||||||
if (actionId === V4_SWAP_EXACT_OUT) {
|
|
||||||
try {
|
|
||||||
const s = coder.decode(
|
|
||||||
[
|
|
||||||
"tuple(address,tuple(address,uint24,int24,address,bytes)[],uint128,uint128)",
|
|
||||||
],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
if (!takeToken) takeToken = s[0][0];
|
|
||||||
const path = s[0][1];
|
|
||||||
if (path.length > 0 && !settleToken) {
|
|
||||||
settleToken = path[path.length - 1][0];
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Fall through
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
try {
|
|
||||||
const s = coder.decode(
|
|
||||||
[
|
|
||||||
"tuple(tuple(address,address,uint24,int24,address),bool,uint128,uint128,bytes)",
|
|
||||||
],
|
|
||||||
params[i],
|
|
||||||
);
|
|
||||||
const poolKey = s[0][0];
|
|
||||||
const zeroForOne = s[0][1];
|
|
||||||
if (!settleToken)
|
|
||||||
settleToken = zeroForOne
|
|
||||||
? poolKey[0]
|
|
||||||
: poolKey[1];
|
|
||||||
if (!takeToken)
|
|
||||||
takeToken = zeroForOne
|
|
||||||
? poolKey[1]
|
|
||||||
: poolKey[0];
|
|
||||||
} catch {
|
|
||||||
// Fall through
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Skip sub-actions we can't decode
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
tokenIn: settleToken,
|
|
||||||
tokenOut: takeToken,
|
|
||||||
amountIn,
|
|
||||||
amountOutMin,
|
|
||||||
};
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Try to decode a Universal Router execute() call.
|
// Try to decode a Universal Router execute() call.
|
||||||
// Returns { name, description, details } matching the format used by
|
// Returns { name, description, details } matching the format used by
|
||||||
// the approval UI, or null if the calldata is not a recognised execute().
|
// the approval UI, or null if the calldata is not a recognised execute().
|
||||||
@@ -384,19 +233,6 @@ function decode(data, toAddress) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (cmdId === 0x10) {
|
|
||||||
const v4 = decodeV4Swap(inputs[i]);
|
|
||||||
if (v4) {
|
|
||||||
if (!inputToken && v4.tokenIn) inputToken = v4.tokenIn;
|
|
||||||
if (!outputToken && v4.tokenOut)
|
|
||||||
outputToken = v4.tokenOut;
|
|
||||||
if (!inputAmount && v4.amountIn)
|
|
||||||
inputAmount = v4.amountIn;
|
|
||||||
if (!minOutput && v4.amountOutMin)
|
|
||||||
minOutput = v4.amountOutMin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (cmdId === 0x0c) {
|
if (cmdId === 0x0c) {
|
||||||
hasUnwrapWeth = true;
|
hasUnwrapWeth = true;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +1,9 @@
|
|||||||
const { AbiCoder, Interface, solidityPacked, getBytes } = require("ethers");
|
const { AbiCoder, Interface, solidityPacked } = require("ethers");
|
||||||
const uniswap = require("../src/shared/uniswap");
|
const uniswap = require("../src/shared/uniswap");
|
||||||
|
|
||||||
const ROUTER_ADDR = "0x66a9893cc07d91d95644aedd05d03f95e1dba8af";
|
const ROUTER_ADDR = "0x66a9893cc07d91d95644aedd05d03f95e1dba8af";
|
||||||
const USDT_ADDR = "0xdAC17F958D2ee523a2206206994597C13D831ec7";
|
const USDT_ADDR = "0xdAC17F958D2ee523a2206206994597C13D831ec7";
|
||||||
const WETH_ADDR = "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2";
|
const WETH_ADDR = "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2";
|
||||||
const USDC_ADDR = "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
|
|
||||||
const USER_ADDR = "0x66133E8ea0f5D1d612D2502a968757D1048c214a";
|
const USER_ADDR = "0x66133E8ea0f5D1d612D2502a968757D1048c214a";
|
||||||
|
|
||||||
// AutistMask's first-ever swap, 2026-02-27.
|
// AutistMask's first-ever swap, 2026-02-27.
|
||||||
@@ -257,87 +256,6 @@ describe("uniswap decoder", () => {
|
|||||||
expect(amount.value).toBe("5.0000 USDT");
|
expect(amount.value).toBe("5.0000 USDT");
|
||||||
});
|
});
|
||||||
|
|
||||||
// This test validates the decodeV4Swap() fix: a V4 ERC20→ERC20 swap
|
|
||||||
// (USDT→USDC) where the token addresses are ONLY discoverable inside
|
|
||||||
// the V4_SWAP sub-actions (SETTLE/TAKE). Before decodeV4Swap() was added,
|
|
||||||
// command 0x10 was opaque and this would decode as "Uniswap Swap" with
|
|
||||||
// no token info (or "ETH → ETH"). Now it correctly shows "USDT → USDC".
|
|
||||||
test("decodes V4_SWAP ERC20→ERC20 tokens via SETTLE/TAKE (regression: #59)", () => {
|
|
||||||
// Build a V4_SWAP input with SETTLE(USDT) + SWAP_EXACT_IN_SINGLE + TAKE(USDC)
|
|
||||||
const V4_SETTLE = 0x0b;
|
|
||||||
const V4_SWAP_EXACT_IN_SINGLE = 0x06;
|
|
||||||
const V4_TAKE = 0x0e;
|
|
||||||
|
|
||||||
// actions: SETTLE, SWAP_EXACT_IN_SINGLE, TAKE
|
|
||||||
const actions = new Uint8Array([
|
|
||||||
V4_SETTLE,
|
|
||||||
V4_SWAP_EXACT_IN_SINGLE,
|
|
||||||
V4_TAKE,
|
|
||||||
]);
|
|
||||||
|
|
||||||
// SETTLE params: (address currency, uint256 maxAmount, bool payerIsUser)
|
|
||||||
const settleParam = coder.encode(
|
|
||||||
["address", "uint256", "bool"],
|
|
||||||
[USDT_ADDR, 5000000n, true],
|
|
||||||
);
|
|
||||||
|
|
||||||
// SWAP_EXACT_IN_SINGLE params:
|
|
||||||
// (tuple(address,address,uint24,int24,address) poolKey, bool zeroForOne, uint128 amountIn, uint128 amountOutMin, bytes hookData)
|
|
||||||
const swapParam = coder.encode(
|
|
||||||
[
|
|
||||||
"tuple(tuple(address,address,uint24,int24,address),bool,uint128,uint128,bytes)",
|
|
||||||
],
|
|
||||||
[
|
|
||||||
[
|
|
||||||
[
|
|
||||||
USDT_ADDR,
|
|
||||||
USDC_ADDR,
|
|
||||||
100, // fee
|
|
||||||
1, // tickSpacing
|
|
||||||
"0x0000000000000000000000000000000000000000", // hooks
|
|
||||||
],
|
|
||||||
true, // zeroForOne
|
|
||||||
5000000n, // amountIn (5 USDT)
|
|
||||||
4900000n, // amountOutMin (4.9 USDC)
|
|
||||||
"0x", // hookData
|
|
||||||
],
|
|
||||||
],
|
|
||||||
);
|
|
||||||
|
|
||||||
// TAKE params: (address currency, address recipient, uint256 amount)
|
|
||||||
const takeParam = coder.encode(
|
|
||||||
["address", "address", "uint256"],
|
|
||||||
[USDC_ADDR, USER_ADDR, 0n],
|
|
||||||
);
|
|
||||||
|
|
||||||
// Encode the V4_SWAP input: (bytes actions, bytes[] params)
|
|
||||||
const v4Input = coder.encode(
|
|
||||||
["bytes", "bytes[]"],
|
|
||||||
[actions, [settleParam, swapParam, takeParam]],
|
|
||||||
);
|
|
||||||
|
|
||||||
// Build execute() with PERMIT2_PERMIT (0x0a) + V4_SWAP (0x10)
|
|
||||||
// The permit provides the input token, but V4_SWAP must provide
|
|
||||||
// the OUTPUT token — without decodeV4Swap, output would be unknown.
|
|
||||||
const data = buildExecute(
|
|
||||||
solidityPacked(["uint8", "uint8"], [0x0a, 0x10]),
|
|
||||||
[encodePermit2(USDT_ADDR, 5000000n, ROUTER_ADDR), v4Input],
|
|
||||||
9999999999n,
|
|
||||||
);
|
|
||||||
|
|
||||||
const result = uniswap.decode(data, ROUTER_ADDR);
|
|
||||||
expect(result).not.toBeNull();
|
|
||||||
// Before decodeV4Swap fix: name would be "Swap USDT → ETH" or "Uniswap Swap"
|
|
||||||
// After fix: correctly identifies both tokens from V4 sub-actions
|
|
||||||
expect(result.name).toBe("Swap USDT \u2192 USDC");
|
|
||||||
|
|
||||||
const tokenIn = result.details.find((d) => d.label === "Token In");
|
|
||||||
expect(tokenIn.value).toContain("USDT");
|
|
||||||
|
|
||||||
const steps = result.details.find((d) => d.label === "Steps");
|
|
||||||
expect(steps.value).toContain("V4 Swap");
|
|
||||||
});
|
|
||||||
|
|
||||||
test("handles unknown tokens gracefully", () => {
|
test("handles unknown tokens gracefully", () => {
|
||||||
const fakeToken = "0x1111111111111111111111111111111111111111";
|
const fakeToken = "0x1111111111111111111111111111111111111111";
|
||||||
const data = buildExecute(
|
const data = buildExecute(
|
||||||
|
|||||||
Reference in New Issue
Block a user