Compare commits
4 Commits
fix/70-con
...
cabf8311e5
| Author | SHA1 | Date | |
|---|---|---|---|
| cabf8311e5 | |||
| fbcb679bcf | |||
| aa15f771d5 | |||
| 571f2d6906 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -25,4 +25,3 @@ dist/
|
|||||||
|
|
||||||
# Yarn
|
# Yarn
|
||||||
.yarn-integrity
|
.yarn-integrity
|
||||||
package-lock.json
|
|
||||||
|
|||||||
@@ -93,13 +93,11 @@ function resetPopupUrl() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Open approval in a separate popup window.
|
// Fallback: open approval in a separate window (used when openPopup is unavailable)
|
||||||
// This is the primary mechanism for tx/sign approvals (triggered programmatically,
|
|
||||||
// not from a user gesture) and the fallback for site-connection approvals.
|
|
||||||
function openApprovalWindow(id) {
|
function openApprovalWindow(id) {
|
||||||
const popupUrl = runtime.getURL("src/popup/index.html?approval=" + id);
|
const popupUrl = runtime.getURL("src/popup/index.html?approval=" + id);
|
||||||
const popupWidth = 360;
|
const popupWidth = 400;
|
||||||
const popupHeight = 600;
|
const popupHeight = 500;
|
||||||
|
|
||||||
windowsApi.getLastFocused((currentWin) => {
|
windowsApi.getLastFocused((currentWin) => {
|
||||||
const opts = {
|
const opts = {
|
||||||
@@ -150,9 +148,7 @@ function requestApproval(origin, hostname) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Open a tx-approval popup and return a promise that resolves with txHash or error.
|
// Open a tx-approval popup and return a promise that resolves with txHash or error.
|
||||||
// Uses windows.create() directly because tx approvals are triggered programmatically
|
// Uses the toolbar popup only — no fallback window.
|
||||||
// (from a dApp RPC call), not from a user gesture, so action.openPopup() is
|
|
||||||
// unreliable in this context.
|
|
||||||
function requestTxApproval(origin, hostname, txParams) {
|
function requestTxApproval(origin, hostname, txParams) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
const id = crypto.randomUUID();
|
const id = crypto.randomUUID();
|
||||||
@@ -164,14 +160,27 @@ function requestTxApproval(origin, hostname, txParams) {
|
|||||||
type: "tx",
|
type: "tx",
|
||||||
};
|
};
|
||||||
|
|
||||||
openApprovalWindow(id);
|
if (actionApi && typeof actionApi.setPopup === "function") {
|
||||||
|
actionApi.setPopup({
|
||||||
|
popup: "src/popup/index.html?approval=" + id,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (actionApi && typeof actionApi.openPopup === "function") {
|
||||||
|
try {
|
||||||
|
const result = actionApi.openPopup();
|
||||||
|
if (result && typeof result.catch === "function") {
|
||||||
|
result.catch(() => {});
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// openPopup unsupported — user clicks toolbar icon
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Open a sign-approval popup and return a promise that resolves with { signature } or { error }.
|
// Open a sign-approval popup and return a promise that resolves with { signature } or { error }.
|
||||||
// Uses windows.create() directly because sign approvals are triggered programmatically
|
// Uses the toolbar popup only — no fallback window. If openPopup() fails the
|
||||||
// (from a dApp RPC call), not from a user gesture, so action.openPopup() is
|
// popup URL is still set, so the user can click the toolbar icon to respond.
|
||||||
// unreliable in this context.
|
|
||||||
function requestSignApproval(origin, hostname, signParams) {
|
function requestSignApproval(origin, hostname, signParams) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
const id = crypto.randomUUID();
|
const id = crypto.randomUUID();
|
||||||
@@ -183,14 +192,27 @@ function requestSignApproval(origin, hostname, signParams) {
|
|||||||
type: "sign",
|
type: "sign",
|
||||||
};
|
};
|
||||||
|
|
||||||
openApprovalWindow(id);
|
if (actionApi && typeof actionApi.setPopup === "function") {
|
||||||
|
actionApi.setPopup({
|
||||||
|
popup: "src/popup/index.html?approval=" + id,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (actionApi && typeof actionApi.openPopup === "function") {
|
||||||
|
try {
|
||||||
|
const result = actionApi.openPopup();
|
||||||
|
if (result && typeof result.catch === "function") {
|
||||||
|
result.catch(() => {});
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// openPopup unsupported — user clicks toolbar icon
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Detect when an approval popup (browser-action) closes without a response.
|
// Detect when an approval popup (browser-action) closes without a response.
|
||||||
// TX and sign approvals now use windows.create() and are handled by the
|
// TX and sign approvals are NOT auto-rejected on disconnect because toolbar
|
||||||
// windowsApi.onRemoved listener below, but we still handle site-connection
|
// popups naturally close on focus loss and the user can reopen them.
|
||||||
// approval disconnects here.
|
|
||||||
runtime.onConnect.addListener((port) => {
|
runtime.onConnect.addListener((port) => {
|
||||||
if (port.name.startsWith("approval:")) {
|
if (port.name.startsWith("approval:")) {
|
||||||
const id = port.name.split(":")[1];
|
const id = port.name.split(":")[1];
|
||||||
|
|||||||
@@ -26,10 +26,7 @@ if (typeof browser !== "undefined") {
|
|||||||
uuid = crypto.randomUUID();
|
uuid = crypto.randomUUID();
|
||||||
storage.set({ eip6963Uuid: uuid });
|
storage.set({ eip6963Uuid: uuid });
|
||||||
}
|
}
|
||||||
window.postMessage(
|
window.postMessage({ type: "AUTISTMASK_PROVIDER_UUID", uuid }, "*");
|
||||||
{ type: "AUTISTMASK_PROVIDER_UUID", uuid },
|
|
||||||
location.origin,
|
|
||||||
);
|
|
||||||
});
|
});
|
||||||
})();
|
})();
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
const pending = {};
|
const pending = {};
|
||||||
|
|
||||||
// Listen for responses from the content script
|
// Listen for responses from the content script
|
||||||
window.addEventListener("message", function onUuid(event) {
|
window.addEventListener("message", (event) => {
|
||||||
if (event.source !== window) return;
|
if (event.source !== window) return;
|
||||||
if (event.data?.type !== "AUTISTMASK_RESPONSE") return;
|
if (event.data?.type !== "AUTISTMASK_RESPONSE") return;
|
||||||
const { id, result, error } = event.data;
|
const { id, result, error } = event.data;
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
// Listen for events pushed from the extension
|
// Listen for events pushed from the extension
|
||||||
window.addEventListener("message", function onUuid(event) {
|
window.addEventListener("message", (event) => {
|
||||||
if (event.source !== window) return;
|
if (event.source !== window) return;
|
||||||
if (event.data?.type !== "AUTISTMASK_EVENT") return;
|
if (event.data?.type !== "AUTISTMASK_EVENT") return;
|
||||||
const { eventName, data } = event.data;
|
const { eventName, data } = event.data;
|
||||||
@@ -178,14 +178,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Listen for the persisted UUID from the content script
|
// Listen for the persisted UUID from the content script
|
||||||
function onProviderUuid(event) {
|
window.addEventListener("message", (event) => {
|
||||||
if (event.source !== window) return;
|
if (event.source !== window) return;
|
||||||
if (event.data?.type !== "AUTISTMASK_PROVIDER_UUID") return;
|
if (event.data?.type !== "AUTISTMASK_PROVIDER_UUID") return;
|
||||||
window.removeEventListener("message", onProviderUuid);
|
|
||||||
providerUuid = event.data.uuid;
|
providerUuid = event.data.uuid;
|
||||||
announceProvider();
|
announceProvider();
|
||||||
}
|
});
|
||||||
window.addEventListener("message", onProviderUuid);
|
|
||||||
|
|
||||||
window.addEventListener("eip6963:requestProvider", announceProvider);
|
window.addEventListener("eip6963:requestProvider", announceProvider);
|
||||||
announceProvider();
|
announceProvider();
|
||||||
|
|||||||
@@ -374,12 +374,6 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- token contract details (ERC-20 only) -->
|
|
||||||
<div
|
|
||||||
id="address-token-contract-info"
|
|
||||||
class="bg-hover rounded-md mx-1 p-3 mb-3 text-xs hidden"
|
|
||||||
></div>
|
|
||||||
|
|
||||||
<!-- token-filtered transactions -->
|
<!-- token-filtered transactions -->
|
||||||
<div class="mt-3">
|
<div class="mt-3">
|
||||||
<div class="border-b border-border pb-1 mb-1">
|
<div class="border-b border-border pb-1 mb-1">
|
||||||
@@ -463,12 +457,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ERC-20 token contract (hidden for ETH) -->
|
<!-- ERC-20 token contract (hidden for ETH) -->
|
||||||
<div
|
<div id="confirm-token-section" class="mb-3 hidden">
|
||||||
id="confirm-token-section"
|
<div class="text-xs text-muted mb-1">Token contract</div>
|
||||||
class="bg-hover rounded-md mx-1 p-3 mb-3 text-xs hidden"
|
<div
|
||||||
>
|
id="confirm-token-contract"
|
||||||
<div class="font-bold mb-2">Token Contract</div>
|
class="text-xs break-all"
|
||||||
<div id="confirm-token-contract" class="break-all"></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
@@ -531,7 +525,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 +630,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
|
||||||
@@ -710,7 +702,9 @@
|
|||||||
|
|
||||||
<div class="bg-well p-3 mx-1 mb-3">
|
<div class="bg-well p-3 mx-1 mb-3">
|
||||||
<h3 class="font-bold mb-1">Wallets</h3>
|
<h3 class="font-bold mb-1">Wallets</h3>
|
||||||
<div id="settings-wallet-list" class="mb-2"></div>
|
<p class="text-xs text-muted mb-2">
|
||||||
|
Add a new wallet from a recovery phrase or private key.
|
||||||
|
</p>
|
||||||
<button
|
<button
|
||||||
id="btn-main-add-wallet"
|
id="btn-main-add-wallet"
|
||||||
class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer"
|
class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer"
|
||||||
@@ -845,41 +839,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ============ DELETE WALLET CONFIRM ============ -->
|
|
||||||
<div id="view-delete-wallet-confirm" class="view hidden">
|
|
||||||
<button
|
|
||||||
id="btn-delete-wallet-back"
|
|
||||||
class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer mb-2"
|
|
||||||
>
|
|
||||||
< Back
|
|
||||||
</button>
|
|
||||||
<h2 class="font-bold mb-3">Delete Wallet</h2>
|
|
||||||
<p class="text-xs mb-3">
|
|
||||||
Deleting
|
|
||||||
<strong id="delete-wallet-name"></strong> is permanent. Any
|
|
||||||
funds will be unrecoverable without your recovery phrase.
|
|
||||||
</p>
|
|
||||||
<div
|
|
||||||
id="delete-wallet-flash"
|
|
||||||
class="text-xs text-red-500 mb-2 hidden"
|
|
||||||
></div>
|
|
||||||
<div class="mb-2">
|
|
||||||
<label class="block mb-1">Password</label>
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
id="delete-wallet-password"
|
|
||||||
class="border border-border p-1 w-full font-mono text-sm bg-bg text-fg"
|
|
||||||
placeholder="Enter your password to confirm"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
id="btn-delete-wallet-confirm"
|
|
||||||
class="border border-border text-red-500 px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer"
|
|
||||||
>
|
|
||||||
Confirm Delete
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- ============ SETTINGS: ADD TOKEN ============ -->
|
<!-- ============ SETTINGS: ADD TOKEN ============ -->
|
||||||
<div id="view-settings-addtoken" class="view hidden">
|
<div id="view-settings-addtoken" class="view hidden">
|
||||||
<button
|
<button
|
||||||
@@ -955,13 +914,7 @@
|
|||||||
>
|
>
|
||||||
< Back
|
< Back
|
||||||
</button>
|
</button>
|
||||||
<h2 id="tx-detail-heading" class="font-bold mb-2">
|
<h2 class="font-bold mb-2">Transaction</h2>
|
||||||
Transaction
|
|
||||||
</h2>
|
|
||||||
<div id="tx-detail-type-section" class="mb-4 hidden">
|
|
||||||
<div class="text-xs text-muted mb-1">Type</div>
|
|
||||||
<div id="tx-detail-type" class="text-xs font-bold"></div>
|
|
||||||
</div>
|
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<div class="text-xs text-muted mb-1">Status</div>
|
<div class="text-xs text-muted mb-1">Status</div>
|
||||||
<div id="tx-detail-status" class="text-xs"></div>
|
<div id="tx-detail-status" class="text-xs"></div>
|
||||||
@@ -986,33 +939,10 @@
|
|||||||
<div class="text-xs text-muted mb-1">To</div>
|
<div class="text-xs text-muted mb-1">To</div>
|
||||||
<div id="tx-detail-to" class="text-xs break-all"></div>
|
<div id="tx-detail-to" class="text-xs break-all"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tx-detail-calldata-section" class="mb-4 hidden">
|
|
||||||
<div
|
|
||||||
id="tx-detail-calldata-well"
|
|
||||||
class="mb-3 border border-border border-dashed p-2"
|
|
||||||
>
|
|
||||||
<div class="text-xs text-muted mb-1">Action</div>
|
|
||||||
<div
|
|
||||||
id="tx-detail-calldata-action"
|
|
||||||
class="text-xs font-bold mb-2"
|
|
||||||
></div>
|
|
||||||
<div
|
|
||||||
id="tx-detail-calldata-details"
|
|
||||||
class="text-xs"
|
|
||||||
></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 ============ -->
|
||||||
|
|||||||
@@ -189,7 +189,7 @@ async function init() {
|
|||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
const approvalId = params.get("approval");
|
const approvalId = params.get("approval");
|
||||||
if (approvalId) {
|
if (approvalId) {
|
||||||
approval.show(approvalId);
|
approval.show(parseInt(approvalId, 10));
|
||||||
showView("approve-site");
|
showView("approve-site");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ const {
|
|||||||
showFlash,
|
showFlash,
|
||||||
balanceLinesForAddress,
|
balanceLinesForAddress,
|
||||||
addressDotHtml,
|
addressDotHtml,
|
||||||
addressTitle,
|
|
||||||
escapeHtml,
|
escapeHtml,
|
||||||
truncateMiddle,
|
truncateMiddle,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
@@ -151,11 +150,11 @@ async function loadTransactions(address) {
|
|||||||
|
|
||||||
loadedTxs = txs;
|
loadedTxs = txs;
|
||||||
|
|
||||||
// Collect ALL unique addresses (from + to) for ENS resolution so
|
// Collect unique counterparty addresses for ENS resolution.
|
||||||
// that reverse lookups work for every displayed address, not just
|
|
||||||
// the ones that were originally entered as ENS names.
|
|
||||||
const counterparties = [
|
const counterparties = [
|
||||||
...new Set(txs.flatMap((tx) => [tx.from, tx.to].filter(Boolean))),
|
...new Set(
|
||||||
|
txs.map((tx) => (tx.direction === "sent" ? tx.to : tx.from)),
|
||||||
|
),
|
||||||
];
|
];
|
||||||
if (counterparties.length > 0) {
|
if (counterparties.length > 0) {
|
||||||
try {
|
try {
|
||||||
@@ -186,23 +185,14 @@ 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
|
const counterparty = tx.direction === "sent" ? tx.to : tx.from;
|
||||||
// address instead of the contract address (see issue #55).
|
|
||||||
const counterparty =
|
|
||||||
tx.direction === "contract" && tx.directionLabel === "Swap"
|
|
||||||
? tx.from
|
|
||||||
: tx.direction === "sent" || tx.direction === "contract"
|
|
||||||
? tx.to
|
|
||||||
: tx.from;
|
|
||||||
const ensName = ensNameMap.get(counterparty) || null;
|
const ensName = ensNameMap.get(counterparty) || null;
|
||||||
const title = addressTitle(counterparty, state.wallets);
|
|
||||||
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)
|
||||||
: escapeHtml(tx.symbol);
|
: escapeHtml(tx.symbol);
|
||||||
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
||||||
const displayAddr =
|
const displayAddr = ensName || truncateMiddle(counterparty, maxAddr);
|
||||||
title || ensName || truncateMiddle(counterparty, maxAddr);
|
|
||||||
const addrStr = escapeHtml(displayAddr);
|
const addrStr = escapeHtml(displayAddr);
|
||||||
const dot = addressDotHtml(counterparty);
|
const dot = addressDotHtml(counterparty);
|
||||||
const err = tx.isError ? " (failed)" : "";
|
const err = tx.isError ? " (failed)" : "";
|
||||||
|
|||||||
@@ -6,13 +6,11 @@ const {
|
|||||||
showView,
|
showView,
|
||||||
showFlash,
|
showFlash,
|
||||||
addressDotHtml,
|
addressDotHtml,
|
||||||
addressTitle,
|
|
||||||
escapeHtml,
|
escapeHtml,
|
||||||
truncateMiddle,
|
truncateMiddle,
|
||||||
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 {
|
const {
|
||||||
formatUsd,
|
formatUsd,
|
||||||
getPrice,
|
getPrice,
|
||||||
@@ -87,7 +85,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 +93,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);
|
||||||
}
|
}
|
||||||
@@ -137,62 +130,6 @@ function show() {
|
|||||||
// Single token balance line (no tokenId — not clickable here)
|
// Single token balance line (no tokenId — not clickable here)
|
||||||
$("address-token-balance").innerHTML = balanceLine(symbol, amount, price);
|
$("address-token-balance").innerHTML = balanceLine(symbol, amount, price);
|
||||||
|
|
||||||
// Token contract details (ERC-20 only)
|
|
||||||
const contractInfo = $("address-token-contract-info");
|
|
||||||
if (tokenId !== "ETH") {
|
|
||||||
const tb = (addr.tokenBalances || []).find(
|
|
||||||
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
|
||||||
);
|
|
||||||
const tracked = (state.trackedTokens || []).find(
|
|
||||||
(t) => t.address.toLowerCase() === tokenId.toLowerCase(),
|
|
||||||
);
|
|
||||||
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 dot = addressDotHtml(tokenId);
|
|
||||||
const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`;
|
|
||||||
const projectUrl = knownToken && knownToken.url ? knownToken.url : null;
|
|
||||||
let infoHtml = `<div class="font-bold mb-2">Contract Address</div>`;
|
|
||||||
infoHtml +=
|
|
||||||
`<div class="flex items-center mb-2">${dot}` +
|
|
||||||
`<span class="break-all underline decoration-dashed cursor-pointer" id="address-token-contract-copy" data-copy="${escapeHtml(tokenId)}">${escapeHtml(tokenId)}</span>` +
|
|
||||||
`<a href="${tokenLink}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>` +
|
|
||||||
`</div>`;
|
|
||||||
if (tokenName)
|
|
||||||
infoHtml += `<div class="mb-1"><span class="text-muted">Name:</span> ${tokenName}</div>`;
|
|
||||||
if (tokenSymbol)
|
|
||||||
infoHtml += `<div class="mb-1"><span class="text-muted">Symbol:</span> ${tokenSymbol}</div>`;
|
|
||||||
if (tokenDecimals != null)
|
|
||||||
infoHtml += `<div class="mb-1"><span class="text-muted">Decimals:</span> ${tokenDecimals}</div>`;
|
|
||||||
if (tokenHolders != null)
|
|
||||||
infoHtml += `<div class="mb-1"><span class="text-muted">Holders:</span> ${Number(tokenHolders).toLocaleString()}</div>`;
|
|
||||||
if (projectUrl)
|
|
||||||
infoHtml += `<div class="mb-1"><span class="text-muted">Website:</span> <a href="${escapeHtml(projectUrl)}" target="_blank" rel="noopener" class="underline decoration-dashed">${escapeHtml(projectUrl)}</a></div>`;
|
|
||||||
contractInfo.innerHTML = infoHtml;
|
|
||||||
contractInfo.classList.remove("hidden");
|
|
||||||
} else {
|
|
||||||
contractInfo.innerHTML = "";
|
|
||||||
contractInfo.classList.add("hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
// Transactions
|
// Transactions
|
||||||
$("address-token-tx-list").innerHTML =
|
$("address-token-tx-list").innerHTML =
|
||||||
'<div class="text-muted text-xs py-1">Loading...</div>';
|
'<div class="text-muted text-xs py-1">Loading...</div>';
|
||||||
@@ -238,10 +175,11 @@ async function loadTransactions(address, tokenId) {
|
|||||||
|
|
||||||
loadedTxs = txs;
|
loadedTxs = txs;
|
||||||
|
|
||||||
// Collect ALL unique addresses for ENS resolution so reverse
|
// Collect unique counterparty addresses for ENS resolution
|
||||||
// lookups work for every displayed address.
|
|
||||||
const counterparties = [
|
const counterparties = [
|
||||||
...new Set(txs.flatMap((tx) => [tx.from, tx.to].filter(Boolean))),
|
...new Set(
|
||||||
|
txs.map((tx) => (tx.direction === "sent" ? tx.to : tx.from)),
|
||||||
|
),
|
||||||
];
|
];
|
||||||
if (counterparties.length > 0) {
|
if (counterparties.length > 0) {
|
||||||
try {
|
try {
|
||||||
@@ -274,14 +212,12 @@ function renderTransactions(txs) {
|
|||||||
for (const tx of txs) {
|
for (const tx of txs) {
|
||||||
const counterparty = tx.direction === "sent" ? tx.to : tx.from;
|
const counterparty = tx.direction === "sent" ? tx.to : tx.from;
|
||||||
const ensName = ensNameMap.get(counterparty) || null;
|
const ensName = ensNameMap.get(counterparty) || null;
|
||||||
const title = addressTitle(counterparty, state.wallets);
|
|
||||||
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)
|
||||||
: escapeHtml(tx.symbol);
|
: escapeHtml(tx.symbol);
|
||||||
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
||||||
const displayAddr =
|
const displayAddr = ensName || truncateMiddle(counterparty, maxAddr);
|
||||||
title || ensName || truncateMiddle(counterparty, maxAddr);
|
|
||||||
const addrStr = escapeHtml(displayAddr);
|
const addrStr = escapeHtml(displayAddr);
|
||||||
const dot = addressDotHtml(counterparty);
|
const dot = addressDotHtml(counterparty);
|
||||||
const err = tx.isError ? " (failed)" : "";
|
const err = tx.isError ? " (failed)" : "";
|
||||||
@@ -316,14 +252,6 @@ function init(_ctx) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$("address-token-contract-info").addEventListener("click", (e) => {
|
|
||||||
const copyEl = e.target.closest("[data-copy]");
|
|
||||||
if (copyEl) {
|
|
||||||
navigator.clipboard.writeText(copyEl.dataset.copy);
|
|
||||||
showFlash("Copied!");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("btn-address-token-back").addEventListener("click", () => {
|
$("btn-address-token-back").addEventListener("click", () => {
|
||||||
ctx.showAddressDetail();
|
ctx.showAddressDetail();
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,10 +1,4 @@
|
|||||||
const {
|
const { $, addressDotHtml, escapeHtml, showView } = require("./helpers");
|
||||||
$,
|
|
||||||
addressDotHtml,
|
|
||||||
addressTitle,
|
|
||||||
escapeHtml,
|
|
||||||
showView,
|
|
||||||
} = require("./helpers");
|
|
||||||
const { state, saveState } = require("../../shared/state");
|
const { state, saveState } = require("../../shared/state");
|
||||||
const { formatEther, formatUnits, Interface, toUtf8String } = require("ethers");
|
const { formatEther, formatUnits, Interface, toUtf8String } = require("ethers");
|
||||||
const { ERC20_ABI } = require("../../shared/constants");
|
const { ERC20_ABI } = require("../../shared/constants");
|
||||||
@@ -28,15 +22,7 @@ function approvalAddressHtml(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 = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
const title = addressTitle(address, state.wallets);
|
return `<div class="flex items-center">${dot}<span class="break-all">${escapeHtml(address)}</span>${extLink}</div>`;
|
||||||
let html = "";
|
|
||||||
if (title) {
|
|
||||||
html += `<div class="flex items-center font-bold">${dot}${escapeHtml(title)}</div>`;
|
|
||||||
html += `<div class="break-all">${escapeHtml(address)}${extLink}</div>`;
|
|
||||||
} else {
|
|
||||||
html += `<div class="flex items-center">${dot}<span class="break-all">${escapeHtml(address)}</span>${extLink}</div>`;
|
|
||||||
}
|
|
||||||
return html;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function formatTxValue(val) {
|
function formatTxValue(val) {
|
||||||
@@ -78,12 +64,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 +86,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 +94,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 +111,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 +149,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 +158,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);
|
||||||
|
|
||||||
@@ -488,4 +453,4 @@ function init(ctx) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = { init, show, decodeCalldata };
|
module.exports = { init, show };
|
||||||
|
|||||||
@@ -95,22 +95,10 @@ function show(txInfo) {
|
|||||||
// Token contract section (ERC-20 only)
|
// Token contract section (ERC-20 only)
|
||||||
const tokenSection = $("confirm-token-section");
|
const tokenSection = $("confirm-token-section");
|
||||||
if (isErc20) {
|
if (isErc20) {
|
||||||
const dot = addressDotHtml(txInfo.token);
|
|
||||||
const link = etherscanTokenLink(txInfo.token);
|
const link = etherscanTokenLink(txInfo.token);
|
||||||
$("confirm-token-contract").innerHTML =
|
$("confirm-token-contract").innerHTML =
|
||||||
`<div class="flex items-center">` +
|
escapeHtml(txInfo.token) +
|
||||||
dot +
|
` <a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
`<span class="break-all underline decoration-dashed cursor-pointer" id="confirm-token-contract-copy" data-copy="${escapeHtml(txInfo.token)}">${escapeHtml(txInfo.token)}</span>` +
|
|
||||||
`<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>` +
|
|
||||||
`</div>`;
|
|
||||||
if (txInfo.tokenName) {
|
|
||||||
$("confirm-token-contract").innerHTML +=
|
|
||||||
`<div class="mt-1"><span class="text-muted">Name:</span> ${escapeHtml(txInfo.tokenName)}</div>`;
|
|
||||||
}
|
|
||||||
if (txInfo.tokenSymbol) {
|
|
||||||
$("confirm-token-contract").innerHTML +=
|
|
||||||
`<div class="mt-1"><span class="text-muted">Symbol:</span> ${escapeHtml(txInfo.tokenSymbol)}</div>`;
|
|
||||||
}
|
|
||||||
tokenSection.classList.remove("hidden");
|
tokenSection.classList.remove("hidden");
|
||||||
} else {
|
} else {
|
||||||
tokenSection.classList.add("hidden");
|
tokenSection.classList.add("hidden");
|
||||||
@@ -285,13 +273,6 @@ function hidePasswordModal() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function init(ctx) {
|
function init(ctx) {
|
||||||
$("confirm-token-section").addEventListener("click", (e) => {
|
|
||||||
const copyEl = e.target.closest("[data-copy]");
|
|
||||||
if (copyEl) {
|
|
||||||
navigator.clipboard.writeText(copyEl.dataset.copy);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("btn-confirm-send").addEventListener("click", () => {
|
$("btn-confirm-send").addEventListener("click", () => {
|
||||||
showPasswordModal();
|
showPasswordModal();
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,90 +0,0 @@
|
|||||||
const { $, showView, showFlash } = require("./helpers");
|
|
||||||
const { state, saveState } = require("../../shared/state");
|
|
||||||
const { decryptWithPassword } = require("../../shared/vault");
|
|
||||||
|
|
||||||
let deleteWalletIndex = null;
|
|
||||||
let ctx = null;
|
|
||||||
|
|
||||||
function show(walletIdx) {
|
|
||||||
deleteWalletIndex = walletIdx;
|
|
||||||
const wallet = state.wallets[walletIdx];
|
|
||||||
$("delete-wallet-name").textContent =
|
|
||||||
wallet.name || "Wallet " + (walletIdx + 1);
|
|
||||||
$("delete-wallet-password").value = "";
|
|
||||||
$("delete-wallet-flash").textContent = "";
|
|
||||||
$("delete-wallet-flash").classList.add("hidden");
|
|
||||||
showView("delete-wallet-confirm");
|
|
||||||
}
|
|
||||||
|
|
||||||
function init(_ctx) {
|
|
||||||
ctx = _ctx;
|
|
||||||
|
|
||||||
$("btn-delete-wallet-back").addEventListener("click", () => {
|
|
||||||
deleteWalletIndex = null;
|
|
||||||
ctx.showSettingsView();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("btn-delete-wallet-confirm").addEventListener("click", async () => {
|
|
||||||
const pw = $("delete-wallet-password").value;
|
|
||||||
if (!pw) {
|
|
||||||
$("delete-wallet-flash").textContent =
|
|
||||||
"Please enter your password.";
|
|
||||||
$("delete-wallet-flash").classList.remove("hidden");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (deleteWalletIndex === null) {
|
|
||||||
$("delete-wallet-flash").textContent =
|
|
||||||
"No wallet selected for deletion.";
|
|
||||||
$("delete-wallet-flash").classList.remove("hidden");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const walletIdx = deleteWalletIndex;
|
|
||||||
const wallet = state.wallets[walletIdx];
|
|
||||||
|
|
||||||
// Verify password against the wallet's encrypted data
|
|
||||||
try {
|
|
||||||
await decryptWithPassword(wallet.encryptedSecret, pw);
|
|
||||||
} catch (_e) {
|
|
||||||
$("delete-wallet-flash").textContent = "Wrong password.";
|
|
||||||
$("delete-wallet-flash").classList.remove("hidden");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Collect addresses to clean up from allowedSites/deniedSites
|
|
||||||
const addresses = (wallet.addresses || []).map((a) => a.address);
|
|
||||||
|
|
||||||
// Remove wallet
|
|
||||||
state.wallets.splice(walletIdx, 1);
|
|
||||||
|
|
||||||
// Clean up site permissions for deleted addresses
|
|
||||||
for (const addr of addresses) {
|
|
||||||
delete state.allowedSites[addr];
|
|
||||||
delete state.deniedSites[addr];
|
|
||||||
}
|
|
||||||
|
|
||||||
deleteWalletIndex = null;
|
|
||||||
|
|
||||||
if (state.wallets.length === 0) {
|
|
||||||
// No wallets left — reset selection and show welcome
|
|
||||||
state.selectedWallet = null;
|
|
||||||
state.selectedAddress = null;
|
|
||||||
state.activeAddress = null;
|
|
||||||
await saveState();
|
|
||||||
showView("welcome");
|
|
||||||
} else {
|
|
||||||
// Switch to first wallet if deleted wallet was active
|
|
||||||
state.selectedWallet = 0;
|
|
||||||
state.selectedAddress = 0;
|
|
||||||
state.activeAddress =
|
|
||||||
state.wallets[0].addresses[0]?.address || null;
|
|
||||||
await saveState();
|
|
||||||
ctx.renderWalletList();
|
|
||||||
ctx.showSettingsView();
|
|
||||||
showFlash("Wallet deleted.");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = { init, show };
|
|
||||||
@@ -25,7 +25,6 @@ const VIEWS = [
|
|||||||
"receive",
|
"receive",
|
||||||
"add-token",
|
"add-token",
|
||||||
"settings",
|
"settings",
|
||||||
"delete-wallet-confirm",
|
|
||||||
"settings-addtoken",
|
"settings-addtoken",
|
||||||
"transaction",
|
"transaction",
|
||||||
"approve-site",
|
"approve-site",
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ const {
|
|||||||
isoDate,
|
isoDate,
|
||||||
timeAgo,
|
timeAgo,
|
||||||
addressDotHtml,
|
addressDotHtml,
|
||||||
addressTitle,
|
|
||||||
escapeHtml,
|
escapeHtml,
|
||||||
truncateMiddle,
|
truncateMiddle,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
@@ -103,22 +102,13 @@ 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
|
const counterparty = tx.direction === "sent" ? tx.to : tx.from;
|
||||||
// address (the one that initiated the swap) instead of the
|
|
||||||
// contract address which is not useful in the list view.
|
|
||||||
const counterparty =
|
|
||||||
tx.direction === "contract" && tx.directionLabel === "Swap"
|
|
||||||
? tx.from
|
|
||||||
: tx.direction === "sent" || tx.direction === "contract"
|
|
||||||
? 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)
|
||||||
: escapeHtml(tx.symbol);
|
: escapeHtml(tx.symbol);
|
||||||
const title = addressTitle(counterparty, state.wallets);
|
|
||||||
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
const maxAddr = Math.max(32, 36 - Math.max(0, amountStr.length - 10));
|
||||||
const displayAddr = title || truncateMiddle(counterparty, maxAddr);
|
const displayAddr = truncateMiddle(counterparty, maxAddr);
|
||||||
const addrStr = escapeHtml(displayAddr);
|
const addrStr = escapeHtml(displayAddr);
|
||||||
const dot = addressDotHtml(counterparty);
|
const dot = addressDotHtml(counterparty);
|
||||||
const err = tx.isError ? " (failed)" : "";
|
const err = tx.isError ? " (failed)" : "";
|
||||||
|
|||||||
@@ -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!");
|
||||||
|
|||||||
@@ -1,20 +1,10 @@
|
|||||||
// Send view: collect To, Amount, Token. Then go to confirmation.
|
// Send view: collect To, Amount, Token. Then go to confirmation.
|
||||||
|
|
||||||
const {
|
const { $, showFlash, addressDotHtml, escapeHtml } = require("./helpers");
|
||||||
$,
|
|
||||||
showFlash,
|
|
||||||
addressDotHtml,
|
|
||||||
addressTitle,
|
|
||||||
escapeHtml,
|
|
||||||
} = require("./helpers");
|
|
||||||
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 {
|
const { KNOWN_SYMBOLS } = require("../../shared/tokenList");
|
||||||
KNOWN_SYMBOLS,
|
|
||||||
TOKEN_BY_ADDRESS,
|
|
||||||
resolveSymbol,
|
|
||||||
} = 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">` +
|
||||||
@@ -54,15 +44,8 @@ function updateSendBalance() {
|
|||||||
const dot = addressDotHtml(addr.address);
|
const dot = addressDotHtml(addr.address);
|
||||||
const link = `https://etherscan.io/address/${addr.address}`;
|
const link = `https://etherscan.io/address/${addr.address}`;
|
||||||
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
const title = addressTitle(addr.address, state.wallets);
|
|
||||||
let fromHtml = "";
|
let fromHtml = "";
|
||||||
if (title) {
|
if (addr.ensName) {
|
||||||
fromHtml += `<div class="flex items-center font-bold">${dot}${escapeHtml(title)}</div>`;
|
|
||||||
if (addr.ensName) {
|
|
||||||
fromHtml += `<div>${escapeHtml(addr.ensName)}</div>`;
|
|
||||||
}
|
|
||||||
fromHtml += `<div class="break-all">${escapeHtml(addr.address)}${extLink}</div>`;
|
|
||||||
} else if (addr.ensName) {
|
|
||||||
fromHtml += `<div class="flex items-center font-bold">${dot}${escapeHtml(addr.ensName)}</div>`;
|
fromHtml += `<div class="flex items-center font-bold">${dot}${escapeHtml(addr.ensName)}</div>`;
|
||||||
fromHtml += `<div class="break-all">${escapeHtml(addr.address)}${extLink}</div>`;
|
fromHtml += `<div class="break-all">${escapeHtml(addr.address)}${extLink}</div>`;
|
||||||
} else {
|
} else {
|
||||||
@@ -77,11 +60,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,28 +107,12 @@ function init(_ctx) {
|
|||||||
|
|
||||||
let tokenSymbol = null;
|
let tokenSymbol = null;
|
||||||
let tokenBalance = null;
|
let tokenBalance = null;
|
||||||
let tokenName = null;
|
|
||||||
if (token !== "ETH") {
|
if (token !== "ETH") {
|
||||||
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";
|
||||||
// Resolve token name from balances, tracked tokens, or known list
|
|
||||||
const lower = token.toLowerCase();
|
|
||||||
tokenName =
|
|
||||||
(tb && tb.name) ||
|
|
||||||
(
|
|
||||||
(state.trackedTokens || []).find(
|
|
||||||
(t) => t.address.toLowerCase() === lower,
|
|
||||||
) || {}
|
|
||||||
).name ||
|
|
||||||
(TOKEN_BY_ADDRESS.get(lower) || {}).name ||
|
|
||||||
null;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ctx.showConfirmTx({
|
ctx.showConfirmTx({
|
||||||
@@ -161,7 +124,6 @@ function init(_ctx) {
|
|||||||
balance: addr.balance,
|
balance: addr.balance,
|
||||||
tokenSymbol: tokenSymbol,
|
tokenSymbol: tokenSymbol,
|
||||||
tokenBalance: tokenBalance,
|
tokenBalance: tokenBalance,
|
||||||
tokenName: tokenName,
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,6 @@ const { $, showView, showFlash, escapeHtml } = require("./helpers");
|
|||||||
const { state, saveState } = require("../../shared/state");
|
const { state, saveState } = require("../../shared/state");
|
||||||
const { ETHEREUM_MAINNET_CHAIN_ID } = require("../../shared/constants");
|
const { ETHEREUM_MAINNET_CHAIN_ID } = require("../../shared/constants");
|
||||||
const { log, debugFetch } = require("../../shared/log");
|
const { log, debugFetch } = require("../../shared/log");
|
||||||
const deleteWallet = require("./deleteWallet");
|
|
||||||
|
|
||||||
const runtime =
|
const runtime =
|
||||||
typeof browser !== "undefined" ? browser.runtime : chrome.runtime;
|
typeof browser !== "undefined" ? browser.runtime : chrome.runtime;
|
||||||
@@ -66,68 +65,11 @@ function renderTrackedTokens() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderWalletListSettings() {
|
|
||||||
const container = $("settings-wallet-list");
|
|
||||||
if (state.wallets.length === 0) {
|
|
||||||
container.innerHTML = '<p class="text-xs text-muted">No wallets.</p>';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let html = "";
|
|
||||||
state.wallets.forEach((wallet, idx) => {
|
|
||||||
const name = escapeHtml(wallet.name || "Wallet " + (idx + 1));
|
|
||||||
html += `<div class="flex justify-between items-center text-xs py-1 border-b border-border-light">`;
|
|
||||||
html += `<span class="settings-wallet-name cursor-pointer underline decoration-dashed" data-idx="${idx}">${name}</span>`;
|
|
||||||
html += `<button class="btn-delete-wallet border border-border px-1 hover:bg-fg hover:text-bg cursor-pointer" data-idx="${idx}">[x]</button>`;
|
|
||||||
html += `</div>`;
|
|
||||||
});
|
|
||||||
container.innerHTML = html;
|
|
||||||
container.querySelectorAll(".btn-delete-wallet").forEach((btn) => {
|
|
||||||
btn.addEventListener("click", () => {
|
|
||||||
const idx = parseInt(btn.dataset.idx, 10);
|
|
||||||
deleteWallet.show(idx);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Inline rename on click
|
|
||||||
container.querySelectorAll(".settings-wallet-name").forEach((span) => {
|
|
||||||
span.addEventListener("click", () => {
|
|
||||||
const idx = parseInt(span.dataset.idx, 10);
|
|
||||||
const wallet = state.wallets[idx];
|
|
||||||
const input = document.createElement("input");
|
|
||||||
input.type = "text";
|
|
||||||
input.className =
|
|
||||||
"border border-border p-0 text-xs bg-bg text-fg w-full";
|
|
||||||
input.value = wallet.name || "Wallet " + (idx + 1);
|
|
||||||
span.replaceWith(input);
|
|
||||||
input.focus();
|
|
||||||
input.select();
|
|
||||||
const finish = async () => {
|
|
||||||
const val = input.value.trim();
|
|
||||||
if (val && val !== wallet.name) {
|
|
||||||
wallet.name = val;
|
|
||||||
await saveState();
|
|
||||||
}
|
|
||||||
renderWalletListSettings();
|
|
||||||
};
|
|
||||||
input.addEventListener("blur", finish);
|
|
||||||
input.addEventListener("keydown", (e) => {
|
|
||||||
if (e.key === "Enter") input.blur();
|
|
||||||
if (e.key === "Escape") {
|
|
||||||
input.value = wallet.name || "Wallet " + (idx + 1);
|
|
||||||
input.blur();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function show() {
|
function show() {
|
||||||
$("settings-rpc").value = state.rpcUrl;
|
$("settings-rpc").value = state.rpcUrl;
|
||||||
$("settings-blockscout").value = state.blockscoutUrl;
|
$("settings-blockscout").value = state.blockscoutUrl;
|
||||||
renderTrackedTokens();
|
renderTrackedTokens();
|
||||||
renderSiteLists();
|
renderSiteLists();
|
||||||
renderWalletListSettings();
|
|
||||||
|
|
||||||
showView("settings");
|
showView("settings");
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -141,8 +83,6 @@ function renderSiteLists() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function init(ctx) {
|
function init(ctx) {
|
||||||
deleteWallet.init(ctx);
|
|
||||||
|
|
||||||
$("btn-save-rpc").addEventListener("click", async () => {
|
$("btn-save-rpc").addEventListener("click", async () => {
|
||||||
const url = $("settings-rpc").value.trim();
|
const url = $("settings-rpc").value.trim();
|
||||||
if (!url) {
|
if (!url) {
|
||||||
|
|||||||
@@ -13,8 +13,6 @@ const {
|
|||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { state } = require("../../shared/state");
|
const { state } = require("../../shared/state");
|
||||||
const makeBlockie = require("ethereum-blockies-base64");
|
const makeBlockie = require("ethereum-blockies-base64");
|
||||||
const { log, debugFetch } = require("../../shared/log");
|
|
||||||
const { decodeCalldata } = require("./approval");
|
|
||||||
|
|
||||||
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">` +
|
||||||
@@ -37,35 +35,27 @@ 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="flex items-center font-bold">${dot}${escapeHtml(title)}</div>`;
|
||||||
}
|
}
|
||||||
if (ensName) {
|
if (ensName) {
|
||||||
html +=
|
html +=
|
||||||
`<div class="flex items-center">${dot}` +
|
`<div class="flex items-center">${title ? "" : 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 +=
|
||||||
`<div class="flex items-center">${dot}` +
|
`<div class="flex items-center">${title ? "" : dot}` +
|
||||||
copyableHtml(address, "break-all") +
|
copyableHtml(address, "break-all") +
|
||||||
extLink +
|
extLink +
|
||||||
`</div>`;
|
`</div>`;
|
||||||
@@ -75,7 +65,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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -95,9 +85,6 @@ function show(tx) {
|
|||||||
fromEns: tx.fromEns || null,
|
fromEns: tx.fromEns || null,
|
||||||
toEns: tx.toEns || null,
|
toEns: tx.toEns || null,
|
||||||
directionLabel: tx.directionLabel || null,
|
directionLabel: tx.directionLabel || null,
|
||||||
direction: tx.direction || null,
|
|
||||||
isContractCall: tx.isContractCall || false,
|
|
||||||
method: tx.method || null,
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
render();
|
render();
|
||||||
@@ -134,30 +121,6 @@ function render() {
|
|||||||
nativeEl.parentElement.classList.add("hidden");
|
nativeEl.parentElement.classList.add("hidden");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Show type label for contract interactions (Swap, Execute, etc.)
|
|
||||||
const typeSection = $("tx-detail-type-section");
|
|
||||||
const typeEl = $("tx-detail-type");
|
|
||||||
const headingEl = $("tx-detail-heading");
|
|
||||||
if (tx.direction === "contract" && tx.directionLabel) {
|
|
||||||
if (typeSection) {
|
|
||||||
typeEl.textContent = tx.directionLabel;
|
|
||||||
typeSection.classList.remove("hidden");
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (typeSection) typeSection.classList.add("hidden");
|
|
||||||
}
|
|
||||||
if (headingEl) headingEl.textContent = "Transaction";
|
|
||||||
|
|
||||||
// Hide calldata and raw data sections; re-fetch if this is a contract call
|
|
||||||
const calldataSection = $("tx-detail-calldata-section");
|
|
||||||
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) + ")";
|
||||||
$("tx-detail-status").textContent = tx.isError ? "Failed" : "Success";
|
$("tx-detail-status").textContent = tx.isError ? "Failed" : "Success";
|
||||||
@@ -174,87 +137,6 @@ function render() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async function loadCalldata(txHash, toAddress) {
|
|
||||||
const section = $("tx-detail-calldata-section");
|
|
||||||
const actionEl = $("tx-detail-calldata-action");
|
|
||||||
const detailsEl = $("tx-detail-calldata-details");
|
|
||||||
const wellEl = $("tx-detail-calldata-well");
|
|
||||||
const rawSection = $("tx-detail-rawdata-section");
|
|
||||||
const rawEl = $("tx-detail-rawdata");
|
|
||||||
if (!section || !actionEl || !detailsEl) return;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const resp = await debugFetch(
|
|
||||||
state.blockscoutUrl + "/transactions/" + txHash,
|
|
||||||
);
|
|
||||||
if (!resp.ok) return;
|
|
||||||
const txData = await resp.json();
|
|
||||||
const inputData = txData.raw_input || txData.input || null;
|
|
||||||
if (!inputData || inputData === "0x") return;
|
|
||||||
|
|
||||||
const decoded = decodeCalldata(inputData, toAddress || "");
|
|
||||||
if (decoded) {
|
|
||||||
// Render decoded calldata matching approval view style
|
|
||||||
actionEl.textContent = decoded.name;
|
|
||||||
let detailsHtml = "";
|
|
||||||
if (decoded.description) {
|
|
||||||
detailsHtml += `<div class="mb-2">${escapeHtml(decoded.description)}</div>`;
|
|
||||||
}
|
|
||||||
for (const d of decoded.details || []) {
|
|
||||||
detailsHtml += `<div class="mb-2">`;
|
|
||||||
detailsHtml += `<div class="text-muted">${escapeHtml(d.label)}</div>`;
|
|
||||||
if (d.address && d.isToken) {
|
|
||||||
// Token entry: show symbol on its own line, then dot + address + Etherscan link
|
|
||||||
const dot = addressDotHtml(d.address);
|
|
||||||
const tokenSymbol = d.value.match(/^(\S+)\s*\(/)?.[1];
|
|
||||||
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 {
|
|
||||||
detailsHtml += `<div class="font-bold">${escapeHtml(d.value)}</div>`;
|
|
||||||
}
|
|
||||||
detailsHtml += `</div>`;
|
|
||||||
}
|
|
||||||
detailsEl.innerHTML = detailsHtml;
|
|
||||||
if (wellEl) wellEl.classList.remove("hidden");
|
|
||||||
} else {
|
|
||||||
// Unknown contract call — show method name in well
|
|
||||||
const method = txData.method || "Unknown contract call";
|
|
||||||
actionEl.textContent = method;
|
|
||||||
detailsEl.innerHTML = "";
|
|
||||||
if (wellEl) wellEl.classList.remove("hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
// Always show raw data
|
|
||||||
if (rawSection && rawEl) {
|
|
||||||
rawEl.innerHTML = copyableHtml(inputData, "break-all");
|
|
||||||
rawSection.classList.remove("hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
section.classList.remove("hidden");
|
|
||||||
|
|
||||||
// Bind copy handlers for new elements (including raw data now outside section)
|
|
||||||
const copyTargets = [section, rawSection].filter(Boolean);
|
|
||||||
for (const container of copyTargets) {
|
|
||||||
container.querySelectorAll("[data-copy]").forEach((el) => {
|
|
||||||
el.onclick = () => {
|
|
||||||
navigator.clipboard.writeText(el.dataset.copy);
|
|
||||||
showFlash("Copied!");
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
log.errorf("loadCalldata failed:", e.message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function init(_ctx) {
|
function init(_ctx) {
|
||||||
ctx = _ctx;
|
ctx = _ctx;
|
||||||
$("btn-tx-back").addEventListener("click", () => {
|
$("btn-tx-back").addEventListener("click", () => {
|
||||||
|
|||||||
@@ -5,10 +5,8 @@ const {
|
|||||||
showView,
|
showView,
|
||||||
showFlash,
|
showFlash,
|
||||||
addressDotHtml,
|
addressDotHtml,
|
||||||
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");
|
||||||
@@ -39,13 +37,6 @@ function toAddressHtml(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 = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
|
||||||
const title = addressTitle(address, state.wallets);
|
|
||||||
if (title) {
|
|
||||||
return (
|
|
||||||
`<div class="flex items-center font-bold">${dot}${escapeHtml(title)}</div>` +
|
|
||||||
`<div class="break-all">${escapeHtml(address)}${extLink}</div>`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return `<div class="flex items-center">${dot}<span class="break-all">${escapeHtml(address)}</span>${extLink}</div>`;
|
return `<div class="flex items-center">${dot}<span class="break-all">${escapeHtml(address)}</span>${extLink}</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -122,51 +113,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 +125,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,
|
||||||
@@ -124,27 +123,15 @@ async function refreshBalances(wallets, rpcUrl, blockscoutUrl, trackedTokens) {
|
|||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
|
|
||||||
// ENS reverse lookup — only overwrite on success so that
|
// ENS reverse lookup
|
||||||
// transient RPC errors don't wipe a previously resolved name.
|
|
||||||
updates.push(
|
updates.push(
|
||||||
provider
|
provider
|
||||||
.lookupAddress(addr.address)
|
.lookupAddress(addr.address)
|
||||||
.then((name) => {
|
.then((name) => {
|
||||||
addr.ensName = name || null;
|
addr.ensName = name || null;
|
||||||
log.debugf(
|
|
||||||
"ENS reverse",
|
|
||||||
addr.address,
|
|
||||||
"->",
|
|
||||||
addr.ensName,
|
|
||||||
);
|
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch(() => {
|
||||||
log.errorf(
|
addr.ensName = null;
|
||||||
"ENS reverse failed",
|
|
||||||
addr.address,
|
|
||||||
e.message,
|
|
||||||
);
|
|
||||||
// Keep existing addr.ensName if we had one
|
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -39,7 +39,7 @@ async function resolveEnsName(address, rpcUrl) {
|
|||||||
return name;
|
return name;
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
log.errorf("ENS reverse lookup failed", address, e.message);
|
log.errorf("ENS reverse lookup failed", address, e.message);
|
||||||
// Don't cache failures — let subsequent lookups retry
|
setCache(address, null);
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -37,21 +37,7 @@ function parseTx(tx, addrLower) {
|
|||||||
if (token) {
|
if (token) {
|
||||||
symbol = token.symbol;
|
symbol = token.symbol;
|
||||||
}
|
}
|
||||||
// Map known DEX methods to "Swap" for cleaner display
|
const label = method.charAt(0).toUpperCase() + method.slice(1);
|
||||||
const SWAP_METHODS = new Set([
|
|
||||||
"execute",
|
|
||||||
"swap",
|
|
||||||
"swapExactTokensForTokens",
|
|
||||||
"swapTokensForExactTokens",
|
|
||||||
"swapExactETHForTokens",
|
|
||||||
"swapTokensForExactETH",
|
|
||||||
"swapExactTokensForETH",
|
|
||||||
"swapETHForExactTokens",
|
|
||||||
"multicall",
|
|
||||||
]);
|
|
||||||
const label = SWAP_METHODS.has(method)
|
|
||||||
? "Swap"
|
|
||||||
: method.charAt(0).toUpperCase() + method.slice(1);
|
|
||||||
direction = "contract";
|
direction = "contract";
|
||||||
directionLabel = label;
|
directionLabel = label;
|
||||||
value = "";
|
value = "";
|
||||||
@@ -153,18 +139,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. Replace the normal tx with the token transfer,
|
// amount and symbol. Replace the normal tx with the token transfer.
|
||||||
// but preserve contract call metadata (direction, label, method) so
|
|
||||||
// swaps and other contract interactions display correctly.
|
|
||||||
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);
|
|
||||||
if (existing && existing.direction === "contract") {
|
|
||||||
parsed.direction = "contract";
|
|
||||||
parsed.directionLabel = existing.directionLabel;
|
|
||||||
parsed.isContractCall = true;
|
|
||||||
parsed.method = existing.method;
|
|
||||||
}
|
|
||||||
txsByHash.set(parsed.hash, parsed);
|
txsByHash.set(parsed.hash, parsed);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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