';
html += '
';
return html;
}
// Analytics view
function renderAnalyticsView() {
showView('analytics');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'analytics') updatePath('/analytics');
var container = document.getElementById('analyticsContent');
if (!container) return;
container.innerHTML = buildAnalyticsViewHtml();
}
window._showAnalytics = renderAnalyticsView;
function buildOperatorViewHtml() {
var html = '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Live Network Analytics
'; html += 'Analytics surfaces are consolidated into the live explorer dashboards instead of a separate unfinished panel. Use this page as a hub to the active gas, block, bridge, and route monitoring views.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Gas & Network
Open the live home dashboard for gas price, TPS, block time, validator count, and latest-chain activity.
';
html += 'Block cadence
Inspect live block production, miner attribution, gas usage, and exportable block history.
';
html += 'Transaction flow
Review the recent transaction stream and drill into decoded execution details and internal calls.
';
html += 'Route coverage
Open the dedicated route-decision tree for swap-path coverage, bridge branches, and missing quote-token diagnostics.
';
html += '';
html += '
`;
if (CHAIN_ID === 138) loadGasAndNetworkStats();
} catch (error) {
console.error('Failed to load stats:', error);
statsGrid.innerHTML = `
`;
}
}
async function loadGasAndNetworkStats() {
var el = document.getElementById('networkStatValue');
var gasCard = document.getElementById('gasNetworkCard');
var summaryEl = document.getElementById('gasNetworkSummary');
try {
var blocksResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/blocks?page=1&page_size=20');
var blocks = blocksResp.items || blocksResp || [];
var statsResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/stats').catch(function() { return {}; });
var gasGwei = '-';
var blockTimeSec = '-';
var tps = '-';
if (blocks.length > 0) {
var b = blocks[0];
var baseFee = b.base_fee_per_gas || b.base_fee;
if (baseFee != null) gasGwei = (Number(baseFee) / 1e9).toFixed(2) + ' Gwei';
}
if (blocks.length >= 2) {
var t0 = blocks[0].timestamp;
var t1 = blocks[1].timestamp;
if (t0 && t1) {
var d = (new Date(t0) - new Date(t1)) / 1000;
if (d > 0) blockTimeSec = d.toFixed(1) + 's';
}
}
if (statsResp.average_block_time != null) blockTimeSec = Number(statsResp.average_block_time).toFixed(1) + 's';
if (statsResp.transactions_per_second != null) tps = Number(statsResp.transactions_per_second).toFixed(2);
if (el) el.innerHTML = (gasGwei !== '-' ? 'Gas: ' + escapeHtml(gasGwei) + '
' : '') + (blockTimeSec !== '-' ? 'Block: ' + escapeHtml(blockTimeSec) + '
' : '') + (tps !== '-' ? 'TPS: ' + escapeHtml(tps) : '') || 'Gas / TPS'; if (summaryEl) { summaryEl.textContent = 'Live chain health for Chain 138 updated ' + new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + '.'; } if (gasCard && CHAIN_ID === 138) { var curEl = document.getElementById('gasCurrentValue'); var tpsEl = document.getElementById('gasTpsValue'); var btEl = document.getElementById('gasBlockTimeValue'); var failedEl = document.getElementById('gasFailedRateValue'); var barsEl = document.getElementById('gasHistoryBars'); if (curEl) curEl.textContent = gasGwei !== '-' ? gasGwei : '—'; if (tpsEl) tpsEl.textContent = tps !== '-' ? tps : '—'; if (btEl) btEl.textContent = blockTimeSec !== '-' ? blockTimeSec : '—'; if (failedEl) { var txsResp = await fetch(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=100').then(function(r) { return r.json(); }).catch(function() { return { items: [] }; }); var txs = txsResp.items || txsResp || []; var failed = txs.filter(function(t) { var s = t.status; return s === 0 || s === '0' || (t.block && t.block.success === false); }).length; failedEl.textContent = txs.length > 0 ? (100 * failed / txs.length).toFixed(2) + '%' : '—'; } if (barsEl) { var recent = blocks.slice(0, 10); var fees = recent.map(function(bl) { var f = bl.base_fee_per_gas || bl.base_fee; return f != null ? Number(f) / 1e9 : 0; }); var maxFee = Math.max.apply(null, fees) || 1; barsEl.innerHTML = fees.map(function(g, i) { var pct = maxFee > 0 ? (g / maxFee * 100) : 0; return ''; }).join(''); } } } catch (e) { if (el) el.textContent = '-'; if (summaryEl) summaryEl.textContent = 'Live chain health unavailable right now.'; } } function normalizeBlockDisplay(block) { var blockNum = block.number; var hash = block.hash || ''; var txCount = block.transaction_count || 0; var date = null; if (block.timestamp) { if (typeof block.timestamp === 'string' && block.timestamp.indexOf('0x') === 0) { date = new Date(parseInt(block.timestamp, 16) * 1000); } else { date = new Date(block.timestamp); } } var timestampFormatted = date && !isNaN(date.getTime()) ? date.toLocaleString() : 'N/A'; var timeAgo = date && !isNaN(date.getTime()) ? getTimeAgo(date) : 'N/A'; return { blockNum: blockNum, hash: hash, txCount: txCount, timestampFormatted: timestampFormatted, timeAgo: timeAgo }; } function createBlockCardHtml(block, options) { options = options || {}; var d = normalizeBlockDisplay(block); var animationClass = options.animationClass || ''; return '
';
if (container) container.innerHTML = html;
if (container) {
setTimeout(() => {
container.querySelectorAll('.new-transaction').forEach(row => {
row.classList.remove('new-transaction');
});
}, 500);
}
} catch (error) {
console.error('Failed to load latest transactions:', error);
if (container) container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
';
container.innerHTML = html;
return;
}
} catch (e) {}
}
container.innerHTML = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()') + '
';
return html;
}
function routeTreeQueryParams(query) {
var params = new URLSearchParams({
chainId: '138',
tokenIn: query.tokenIn,
amountIn: query.amountIn || '1000000'
});
if (query.tokenOut) params.set('tokenOut', query.tokenOut);
if (query.destinationChainId != null) params.set('destinationChainId', String(query.destinationChainId));
return params.toString();
}
async function fetchRouteTree(query) {
var response = await fetchAPIWithRetry(`${TOKEN_AGGREGATION_API_BASE}/v1/routes/tree?${routeTreeQueryParams(query)}`);
if ((!response || response.decision === 'unresolved' || !Array.isArray(response.tree) || response.tree.length === 0) &&
Number(query.destinationChainId || query.chainId || 138) === 138 &&
safeAddress(query.tokenOut)) {
try {
var ctx = await fetchCurrentPmmContext();
var liveFallback = await buildLiveDirectRouteFallback(query, ctx);
if (liveFallback) response = liveFallback;
} catch (e) {}
}
return { query: query, response: response };
}
function uniqueMissingQuotePools(results) {
var map = {};
results.forEach(function(entry) {
var pools = (entry.response && entry.response.missingQuoteTokenPools) || [];
pools.forEach(function(pool) {
var key = String(pool.chainId) + ':' + String(pool.poolAddress || '').toLowerCase();
if (!map[key]) map[key] = pool;
});
});
return Object.keys(map).sort().map(function(key) { return map[key]; });
}
function renderRouteSweepSummary(results) {
var html = '
';
return html;
}
function renderPriorityRouteCard(entry) {
var response = entry.response || {};
var rootNodes = Array.isArray(response.tree) ? response.tree : [];
var decisionLabel = escapeHtml(response.decision || 'unresolved');
if (response.decision === 'bridge-only' && response.destination && Number(response.destination.chainId) === 1) {
decisionLabel = 'bridge-only (destination completion on Mainnet)';
}
var html = '
';
html += '
';
return html;
}
// Operator view
function renderOperatorView() {
showView('operator');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'operator') updatePath('/operator');
var container = document.getElementById('operatorContent');
if (!container) return;
container.innerHTML = buildOperatorViewHtml();
}
window._showOperator = renderOperatorView;
function showView(viewName) {
currentView = viewName;
var detailViews = ['blockDetail','transactionDetail','addressDetail','tokenDetail','nftDetail','watchlist','searchResults','tokens','addresses','pools','routes','liquidity','more','analytics','operator'];
if (detailViews.indexOf(viewName) === -1) currentDetailKey = '';
document.querySelectorAll('.detail-view').forEach(v => v.classList.remove('active'));
const homeView = document.getElementById('homeView');
if (homeView) homeView.style.display = viewName === 'home' ? 'block' : 'none';
if (viewName !== 'home') {
const targetView = document.getElementById(`${viewName}View`);
if (targetView) targetView.classList.add('active');
stopTransactionUpdates();
}
}
window.showView = showView;
function toggleDarkMode() {
document.body.classList.toggle('dark-theme');
var isDark = document.body.classList.contains('dark-theme');
try { localStorage.setItem('explorerTheme', isDark ? 'dark' : 'light'); } catch (e) {}
var icon = document.getElementById('themeIcon');
if (icon) {
icon.className = isDark ? 'fas fa-sun' : 'fas fa-moon';
}
}
function applyStoredTheme() {
try {
var theme = localStorage.getItem('explorerTheme');
if (theme === 'dark') {
document.body.classList.add('dark-theme');
var icon = document.getElementById('themeIcon');
if (icon) icon.className = 'fas fa-sun';
}
} catch (e) {}
}
function updatePath(path) {
if (typeof history !== 'undefined' && history.pushState) {
history.pushState(null, '', path);
}
}
window.updatePath = updatePath;
function applyHashRoute() {
var route = '';
var fromPath = (window.location.pathname || '/').replace(/^\//, '').replace(/\/$/, '').replace(/^index\.html$/i, '');
var fromHash = (window.location.hash || '').replace(/^#/, '');
if (fromPath && fromPath !== '') {
route = fromPath;
} else if (fromHash) {
route = fromHash;
}
if (!route || route === 'home') { if (currentView !== 'home') showHome(); return; }
var parts = route.split('/').filter(Boolean);
var decode = function(s) { try { return decodeURIComponent(s); } catch (e) { return s; } };
if (parts[0] === 'block' && parts[1]) { var p1 = decode(parts[1]); var key = 'block:' + p1; if (currentDetailKey === key) return; currentDetailKey = key; setTimeout(function() { showBlockDetail(p1); }, 0); return; }
if (parts[0] === 'tx' && parts[1]) { var p1 = decode(parts[1]); var txKey = 'tx:' + (p1 && typeof p1 === 'string' ? p1.toLowerCase() : String(p1)); if (currentDetailKey === txKey) return; currentDetailKey = txKey; setTimeout(function() { showTransactionDetail(p1); }, 0); return; }
if (parts[0] === 'address' && parts[1]) { var p1 = decode(parts[1]); var addrKey = 'address:' + (p1 && typeof p1 === 'string' ? p1.toLowerCase() : String(p1)); if (currentDetailKey === addrKey) return; currentDetailKey = addrKey; setTimeout(function() { showAddressDetail(p1); }, 0); return; }
if (parts[0] === 'token' && parts[1]) { var p1 = decode(parts[1]); var tokKey = 'token:' + (p1 && typeof p1 === 'string' ? p1.toLowerCase() : String(p1)); if (currentDetailKey === tokKey) return; currentDetailKey = tokKey; setTimeout(function() { showTokenDetail(p1); }, 0); return; }
if (parts[0] === 'nft' && parts[1] && parts[2]) { var p1 = decode(parts[1]), p2 = decode(parts[2]); var nftKey = 'nft:' + (p1 && typeof p1 === 'string' ? p1.toLowerCase() : String(p1)) + ':' + p2; if (currentDetailKey === nftKey) return; currentDetailKey = nftKey; setTimeout(function() { showNftDetail(p1, p2); }, 0); return; }
if (parts[0] === 'home') { if (currentView !== 'home') showHome(); return; }
if (parts[0] === 'blocks') { if (currentView !== 'blocks') showBlocks(); return; }
if (parts[0] === 'transactions') { if (currentView !== 'transactions') showTransactions(); return; }
if (parts[0] === 'addresses') { if (currentView !== 'addresses') showAddresses(); return; }
if (parts[0] === 'bridge') { if (currentView !== 'bridge') showBridgeMonitoring(); return; }
if (parts[0] === 'weth') { if (currentView !== 'weth') showWETHUtilities(); return; }
if (parts[0] === 'watchlist') { if (currentView !== 'watchlist') showWatchlist(); return; }
if (parts[0] === 'pools') { if (currentView !== 'pools') openPoolsView(); return; }
if (parts[0] === 'routes') { if (currentView !== 'routes') showRoutes(); return; }
if (parts[0] === 'liquidity') { if (currentView !== 'liquidity') showLiquidityAccess(); return; }
if (parts[0] === 'more') { if (currentView !== 'more') showMore(); return; }
if (parts[0] === 'tokens') { if (typeof showTokensList === 'function') showTokensList(); else focusSearchWithHint('token'); return; }
if (parts[0] === 'analytics') { if (currentView !== 'analytics') showAnalytics(); return; }
if (parts[0] === 'operator') { if (currentView !== 'operator') showOperator(); return; }
}
window.applyHashRoute = applyHashRoute;
var hasRouteOnReady = window.location.hash || ((window.location.pathname || '').replace(/^\//, '').replace(/\/$/, ''));
if (document.readyState !== 'loading' && hasRouteOnReady) { applyHashRoute(); }
window.toggleDarkMode = toggleDarkMode;
function focusSearchWithHint(kind) {
var prefill = kind === 'token' ? 'token' : '';
if (kind === 'token') {
showToast('Enter token contract address (0x...) or search by name/symbol', 'info', 4000);
}
openSmartSearchModal(prefill);
}
window.focusSearchWithHint = focusSearchWithHint;
function toggleNavMenu() {
var links = document.getElementById('navLinks');
var btn = document.getElementById('navToggle');
var icon = document.getElementById('navToggleIcon');
if (!links || !btn) return;
var isOpen = links.classList.toggle('nav-open');
btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
if (icon) icon.className = isOpen ? 'fas fa-times' : 'fas fa-bars';
}
function closeNavMenu() {
var links = document.getElementById('navLinks');
var btn = document.getElementById('navToggle');
var icon = document.getElementById('navToggleIcon');
if (links) links.classList.remove('nav-open');
if (btn) btn.setAttribute('aria-expanded', 'false');
if (icon) icon.className = 'fas fa-bars';
closeAllNavDropdowns();
}
function closeAllNavDropdowns() {
document.querySelectorAll('.nav-dropdown.open').forEach(function (el) {
el.classList.remove('open');
var trigger = el.querySelector('.nav-dropdown-trigger');
if (trigger) trigger.setAttribute('aria-expanded', 'false');
});
}
function initNavDropdowns() {
document.querySelectorAll('.nav-dropdown-trigger').forEach(function (trigger) {
trigger.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
var dropdown = trigger.closest('.nav-dropdown');
var wasOpen = dropdown && dropdown.classList.contains('open');
closeAllNavDropdowns();
if (dropdown && !wasOpen) {
dropdown.classList.add('open');
trigger.setAttribute('aria-expanded', 'true');
}
});
});
document.addEventListener('click', function () {
closeAllNavDropdowns();
});
document.getElementById('navLinks').addEventListener('click', function (e) {
if (e.target.closest('.nav-dropdown-menu')) e.stopPropagation();
});
}
window.toggleNavMenu = toggleNavMenu;
window.closeNavMenu = closeNavMenu;
window.closeAllNavDropdowns = closeAllNavDropdowns;
// Update breadcrumb navigation
function updateBreadcrumb(type, identifier, identifierExtra) {
let breadcrumbContainer;
let breadcrumbHTML = 'Home';
switch (type) {
case 'block':
breadcrumbContainer = document.getElementById('blockDetailBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += 'Blocks';
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'transaction':
breadcrumbContainer = document.getElementById('transactionDetailBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += 'Transactions';
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'address':
breadcrumbContainer = document.getElementById('addressDetailBreadcrumb');
breadcrumbHTML += 'Addresses';
break;
case 'token':
breadcrumbContainer = document.getElementById('tokenDetailBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += 'Tokens';
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'pools':
breadcrumbContainer = document.getElementById('poolsBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'routes':
breadcrumbContainer = document.getElementById('routesBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'more':
breadcrumbContainer = document.getElementById('moreBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
case 'nft':
breadcrumbContainer = document.getElementById('nftDetailBreadcrumb');
breadcrumbHTML += '';
breadcrumbHTML += '' + escapeHtml(shortenHash(identifier)) + '';
breadcrumbHTML += '';
breadcrumbHTML += '';
break;
default:
return;
}
if (breadcrumbContainer) {
breadcrumbContainer.innerHTML = breadcrumbHTML;
}
}
// Retry logic with exponential backoff
async function fetchAPIWithRetry(url, maxRetries = FETCH_MAX_RETRIES, retryDelay = RETRY_DELAY_MS) {
for (let attempt = 0; attempt < maxRetries; attempt++) {
try {
return await fetchAPI(url);
} catch (error) {
const isLastAttempt = attempt === maxRetries - 1;
const isRetryable = error.name === 'AbortError' ||
(error.message && (error.message.includes('timeout') ||
error.message.includes('500') ||
error.message.includes('502') ||
error.message.includes('503') ||
error.message.includes('504') ||
error.message.includes('NetworkError')));
if (isLastAttempt || !isRetryable) {
throw error;
}
// Exponential backoff: 1s, 2s, 4s
const delay = retryDelay * Math.pow(2, attempt);
console.warn(`⚠️ API call failed (attempt ${attempt + 1}/${maxRetries}), retrying in ${delay}ms...`, error.message);
await new Promise(resolve => setTimeout(resolve, delay));
}
}
}
async function fetchAPI(url) {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
try {
const response = await fetch(url, {
method: 'GET',
headers: { 'Accept': 'application/json' },
credentials: 'omit',
signal: controller.signal
});
clearTimeout(timeoutId);
if (!response.ok) {
let errorText = '';
try {
errorText = await response.text();
} catch (e) {
errorText = response.statusText;
}
// Log detailed error for debugging
const errorInfo = {
status: response.status,
statusText: response.statusText,
errorText: errorText.substring(0, 500),
url: url,
headers: Object.fromEntries(response.headers.entries())
};
console.error(`❌ API Error:`, errorInfo);
if (response.status === 502 || response.status === 503) {
showAPIUnavailableBanner(response.status);
}
// For 400 errors, provide more context
if (response.status === 400) {
console.error('🔍 HTTP 400 Bad Request Details:');
console.error('URL:', url);
console.error('Response Headers:', errorInfo.headers);
console.error('Error Body:', errorText);
console.error('Possible causes:');
console.error('1. Invalid query parameters');
console.error('2. Missing required parameters');
console.error('3. API endpoint format incorrect');
console.error('4. CORS preflight failed');
console.error('5. Request method not allowed');
// Try to parse error if it's JSON
try {
const errorJson = JSON.parse(errorText);
console.error('Parsed Error:', errorJson);
} catch (e) {
// Not JSON, that's fine
}
}
throw new Error(`HTTP ${response.status}: ${errorText || response.statusText}`);
}
const contentType = response.headers.get('content-type');
if (contentType && contentType.includes('application/json')) {
return await response.json();
}
const text = await response.text();
try {
return JSON.parse(text);
} catch (e) {
throw new Error(`Invalid JSON response: ${text.substring(0, 100)}`);
}
} catch (error) {
clearTimeout(timeoutId);
if (error.name === 'AbortError') {
throw new Error('Request timeout. Please try again.');
}
throw error;
}
}
async function postJSON(url, payload) {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS * 2);
try {
const response = await fetch(url, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
credentials: 'omit',
signal: controller.signal,
body: JSON.stringify(payload || {})
});
clearTimeout(timeoutId);
const text = await response.text();
let parsed = {};
if (text) {
try {
parsed = JSON.parse(text);
} catch (e) {
parsed = { reply: text };
}
}
if (!response.ok) {
var message = (parsed && parsed.error && (parsed.error.message || parsed.error.code)) || text || response.statusText || 'Request failed';
throw new Error('HTTP ' + response.status + ': ' + message);
}
return parsed;
} catch (error) {
clearTimeout(timeoutId);
if (error.name === 'AbortError') {
throw new Error('Request timeout. Please try again.');
}
throw error;
}
}
async function loadStats() {
const statsGrid = document.getElementById('statsGrid');
if (!statsGrid) return;
// Show skeleton loader
statsGrid.innerHTML = createSkeletonLoader('stats');
try {
let stats;
// For ChainID 138, use Blockscout API
if (CHAIN_ID === 138) {
// Blockscout doesn't have a single stats endpoint, so we'll fetch from our API
// or use Blockscout's individual endpoints
try {
// Try our API first
stats = await fetchAPIWithRetry(`${API_BASE}/v2/stats`);
} catch (e) {
// Fallback: fetch from Blockscout and calculate
const [blocksRes, txsRes] = await Promise.all([
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/blocks?page=1&page_size=1`).catch(() => null),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions?page=1&page_size=1`).catch(() => null)
]);
stats = {
total_blocks: blocksRes?.items?.[0]?.number || 0,
total_transactions: txsRes?.items?.length ? 'N/A' : 0,
total_addresses: 0
};
}
} else {
// For other networks, use v2 API
stats = await fetchAPIWithRetry(`${API_BASE}/v2/stats`);
}
const activeBridgeContracts = getActiveBridgeContractCount();
statsGrid.innerHTML = `
';
html += '
';
html += '';
html += '
';
html += 'Operator Access Hub
'; html += 'The explorer does not expose raw privileged controls here. Instead, this page collects the live operator-facing observability and execution surfaces that are safe to browse from the public UI.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Bridge monitoring
Inspect bridge balances, fee-token posture, destination configuration, and live contract references.
';
html += 'Liquidity access
Jump to partner payload routes, ingestion APIs, and public execution-plan endpoints without leaving the explorer.
';
html += 'Pool inventory
Review canonical PMM addresses, funding state, registry status, and exportable pool snapshots.
';
html += 'WETH utilities
Open the WETH9/WETH10 utilities, bridge contract references, and balance tools that operators often need during support.
';
html += 'Total Blocks
${formatNumber(stats.total_blocks || 0)}
Total Transactions
${formatNumber(stats.total_transactions || 0)}
Total Addresses
${formatNumber(stats.total_addresses || 0)}
Bridge Contracts
${activeBridgeContracts} Active
Network
Loading...
Total Blocks
-
Total Transactions
-
Total Addresses
-
Bridge Contracts
${activeBridgeContracts} Active
Network
-
' : '') + (blockTimeSec !== '-' ? 'Block: ' + escapeHtml(blockTimeSec) + '
' : '') + (tps !== '-' ? 'TPS: ' + escapeHtml(tps) : '') || 'Gas / TPS'; if (summaryEl) { summaryEl.textContent = 'Live chain health for Chain 138 updated ' + new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + '.'; } if (gasCard && CHAIN_ID === 138) { var curEl = document.getElementById('gasCurrentValue'); var tpsEl = document.getElementById('gasTpsValue'); var btEl = document.getElementById('gasBlockTimeValue'); var failedEl = document.getElementById('gasFailedRateValue'); var barsEl = document.getElementById('gasHistoryBars'); if (curEl) curEl.textContent = gasGwei !== '-' ? gasGwei : '—'; if (tpsEl) tpsEl.textContent = tps !== '-' ? tps : '—'; if (btEl) btEl.textContent = blockTimeSec !== '-' ? blockTimeSec : '—'; if (failedEl) { var txsResp = await fetch(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=100').then(function(r) { return r.json(); }).catch(function() { return { items: [] }; }); var txs = txsResp.items || txsResp || []; var failed = txs.filter(function(t) { var s = t.status; return s === 0 || s === '0' || (t.block && t.block.success === false); }).length; failedEl.textContent = txs.length > 0 ? (100 * failed / txs.length).toFixed(2) + '%' : '—'; } if (barsEl) { var recent = blocks.slice(0, 10); var fees = recent.map(function(bl) { var f = bl.base_fee_per_gas || bl.base_fee; return f != null ? Number(f) / 1e9 : 0; }); var maxFee = Math.max.apply(null, fees) || 1; barsEl.innerHTML = fees.map(function(g, i) { var pct = maxFee > 0 ? (g / maxFee * 100) : 0; return ''; }).join(''); } } } catch (e) { if (el) el.textContent = '-'; if (summaryEl) summaryEl.textContent = 'Live chain health unavailable right now.'; } } function normalizeBlockDisplay(block) { var blockNum = block.number; var hash = block.hash || ''; var txCount = block.transaction_count || 0; var date = null; if (block.timestamp) { if (typeof block.timestamp === 'string' && block.timestamp.indexOf('0x') === 0) { date = new Date(parseInt(block.timestamp, 16) * 1000); } else { date = new Date(block.timestamp); } } var timestampFormatted = date && !isNaN(date.getTime()) ? date.toLocaleString() : 'N/A'; var timeAgo = date && !isNaN(date.getTime()) ? getTimeAgo(date) : 'N/A'; return { blockNum: blockNum, hash: hash, txCount: txCount, timestampFormatted: timestampFormatted, timeAgo: timeAgo }; } function createBlockCardHtml(block, options) { options = options || {}; var d = normalizeBlockDisplay(block); var animationClass = options.animationClass || ''; return '
' +
'
';
}
// Prevent multiple simultaneous calls
let loadingBlocks = false;
async function loadLatestBlocks() {
const container = document.getElementById('latestBlocks');
if (!container) return;
// Prevent multiple simultaneous calls
if (loadingBlocks) {
console.log('loadLatestBlocks already in progress, skipping...');
return;
}
loadingBlocks = true;
try {
let blocks = [];
// For ChainID 138, use Blockscout API
if (CHAIN_ID === 138) {
try {
const blockscoutUrl = `${BLOCKSCOUT_API}/v2/blocks?page=1&page_size=10`;
console.log('Fetching blocks from Blockscout:', blockscoutUrl);
const response = await fetchAPIWithRetry(blockscoutUrl);
const raw = (response && (response.items || response.data || response.blocks)) || (Array.isArray(response) ? response : null);
if (raw && Array.isArray(raw)) {
blocks = raw.slice(0, 10).map(normalizeBlock).filter(b => b !== null);
console.log(`✅ Loaded ${blocks.length} blocks from Blockscout`);
} else if (response && typeof response === 'object') {
blocks = [];
console.warn('Blockscout blocks response empty or unexpected shape:', Object.keys(response || {}));
}
} catch (blockscoutError) {
console.warn('Blockscout API failed, trying RPC fallback:', blockscoutError.message);
try {
const blockNumHex = await rpcCall('eth_blockNumber');
const latestBlock = parseInt(blockNumHex, 16);
if (!isNaN(latestBlock) && latestBlock >= 0) {
for (let i = 0; i < Math.min(10, latestBlock + 1); i++) {
const bn = latestBlock - i;
const b = await rpcCall('eth_getBlockByNumber', ['0x' + bn.toString(16), false]);
if (b && b.number) blocks.push({ number: parseInt(b.number, 16), hash: b.hash, timestamp: b.timestamp ? (typeof b.timestamp === 'string' ? parseInt(b.timestamp, 16) * 1000 : b.timestamp) : null, transaction_count: b.transactions ? b.transactions.length : 0 });
}
if (blocks.length > 0) console.log('Loaded ' + blocks.length + ' blocks via RPC fallback');
}
} catch (rpcErr) {
console.error('RPC fallback also failed:', rpcErr);
if (container) {
container.innerHTML = '#' + escapeHtml(String(d.blockNum)) + '
' +
'' + escapeHtml(shortenHash(d.hash)) + '
' +
'' +
'
Transactions' + escapeHtml(String(d.txCount)) + '
' +
'Time' + escapeHtml(d.timeAgo) + '
' +
'API temporarily unavailable. ' + escapeHtml((blockscoutError.message || 'Unknown error').substring(0, 150)) + '
';
}
return;
}
if (blocks.length === 0 && container) {
container.innerHTML = 'Could not load blocks.
';
return;
}
}
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
if (!blockData || !blockData.result) {
throw new Error('Invalid response from API');
}
const latestBlock = parseInt(blockData.result, 16);
if (isNaN(latestBlock) || latestBlock < 0) {
throw new Error('Invalid block number');
}
// Fetch blocks one by one
for (let i = 0; i < 10 && latestBlock - i >= 0; i++) {
const blockNum = latestBlock - i;
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=false`);
if (block && block.result) {
blocks.push({
number: blockNum,
hash: block.result.hash,
timestamp: block.result.timestamp,
transaction_count: block.result.transactions ? block.result.transactions.length : 0
});
}
} catch (e) {
console.warn(`Failed to load block ${blockNum}:`, e);
}
}
}
const limitedBlocks = blocks.slice(0, 10);
const blockFilter = getExplorerPageFilter('homeBlocks');
const filteredBlocks = blockFilter ? limitedBlocks.filter(function(block) {
var d = normalizeBlockDisplay(block);
return matchesExplorerFilter([d.blockNum, d.hash, d.txCount, d.timestampFormatted, d.timeAgo].join(' '), blockFilter);
}) : limitedBlocks;
const filterBar = renderPageFilterBar('homeBlocks', 'Filter blocks by number, hash, tx count, or age...', 'Filters the live block cards below.', 'loadLatestBlocks()');
if (limitedBlocks.length === 0) {
if (container) container.innerHTML = filterBar + 'No blocks found.
';
} else if (filteredBlocks.length === 0) {
if (container) container.innerHTML = filterBar + 'No blocks match the current filter.
';
} else {
// Create HTML with duplicated blocks for seamless infinite loop
let html = filterBar + '';
html += '
';
if (container) container.innerHTML = html;
// Setup auto-scroll animation
const scrollContainer = document.getElementById('blocksScrollContainer');
const scrollContent = scrollContainer?.querySelector('.blocks-scroll-content');
if (scrollContainer && scrollContent) {
const cardWidth = 200 + 16; // card width (200px) + gap (16px = 1rem)
const singleSetWidth = filteredBlocks.length * cardWidth;
// Use CSS transform for smooth animation
let scrollPosition = 0;
let isPaused = false;
const scrollSpeed = 0.4; // pixels per frame (adjust for speed)
scrollContainer.addEventListener('mouseenter', () => {
isPaused = true;
});
scrollContainer.addEventListener('mouseleave', () => {
isPaused = false;
});
if (_blocksScrollAnimationId != null) {
cancelAnimationFrame(_blocksScrollAnimationId);
_blocksScrollAnimationId = null;
}
function animateScroll() {
if (!isPaused && scrollContent) {
scrollPosition += scrollSpeed;
if (scrollPosition >= singleSetWidth) scrollPosition = 0;
scrollContent.style.transform = 'translateX(-' + scrollPosition + 'px)';
}
_blocksScrollAnimationId = requestAnimationFrame(animateScroll);
}
setTimeout(function() {
_blocksScrollAnimationId = requestAnimationFrame(animateScroll);
}, 500);
}
// Remove animation classes after animation completes
setTimeout(() => {
container.querySelectorAll('.new-block').forEach(card => {
card.classList.remove('new-block');
});
}, 1000);
}
} catch (error) {
console.error('Failed to load latest blocks:', error);
if (container) container.innerHTML = '';
// First set of blocks (with animations for first 3)
filteredBlocks.forEach(function(block, index) {
var animationClass = index < 3 ? 'new-block' : '';
html += createBlockCardHtml(block, { animationClass: animationClass });
});
// Duplicate blocks for seamless infinite loop
filteredBlocks.forEach(function(block) {
html += createBlockCardHtml(block, {});
});
html += '
Failed to load blocks: ' + escapeHtml((error.message || 'Unknown error').substring(0, 200)) + '.
';
} finally {
loadingBlocks = false;
}
}
// Store previous transaction hashes for real-time updates
let previousTransactionHashes = new Set();
let transactionUpdateInterval = null;
async function loadLatestTransactions() {
const container = document.getElementById('latestTransactions');
if (!container) return;
try {
let response;
let rawTransactions = [];
// For ChainID 138, use Blockscout API
if (CHAIN_ID === 138) {
try {
response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions?page=1&page_size=10`);
rawTransactions = Array.isArray(response?.items) ? response.items : (Array.isArray(response?.data) ? response.data : []);
} catch (apiErr) {
console.warn('Blockscout transactions API failed, trying RPC fallback:', apiErr.message);
try {
const blockNumHex = await rpcCall('eth_blockNumber');
const latest = parseInt(blockNumHex, 16);
for (let i = 0; i < Math.min(5, latest + 1) && rawTransactions.length < 10; i++) {
const b = await rpcCall('eth_getBlockByNumber', ['0x' + (latest - i).toString(16), true]);
if (b && b.transactions) {
b.transactions.forEach(tx => {
if (typeof tx === 'object' && rawTransactions.length < 10) rawTransactions.push({ hash: tx.hash, from: tx.from, to: tx.to || null, value: tx.value || '0x0', block_number: parseInt(b.number, 16), created_at: b.timestamp ? new Date(parseInt(b.timestamp, 16) * 1000).toISOString() : null });
});
}
}
response = { items: rawTransactions };
} catch (rpcErr) {
console.error('RPC transactions fallback failed:', rpcErr);
if (container) container.innerHTML = 'API temporarily unavailable.
';
return;
}
}
} else {
response = await fetchAPIWithRetry(`${API_BASE}/v2/transactions?page=1&page_size=10`);
rawTransactions = Array.isArray(response?.items) ? response.items : (Array.isArray(response?.data) ? response.data : []);
}
// Normalize transactions using adapter
const transactions = rawTransactions.map(normalizeTransaction).filter(tx => tx !== null);
// Limit to 10 transactions
const limitedTransactions = transactions.slice(0, 10);
const txFilter = getExplorerPageFilter('homeTransactions');
const filteredTransactions = txFilter ? limitedTransactions.filter(function(tx) {
const hash = String(tx.hash || '');
const from = String(tx.from || '');
const to = String(tx.to || '');
const blockNumber = String(tx.block_number || '');
const value = String(tx.value || '0');
return matchesExplorerFilter([hash, from, to, blockNumber, formatEther(value)].join(' '), txFilter);
}) : limitedTransactions;
const filterBar = renderPageFilterBar('homeTransactions', 'Filter by hash, address, block, or value...', 'Filters the live transaction table below.', 'loadLatestTransactions()');
// Check for new transactions
const currentHashes = new Set(filteredTransactions.map(tx => String(tx.hash || '')));
const newTransactions = filteredTransactions.filter(tx => !previousTransactionHashes.has(String(tx.hash || '')));
// Update previous hashes
previousTransactionHashes = currentHashes;
// Show skeleton loader only on first load
if (container.innerHTML.includes('skeleton') || container.innerHTML.includes('Loading')) {
container.innerHTML = createSkeletonLoader('table');
}
let html = filterBar + '| Hash | From | To | Value | Block |
|---|---|---|---|---|
| No transactions found | ||||
| No transactions match the current filter. | ||||
| ' + escapeHtml(shortenHash(hash)) + ' | ' + formatAddressWithLabel(from) + ' | ' + (to ? formatAddressWithLabel(to) : '-') + ' | ' + escapeHtml(valueFormatted) + ' ETH | ' + escapeHtml(String(blockNumber)) + ' |
Failed to load transactions: ' + escapeHtml((error.message || 'Unknown error').substring(0, 200)) + '.
';
}
}
// Real-time transaction updates
function startTransactionUpdates() {
// Clear any existing interval
if (transactionUpdateInterval) {
clearInterval(transactionUpdateInterval);
}
// Update transactions every 5 seconds
transactionUpdateInterval = setInterval(() => {
if (currentView === 'home') {
loadLatestTransactions();
}
}, 5000);
}
function stopTransactionUpdates() {
if (transactionUpdateInterval) {
clearInterval(transactionUpdateInterval);
transactionUpdateInterval = null;
}
}
var blocksListPage = 1;
var transactionsListPage = 1;
var addressesListPage = 1;
const LIST_PAGE_SIZE = 25;
async function loadAllBlocks(page) {
if (page != null) blocksListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('blocksList');
if (!container) { return; }
try {
container.innerHTML = ' Loading blocks...
';
let blocks = [];
if (CHAIN_ID === 138) {
blocks = await fetchChain138BlocksPage(blocksListPage, LIST_PAGE_SIZE);
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
const latestBlock = parseInt(blockData.result, 16);
// Load last 50 blocks
for (let i = 0; i < 50 && latestBlock - i >= 0; i++) {
const blockNum = latestBlock - i;
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=false`);
if (block.result) {
blocks.push({
number: blockNum,
hash: block.result.hash,
timestamp: new Date(parseInt(block.result.timestamp, 16) * 1000).toISOString(),
transaction_count: block.result.transactions ? block.result.transactions.length : 0
});
}
} catch (e) {
// Skip failed blocks
}
}
}
const filter = getExplorerPageFilter('blocksList');
const filteredBlocks = filter ? blocks.filter(function(block) {
var d = normalizeBlockDisplay(block);
return matchesExplorerFilter([d.blockNum, d.hash, d.txCount, d.timestampFormatted, d.timeAgo].join(' '), filter);
}) : blocks;
const filterBar = renderPageFilterBar('blocksList', 'Filter blocks by number, hash, tx count, or age...', 'Filters the current page of blocks.', 'loadAllBlocks(' + blocksListPage + ')');
let html = filterBar + '| Block | Hash | Transactions | Timestamp |
|---|---|---|---|
| No blocks found | |||
| No blocks match the current filter | |||
| ' + blockLink + ' | ' + hashLink + ' | ' + escapeHtml(String(d.txCount)) + ' | ' + escapeHtml(d.timestampFormatted) + ' |
Failed to load blocks: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
async function loadAllTransactions(page) {
if (page != null) transactionsListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('transactionsList');
if (!container) { return; }
try {
container.innerHTML = ' Loading transactions...
';
let transactions = [];
if (CHAIN_ID === 138) {
transactions = await fetchChain138TransactionsPage(transactionsListPage, LIST_PAGE_SIZE);
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
if (!blockData || !blockData.result) {
throw new Error('Failed to get latest block number');
}
const latestBlock = parseInt(blockData.result, 16);
if (isNaN(latestBlock) || latestBlock < 0) {
throw new Error('Invalid block number');
}
const maxTxs = 50;
// Get transactions from recent blocks
for (let blockNum = latestBlock; blockNum >= 0 && transactions.length < maxTxs; blockNum--) {
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=true`);
if (block.result && block.result.transactions) {
for (const tx of block.result.transactions) {
if (transactions.length >= maxTxs) break;
if (typeof tx === 'object') {
transactions.push({
hash: tx.hash,
from: tx.from,
to: tx.to,
value: tx.value || '0',
block_number: blockNum
});
}
}
}
} catch (e) {
// Skip failed blocks
}
}
}
const filter = getExplorerPageFilter('transactionsList');
const filteredTransactions = filter ? transactions.filter(function(tx) {
const hash = String(tx.hash || '');
const from = String(tx.from || '');
const to = String(tx.to || '');
const blockNumber = String(tx.block_number || '');
const value = String(tx.value || '0');
return matchesExplorerFilter([hash, from, to, blockNumber, formatEther(value)].join(' '), filter);
}) : transactions;
const filterBar = renderPageFilterBar('transactionsList', 'Filter transactions by hash, address, block, or value...', 'Filters the current page of transactions.', 'loadAllTransactions(' + transactionsListPage + ')');
let html = filterBar + '| Hash | From | To | Value | Block |
|---|---|---|---|---|
| No transactions found | ||||
| No transactions match the current filter | ||||
| ' + hashLink + ' | ' + fromLink + ' | ' + toLink + ' | ' + escapeHtml(valueFormatted) + ' ETH | ' + blockLink + ' |
Failed to load transactions: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
async function loadAllAddresses(page) {
if (page != null) addressesListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('addressesList');
if (!container) { return; }
try {
container.innerHTML = ' Loading addresses...
';
const params = new URLSearchParams({
page: String(addressesListPage),
page_size: String(LIST_PAGE_SIZE)
});
const q = getExplorerPageFilter('addressesList');
if (q) params.set('q', q);
let addresses = [];
if (CHAIN_ID === 138) {
try {
const response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/addresses?${params.toString()}`);
const items = response && (response.items || response.data);
if (Array.isArray(items) && items.length > 0) {
addresses = items.map(normalizeAddress).filter(function(addr) { return addr !== null; });
}
} catch (blockscoutError) {
console.warn('Blockscout address list failed, trying explorer API:', blockscoutError.message || blockscoutError);
}
}
if (addresses.length === 0) {
const response = await fetchAPIWithRetry(`${API_BASE}/v1/addresses?${params.toString()}`);
const items = response && (response.data || response.items || []);
addresses = Array.isArray(items) ? items.map(normalizeAddress).filter(function(addr) { return addr !== null; }) : [];
}
const filter = getExplorerPageFilter('addressesList');
const filteredAddresses = filter ? addresses.filter(function(item) {
return matchesExplorerFilter([
item.address,
item.label || '',
item.is_contract ? 'contract' : 'externally owned',
item.tx_sent,
item.tx_received,
item.transaction_count,
item.token_count,
item.first_seen_at || '',
item.last_seen_at || ''
].join(' '), filter);
}) : addresses;
const filterBar = renderPageFilterBar('addressesList', 'Filter addresses by address, label, type, or activity...', 'Filters the indexed address list below.', 'loadAllAddresses(' + addressesListPage + ')');
let html = filterBar + '| Address | Label | Type | Tx Sent | Tx Received | Tokens | Last Seen |
|---|---|---|---|---|---|---|
| No addresses found | ||||||
| No addresses match the current filter | ||||||
| ' + escapeHtml(shortenHash(addr)) + ' | '; html += '' + escapeHtml(label || '—') + ' | '; html += '' + escapeHtml(type) + ' | '; html += '' + escapeHtml(String(txSent)) + ' | '; html += '' + escapeHtml(String(txReceived)) + ' | '; html += '' + escapeHtml(String(tokenCount)) + ' | '; html += '' + escapeHtml(lastSeen) + ' | '; html += '
Failed to load addresses: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
window._loadAllAddresses = loadAllAddresses;
window.loadAllAddresses = loadAllAddresses;
async function loadTokensList() {
var container = document.getElementById('tokensListContent');
if (!container) return;
try {
container.innerHTML = ' Loading tokens...
';
if (CHAIN_ID === 138) {
try {
var resp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/tokens?page=1&page_size=100').catch(function() { return null; });
var items = (resp && (resp.items || resp.data)) || (Array.isArray(resp) ? resp : null);
if (items && items.length > 0) {
var knownTokens = {
'0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2': { name: 'Wrapped Ether', symbol: 'WETH' },
'0xf4bb2e28688e89fcce3c0580d37d36a7672e8a9f': { name: 'Wrapped Ether v10', symbol: 'WETH' }
};
var filter = getExplorerPageFilter('tokensList');
var filteredItems = filter ? items.filter(function(t) {
var addr = (t.address && (t.address.hash || t.address)) || t.address_hash || t.token_address || t.contract_address_hash || '';
var known = addr ? knownTokens[addr.toLowerCase()] : null;
var name = (known && known.name) || t.name || t.symbol || (known && known.symbol) || '-';
var symbolDisplay = (known && known.symbol) || t.symbol || '';
var type = t.type || 'ERC-20';
return matchesExplorerFilter([addr, name, symbolDisplay, type].join(' '), filter);
}) : items;
var filterBar = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()');
var html = filterBar + '| Token | Contract | Type | |
|---|---|---|---|
| ' + escapeHtml(name) + (symbolDisplay ? ' (' + escapeHtml(symbolDisplay) + ')' : '') + ' | ' + escapeHtml(shortenHash(addr)) + ' | ' + escapeHtml(type) + ' | |
| No tokens match the current filter. | |||
No token index available. Use the search bar to find tokens by name, symbol, or contract address (0x...).
'; } catch (err) { container.innerHTML = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()') + 'Failed to load tokens. Use the search bar to find a token by address or name.
';
}
}
window._loadTokensList = loadTokensList;
function normalizeRouteStatus(status) {
return status || 'unavailable';
}
function renderRouteMetric(label, value) {
return '' + escapeHtml(label) + '' + escapeHtml(value) + '
';
}
function renderRouteNode(node, depthLevel) {
var indent = Math.max(0, depthLevel || 0) * 1.05;
var status = normalizeRouteStatus(node.status);
var statusColor = status === 'live' ? '#16a34a' : status === 'partial' ? '#f59e0b' : status === 'stale' ? '#d97706' : '#dc2626';
var html = '';
html += '
';
return html;
}
function renderMissingQuotePools(missingPools) {
if (!missingPools || !missingPools.length) {
return '';
html += '
';
html += '';
html += '
';
html += '' + escapeHtml(status) + '';
html += '' + escapeHtml(node.kind || 'route') + '
';
html += '' + escapeHtml(node.label || 'Untitled route') + '
';
html += '';
html += renderRouteMetric('Chain', (node.chainName || 'Chain') + ' (' + (node.chainId || '-') + ')');
if (node.dexType) html += renderRouteMetric('DEX', node.dexType);
if (node.poolAddress) html += renderRouteMetric('Pool', shortenHash(node.poolAddress));
if (node.depth) {
html += renderRouteMetric('TVL', '$' + Number(node.depth.tvlUsd || 0).toFixed(2));
html += renderRouteMetric('Capacity', '$' + Number(node.depth.estimatedTradeCapacityUsd || 0).toFixed(2));
html += renderRouteMetric('Freshness', node.depth.freshnessSeconds == null ? 'n/a' : node.depth.freshnessSeconds + 's');
}
html += '
';
if (node.notes && node.notes.length) {
html += '- ';
node.notes.forEach(function(note) {
html += '
- ' + escapeHtml(note) + ' '; }); html += '
';
node.children.forEach(function(child) {
html += renderRouteNode(child, (depthLevel || 0) + 1);
});
html += '
';
}
html += 'No quote-token metadata gaps detected in the current indexed pool set.
';
}
var html = '| Pool | Chain | Token 0 | Token 1 | Reason |
|---|---|---|---|---|
| ' + escapeHtml(shortenHash(pool.poolAddress)) + ' | '; html += '' + escapeHtml(String(pool.chainId)) + ' | '; html += '' + escapeHtml((pool.token0Symbol || '') + ' ' + shortenHash(pool.token0Address)) + ' | '; html += '' + escapeHtml((pool.token1Symbol || '') + ' ' + shortenHash(pool.token1Address)) + ' | '; html += '' + escapeHtml(pool.reason || 'Missing quote token metadata') + ' | '; html += '
| Probe | Direct Pools | Missing Quote Pools | Decision | Freshest Status |
|---|---|---|---|---|
| ' + escapeHtml((entry.query.pairLabel || entry.query.title || entry.query.symbol || 'probe') + ' ' + shortenHash(entry.query.tokenIn)) + ' | '; html += '' + escapeHtml(String(pools.length)) + ' | '; html += '' + escapeHtml(String(missing.length)) + ' | '; html += '' + escapeHtml(response.decision || 'unresolved') + ' | '; html += '' + escapeHtml(freshest) + ' | '; html += '
';
html += '
';
return html;
}
function updatePoolsMissingQuoteBadge(count) {
var badge = document.getElementById('poolsMissingQuoteBadge');
if (!badge) return;
var n = Math.max(0, Number(count || 0));
badge.textContent = 'Missing quote routes ' + String(n);
badge.style.display = n > 0 ? 'inline-block' : 'none';
}
async function loadLiveRouteTrees(targetId) {
var containerId = targetId || (currentView === 'routes' ? 'routesRouteTreeContent' : 'poolRouteTreeContent');
var container = document.getElementById(containerId);
if (!container) return;
container.innerHTML = '';
html += '
';
html += '';
html += '
';
html += '';
html += '' + escapeHtml(entry.query.title) + '
'; html += 'Decision: ' + decisionLabel + ' | Generated: ' + escapeHtml((response.generatedAt || '').replace('T', ' ').replace('Z', ' UTC')) + '
';
html += '';
if (response.source) {
html += '
';
if (rootNodes.length === 0) {
html += '';
html += '
';
}
if (response.destination) {
html += 'Source
';
html += '' + escapeHtml(response.source.chainName || 'Chain 138') + '
';
html += '' + escapeHtml(response.source.tokenIn ? (response.source.tokenIn.symbol + ' ' + shortenHash(response.source.tokenIn.address)) : entry.query.title) + '
';
html += '';
html += '
';
}
html += 'Destination
';
html += '' + escapeHtml(response.destination.chainName || 'Destination') + '
';
html += 'Chain ' + escapeHtml(String(response.destination.chainId || '-')) + '
';
html += '';
html += '
';
html += 'Coverage
';
html += '' + escapeHtml(String((response.pools || []).length)) + ' direct pool(s)
';
html += '' + escapeHtml(String((response.missingQuoteTokenPools || []).length)) + ' missing quote-token pool(s)
';
html += 'No live route nodes available for this query yet.
';
} else {
rootNodes.slice(0, 4).forEach(function(node) {
html += renderRouteNode(node, 0);
});
}
html += ' Loading live route tree...
';
try {
var ctx = await fetchCurrentPmmContext();
var priorityQueries = buildRoutePriorityQueries(ctx);
var sweepQueries = buildRouteSweepQueries(ctx);
var priorityResults = await Promise.allSettled(priorityQueries.map(fetchRouteTree));
var sweepResults = await Promise.allSettled(sweepQueries.map(fetchRouteTree));
var priorityOkResults = priorityResults.filter(function(result) { return result.status === 'fulfilled'; }).map(function(result) { return result.value; });
var priorityErrors = priorityResults.filter(function(result) { return result.status === 'rejected'; });
var sweepOkResults = sweepResults.filter(function(result) { return result.status === 'fulfilled'; }).map(function(result) { return result.value; });
var allSweepMissing = uniqueMissingQuotePools(sweepOkResults);
var html = '';
html += '';
return html;
}
function renderRoutesView() {
showView('routes');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'routes') updatePath('/routes');
updateBreadcrumb('routes');
var container = document.getElementById('routesContent');
if (!container) return;
container.innerHTML = buildRoutesLandingHtml();
setTimeout(function() {
loadLiveRouteTrees('routesRouteTreeContent');
}, 0);
_poolsRouteTreeRefreshTimer = setInterval(function() {
if (currentView === 'routes') {
loadLiveRouteTrees('routesRouteTreeContent');
}
}, ROUTE_TREE_REFRESH_MS);
}
window.renderRoutesView = renderRoutesView;
function summarizePoolRows(rows) {
var summary = {
liveLocal: 0,
externalMainnet: 0,
notYetCreated: 0,
missingCode: 0,
partial: 0,
};
(rows || []).forEach(function(row) {
var status = String((row && row.status) || '').toLowerCase();
if (status.indexOf('funded (live)') !== -1 || status.indexOf('deployed (live)') !== -1) {
summary.liveLocal += 1;
return;
}
if (status.indexOf('external / mainnet') !== -1 || status.indexOf('external / not on chain 138') !== -1) {
summary.externalMainnet += 1;
return;
}
if (status.indexOf('not created') !== -1) {
summary.notYetCreated += 1;
return;
}
if (status.indexOf('missing code') !== -1) {
summary.missingCode += 1;
return;
}
if (status.indexOf('partially funded') !== -1 || status.indexOf('created (unfunded)') !== -1) {
summary.partial += 1;
}
});
return summary;
}
function toCsv(rows) {
return rows.map(function(row) {
return row.map(function(cell) {
return '"' + String(cell == null ? '' : cell).replace(/"/g, '""') + '"';
}).join(',');
}).join('\n');
}
function exportPoolsCSV() {
if (!latestPoolsSnapshot || !Array.isArray(latestPoolsSnapshot.rows)) {
showToast('Pools data is not ready yet', 'error');
return;
}
var summary = latestPoolsSnapshot.summary || {};
var rows = latestPoolsSnapshot.rows || [];
var csvRows = [
['Section', 'Metric', 'Value'],
['Summary', 'Generated At', latestPoolsSnapshot.generatedAt || ''],
['Summary', 'Live local pools', summary.liveLocal || 0],
['Summary', 'External Mainnet-side', summary.externalMainnet || 0],
['Summary', 'Not yet created', summary.notYetCreated || 0],
['Summary', 'Needs attention', (summary.missingCode || 0) + (summary.partial || 0)],
[],
['Category', 'Pool Pair', 'System', 'Address', 'Status', 'Notes']
];
rows.forEach(function(row) {
csvRows.push([
row.category || '',
row.poolPair || '',
row.poolType || '',
row.address || '',
row.status || '',
row.notes || ''
]);
});
var blob = new Blob([toCsv(csvRows)], { type: 'text/csv' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'pools-status.csv';
a.click();
URL.revokeObjectURL(url);
showToast('CSV downloaded', 'success');
}
function exportPoolsJSON() {
if (!latestPoolsSnapshot) {
showToast('Pools data is not ready yet', 'error');
return;
}
var blob = new Blob([JSON.stringify(latestPoolsSnapshot, null, 2)], { type: 'application/json' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'pools-status.json';
a.click();
URL.revokeObjectURL(url);
showToast('JSON downloaded', 'success');
}
window.exportPoolsCSV = exportPoolsCSV;
window.exportPoolsJSON = exportPoolsJSON;
async function renderPoolsView() {
showView('pools');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'pools') updatePath('/pools');
var container = document.getElementById('poolsContent');
if (_poolsRouteTreeRefreshTimer) {
clearInterval(_poolsRouteTreeRefreshTimer);
_poolsRouteTreeRefreshTimer = null;
}
if (!container) return;
try {
container.innerHTML = '
';
html += '
`;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
${b.base_fee_per_gas ? `
` : ''}
${b.burnt_fees && parseInt(b.burnt_fees) > 0 ? `
` : ''}
${(rawBlockResponse && (rawBlockResponse.consensus !== undefined || rawBlockResponse.finality !== undefined || rawBlockResponse.validated !== undefined)) ? '' : ''}
`;
} else {
container.innerHTML = '
${t.max_fee_per_gas ? `` : ''}
${t.max_priority_fee_per_gas ? `` : ''}
${!t.max_fee_per_gas && t.gas_price ? `` : ''}
${t.tx_burnt_fee && parseInt(t.tx_burnt_fee) > 0 ? `` : ''}
${t.contract_address ? `` : ''}
`;
if (revertReason && t.status !== 1) {
const reasonStr = typeof revertReason === 'string' ? revertReason : (revertReason.message || JSON.stringify(revertReason));
mainHtml += `
`;
}
if (inputHex || decodedInput) {
mainHtml += `
';
}
}
if (inputHex) {
mainHtml += `';
}
container.innerHTML = mainHtml;
if (CHAIN_ID === 138) {
const internalCard = document.createElement('div');
internalCard.className = 'card';
internalCard.style.marginTop = '1rem';
internalCard.innerHTML = '
';
internalEl.innerHTML = tbl;
}
}
const logsEl = document.getElementById('txLogs');
if (logsEl) {
const logsFilter = getExplorerPageFilter('txLogs');
const reloadLogsJs = 'showTransactionDetail(\'' + txHash.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const logsFilterBar = renderPageFilterBar('txLogs', 'Filter by address, topics, data, or decoded text...', 'Filters the event logs below.', reloadLogsJs);
if (logs.length === 0) {
logsEl.innerHTML = logsFilterBar + '
';
logsEl.innerHTML = tbl;
if (typeof ethers !== 'undefined' && ethers.utils) {
(function(logsList, txHash) {
var addrs = [];
logsList.forEach(function(l) { var a = l.address && (l.address.hash || l.address) || l.address; if (a && addrs.indexOf(a) === -1) addrs.push(a); });
var abiCache = {};
Promise.all(addrs.map(function(addr) {
if (!/^0x[a-f0-9]{40}$/i.test(addr)) return Promise.resolve();
return fetch(BLOCKSCOUT_API + '/v2/smart-contracts/' + addr).then(function(r) { return r.json(); }).catch(function() { return null; }).then(function(res) {
var abi = res && (res.abi || res.abi_json);
if (abi) abiCache[addr.toLowerCase()] = Array.isArray(abi) ? abi : (typeof abi === 'string' ? JSON.parse(abi) : abi);
});
})).then(function() {
logsList.forEach(function(log, idx) {
var addr = (log.address && (log.address.hash || log.address)) || log.address;
var topics = log.topics && Array.isArray(log.topics) ? log.topics : (log.topic0 ? [log.topic0] : []);
var data = log.data || log.raw_data || '0x';
var abi = addr ? abiCache[(addr + '').toLowerCase()] : null;
var decodedEl = document.getElementById('txLogDecoded' + idx);
if (!decodedEl || !abi) return;
try {
var iface = new ethers.utils.Interface(abi);
var parsed = iface.parseLog({ topics: topics, data: data });
if (parsed && parsed.name) {
var args = parsed.args && parsed.args.length ? parsed.args.map(function(a) { return String(a); }).join(', ') : '';
decodedEl.textContent = parsed.name + '(' + args + ')';
decodedEl.title = parsed.signature || '';
}
} catch (e) {}
});
});
})(logs, txHash);
}
}
}
});
}
} catch (error) {
container.innerHTML = '
${a.creation_tx_hash ? `` : ''}
${a.first_seen_at ? `` : ''}
${a.last_seen_at ? `` : ''}
${isContract ? '' : ''}
`;
function switchAddressTab(tabName, addr) {
document.querySelectorAll('.address-tab-content').forEach(function(el) { el.style.display = 'none'; });
document.querySelectorAll('.tabs .tab').forEach(function(t) { t.classList.remove('active'); });
if (tabName === 'transactions') {
document.getElementById('addressTabTransactions').style.display = 'block';
document.getElementById('addrTabTxs').classList.add('active');
} else if (tabName === 'tokens') {
document.getElementById('addressTabTokens').style.display = 'block';
document.getElementById('addrTabTokens').classList.add('active');
loadAddressTokenBalances(addr);
} else if (tabName === 'internal') {
document.getElementById('addressTabInternal').style.display = 'block';
document.getElementById('addrTabInternal').classList.add('active');
loadAddressInternalTxns(addr);
} else if (tabName === 'nfts') {
document.getElementById('addressTabNfts').style.display = 'block';
document.getElementById('addrTabNfts').classList.add('active');
loadAddressNftInventory(addr);
} else if (tabName === 'contract') {
var contractPanel = document.getElementById('addressTabContract');
var contractTab = document.getElementById('addrTabContract');
if (contractPanel && contractTab) {
contractPanel.style.display = 'block';
contractTab.classList.add('active');
loadAddressContractInfo(addr);
}
}
}
window.switchAddressTab = switchAddressTab;
async function loadAddressTokenBalances(addr) {
const el = document.getElementById('addressTokenBalances');
if (!el || el.dataset.loaded === '1') return;
try {
const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; });
const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token_balances').catch(function() { return { items: [] }; });
const items = (r.items || r).length ? (r.items || r) : (r2.items || r2);
el.dataset.loaded = '1';
const filter = getExplorerPageFilter('addressTokenBalances');
const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const filterBar = renderPageFilterBar('addressTokenBalances', 'Filter by token name, contract, balance, or type...', 'Filters the token balances below.', reloadJs);
if (!items || items.length === 0) {
el.innerHTML = filterBar + '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '';
html += '';
var viewFns = (Array.isArray(abi) ? abi : []).filter(function(x) { return x.type === 'function' && (x.stateMutability === 'view' || x.stateMutability === 'pure' || (x.constant === true)); });
if (viewFns.length > 0) {
html += '';
}
var writeFns = (Array.isArray(abi) ? abi : []).filter(function(x) { return x.type === 'function' && x.stateMutability !== 'view' && x.stateMutability !== 'pure' && !x.constant; });
if (writeFns.length > 0) {
html += '';
}
html += '
';
txContainer.innerHTML = txHtml;
} else {
txContainer.innerHTML = filterBar + '';
html += '';
html += '';
html += '';
html += '';
html += '';
const transfersFilter = getExplorerPageFilter('tokenTransfers');
const transfersFilterBar = renderPageFilterBar('tokenTransfers', 'Filter by from, to, value, or tx hash...', 'Filters the recent transfers below.', 'showTokenDetail(\'' + addrEsc + '\')');
html += '
';
}
html += '';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '';
html += '';
if (data) {
if (data.metadata && data.metadata.image) {
html += ' + ')
';
}
if (data.name) html += '';
if (data.description) html += '';
if (data.owner) { var ownerAddr = (data.owner.hash || data.owner); html += ''; }
if (data.metadata && data.metadata.attributes && Array.isArray(data.metadata.attributes)) {
html += '';
}
}
html += '';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '
';
container.innerHTML = html;
}
window.showSearchResultsList = showSearchResultsList;
async function handleSearch(query) {
query = query.trim();
if (!query) {
showToast('Please enter a search query', 'info');
return;
}
saveSmartSearchHistory(query);
closeSmartSearchModal();
const normalizedQuery = query.toLowerCase().replace(/\s/g, '');
try {
if (/^0x[a-f0-9]{40}$/i.test(normalizedQuery)) {
await showAddressDetail(normalizedQuery);
return;
}
if (/^0x[a-f0-9]{64}$/i.test(normalizedQuery)) {
await showTransactionDetail(normalizedQuery);
return;
}
if (/^\d+$/.test(query)) {
await showBlockDetail(query);
return;
}
if (/^0x[a-f0-9]+$/i.test(normalizedQuery)) {
const blockNum = parseInt(normalizedQuery, 16);
if (!isNaN(blockNum)) {
await showBlockDetail(blockNum.toString());
return;
}
}
if (CHAIN_ID === 138) {
var searchResults = null;
try {
searchResults = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/search?q=' + encodeURIComponent(query));
} catch (e) {}
if (searchResults && searchResults.items && searchResults.items.length > 0) {
showSearchResultsList(searchResults.items, query);
return;
}
if (/^0x[a-f0-9]{8,64}$/i.test(normalizedQuery)) {
try {
var txResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions/' + normalizedQuery);
if (txResp && (txResp.hash || txResp.tx_hash)) {
var fullHash = txResp.hash || txResp.tx_hash;
await showTransactionDetail(fullHash);
return;
}
} catch (e) {}
showToast('No unique result for partial hash. Use at least 0x + 8 hex characters, or full tx hash (0x + 64 hex).', 'info');
return;
}
}
showToast('Invalid search. Try address (0x...40 hex), tx hash (0x...64 hex or 0x+8 hex), block number, or token/contract name.', 'error');
} catch (error) {
console.error('Search error:', error);
showToast('Failed to load search results: ' + (error.message || 'Unknown error'), 'error');
}
}
window.handleSearch = handleSearch;
function getTimeAgo(date) {
if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
return 'N/A';
}
const now = new Date();
const diffMs = now - date;
const diffSecs = Math.floor(diffMs / 1000);
const diffMins = Math.floor(diffSecs / 60);
const diffHours = Math.floor(diffMins / 60);
const diffDays = Math.floor(diffHours / 24);
if (diffSecs < 60) {
return `${diffSecs}s ago`;
} else if (diffMins < 60) {
return `${diffMins}m ago`;
} else if (diffHours < 24) {
return `${diffHours}h ago`;
} else if (diffDays < 7) {
return `${diffDays}d ago`;
} else {
return date.toLocaleDateString();
}
}
function formatNumber(num) {
return parseInt(num || 0).toLocaleString();
}
function shortenHash(hash, length = 10) {
if (!hash) return 'N/A';
// Convert to string if it's not already
const hashStr = String(hash);
if (hashStr.length <= length * 2 + 2) return hashStr;
return hashStr.substring(0, length + 2) + '...' + hashStr.substring(hashStr.length - length);
}
function formatEther(wei, unit = 'ether') {
if (typeof wei === 'string' && wei.startsWith('0x')) {
wei = BigInt(wei);
}
const weiNum = typeof wei === 'bigint' ? Number(wei) : parseFloat(wei);
const ether = weiNum / Math.pow(10, unit === 'gwei' ? 9 : 18);
return ether.toFixed(6).replace(/\.?0+$/, '');
}
function getExplorerAIPageContext() {
return {
path: (window.location && window.location.pathname) ? window.location.pathname : '/',
view: currentView || 'home'
};
}
function renderExplorerAIMessages() {
var list = document.getElementById('explorerAIMessageList');
var status = document.getElementById('explorerAIStatus');
if (!list) return;
list.innerHTML = _explorerAIState.messages.map(function(message) {
var isAssistant = message.role === 'assistant';
var bubbleStyle = isAssistant
? 'background: rgba(37,99,235,0.10); border:1px solid rgba(37,99,235,0.18);'
: 'background: rgba(15,23,42,0.06); border:1px solid rgba(148,163,184,0.25);';
return '';
}
list.scrollTop = list.scrollHeight;
if (status) {
status.textContent = _explorerAIState.loading
? 'Querying explorer data and the model...'
: 'Read-only assistant using indexed explorer data, route APIs, and curated docs.';
}
}
function setExplorerAIOpen(open) {
_explorerAIState.open = !!open;
var panel = document.getElementById('explorerAIPanel');
var button = document.getElementById('explorerAIFab');
if (panel) panel.style.display = open ? 'flex' : 'none';
if (button) button.setAttribute('aria-expanded', open ? 'true' : 'false');
if (open) {
renderExplorerAIMessages();
var input = document.getElementById('explorerAIInput');
if (input) setTimeout(function() { input.focus(); }, 30);
}
}
function toggleExplorerAIPanel(forceOpen) {
if (typeof forceOpen === 'boolean') {
setExplorerAIOpen(forceOpen);
return;
}
setExplorerAIOpen(!_explorerAIState.open);
}
window.toggleExplorerAIPanel = toggleExplorerAIPanel;
function buildExplorerAISourceSummary(context) {
if (!context || !Array.isArray(context.sources) || !context.sources.length) return '';
return context.sources.map(function(source) {
return source.label || source.type || 'source';
}).filter(Boolean).join(' | ');
}
async function submitExplorerAIMessage(prefill) {
var input = document.getElementById('explorerAIInput');
var raw = typeof prefill === 'string' ? prefill : (input ? input.value : '');
var question = String(raw || '').trim();
if (!question || _explorerAIState.loading) return;
_explorerAIState.messages.push({ role: 'user', content: question });
if (input) input.value = '';
_explorerAIState.loading = true;
renderExplorerAIMessages();
try {
var payload = {
messages: _explorerAIState.messages.slice(-8),
pageContext: getExplorerAIPageContext()
};
var response = await postJSON(EXPLORER_AI_API_BASE + '/chat', payload);
var reply = (response && response.reply) ? String(response.reply) : 'No reply returned.';
var sourceSummary = buildExplorerAISourceSummary(response && response.context);
if (sourceSummary) {
reply += '\n\nSources: ' + sourceSummary;
}
if (response && Array.isArray(response.warnings) && response.warnings.length) {
reply += '\n\nWarnings: ' + response.warnings.join(' | ');
}
_explorerAIState.messages.push({ role: 'assistant', content: reply });
} catch (error) {
_explorerAIState.messages.push({
role: 'assistant',
content: 'Explorer AI could not complete that request.\n\n' + (error && error.message ? error.message : 'Unknown error') + '\n\nIf this is production, confirm the backend has OPENAI_API_KEY and TOKEN_AGGREGATION_API_BASE configured.'
});
} finally {
_explorerAIState.loading = false;
renderExplorerAIMessages();
}
}
window.submitExplorerAIMessage = submitExplorerAIMessage;
function initExplorerAIPanel() {
if (document.getElementById('explorerAIPanel') || !document.body) return;
var style = document.createElement('style');
style.textContent = `
#explorerAIFab {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 20010;
border: 0;
border-radius: 999px;
padding: 0.9rem 1rem;
background: linear-gradient(135deg, #0f172a, #2563eb);
color: #fff;
box-shadow: 0 16px 36px rgba(15,23,42,0.28);
cursor: pointer;
font-weight: 700;
letter-spacing: 0.02em;
}
#explorerAIPanel {
position: fixed;
right: 20px;
bottom: 84px;
width: min(420px, calc(100vw - 24px));
height: min(72vh, 680px);
display: none;
flex-direction: column;
z-index: 20010;
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: 22px;
box-shadow: 0 24px 60px rgba(15,23,42,0.25);
overflow: hidden;
}
#explorerAIPanel textarea {
width: 100%;
min-height: 88px;
resize: vertical;
border-radius: 14px;
border: 1px solid var(--border);
background: var(--light);
color: var(--text);
padding: 0.85rem 0.9rem;
font: inherit;
}
@media (max-width: 680px) {
#explorerAIPanel {
right: 12px;
left: 12px;
bottom: 76px;
width: auto;
height: min(74vh, 720px);
}
#explorerAIFab {
right: 12px;
bottom: 12px;
}
}
`;
document.head.appendChild(style);
var button = document.createElement('button');
button.id = 'explorerAIFab';
button.type = 'button';
button.setAttribute('aria-expanded', 'false');
button.setAttribute('aria-controls', 'explorerAIPanel');
button.innerHTML = 'Explorer AI';
button.addEventListener('click', function() { toggleExplorerAIPanel(); });
var panel = document.createElement('section');
panel.id = 'explorerAIPanel';
panel.setAttribute('aria-label', 'Explorer AI');
panel.innerHTML = '' +
'
';
html += '
';
html += '';
html += '
';
html += 'Route Coverage Sweep
'; html += ''; html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Priority routes
' + escapeHtml(String(priorityOkResults.length)) + ' ok' + (priorityErrors.length ? ' / ' + String(priorityErrors.length) + ' failed' : '') + '
Sweep probes
' + escapeHtml(String(sweepOkResults.length)) + ' ok
Missing quote routes
' + escapeHtml(String(allSweepMissing.length)) + '
This sweep probes explicit local token pairs against compliant and official anchor assets on Chain 138. The priority route cards above remain the bridge-path checks; this table focuses on direct-pair coverage and quote-token metadata gaps.
';
html += renderRouteSweepSummary(sweepOkResults);
if (priorityErrors.length) {
html += 'Some priority route requests failed, but the pools table is still available.
';
}
html += '';
priorityOkResults.forEach(function(entry) {
html += renderPriorityRouteCard(entry);
});
html += '
';
html += '';
html += '
';
container.innerHTML = html;
updatePoolsMissingQuoteBadge(allSweepMissing.length);
} catch (err) {
container.innerHTML = '';
html += '
';
html += renderMissingQuotePools(allSweepMissing);
html += 'Missing Quote-Token Pools
'; html += 'Failed to load live route tree: ' + escapeHtml(err.message || 'Unknown error') + '
';
updatePoolsMissingQuoteBadge(0);
}
}
function buildRoutesLandingHtml() {
var html = '';
html += '';
html += '
';
html += '';
html += '
';
html += '';
html += '
';
html += 'Live Route Decision Tree
'; html += 'This dedicated view follows the Chain 138 routing graph end-to-end. It keeps the live coverage sweep, direct-pair diagnostics, and bridge-path branches together in one place so route investigations do not get buried inside the pools inventory.
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Best for
Route debugging and operator review
Use this page when a user route, destination branch, or quote-token path looks wrong.
Includes
Coverage sweep + priority route cards
The pools page now links here instead of embedding the full route tree inline.
Data source
Live token-aggregation route tree API
Every refresh re-reads current Chain 138 PMM and bridge state.
Loading live route tree...
Loading pools...
';
var live = await getLivePoolRows();
var filter = getExplorerPageFilter('poolsList');
var filterBar = renderPageFilterBar('poolsList', 'Filter by category, pair, type, status, address, or notes...', 'Tracks live Chain 138 pool, reserve, and bridge-linked contract state.', 'openPoolsView()');
var summary = summarizePoolRows(live.rows);
latestPoolsSnapshot = {
generatedAt: new Date().toISOString(),
summary: summary,
rows: live.rows
};
var rows = live.rows.map(function(row) {
return { row: row, searchText: [row.category, row.poolPair, row.poolType, row.address, row.status, row.notes].join(' ') };
});
var filtered = filter ? rows.filter(function(entry) { return matchesExplorerFilter(entry.searchText, filter); }) : rows;
var html = filterBar + 'This table is derived from live Chain 138 contract state. Pool addresses, funding status, quote-token readiness, and private-registry registrations are refreshed from the chain each time the page renders. External or mainnet-only systems are labeled explicitly.
';
html += '';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Live local pools
' + escapeHtml(String(summary.liveLocal)) + '
Funded or deployed directly on Chain 138
External Mainnet-side
' + escapeHtml(String(summary.externalMainnet)) + '
Expected to live off Chain 138 by design
Not yet created
' + escapeHtml(String(summary.notYetCreated)) + '
No live pool mapping currently registered
Needs attention
' + escapeHtml(String(summary.missingCode + summary.partial)) + '
Missing code, partial funding, or unfunded rows
| Category | Pool Pair | System | Address | Status | Notes |
|---|---|---|---|---|---|
| No pool data available yet. | |||||
| No pools match the current filter. | |||||
| ' + escapeHtml(row.category) + ' | '; html += '' + escapeHtml(row.poolPair) + ' | '; html += '' + escapeHtml(row.poolType) + ' | '; html += '' + (safeAddress(addr) ? explorerAddressLink(addr, escapeHtml(shortenHash(addr)), 'color: inherit; text-decoration: none;') : '—') + ' | '; html += '' + escapeHtml(row.status) + ' | '; html += '' + escapeHtml(row.notes) + ' | '; html += '
';
html += '
';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '';
html += '
';
html += '';
html += '
';
html += 'Live Route Decision Tree
'; html += 'The full route sweep and priority route cards now live on their own dedicated page so investigations can open directly into the routing graph.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Use Routes for the live route coverage sweep, bridge-path diagnostics, and missing quote-token review. The pools table above stays focused on pool inventory and funding state.
';
html += '';
html += ' Routes';
html += ' Public access points';
html += '
';
html += 'Failed to load pools: ' + escapeHtml(err.message || 'Unknown error') + '
';
}
}
window.renderPoolsView = renderPoolsView;
function renderLiquidityAccessView() {
showView('liquidity');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'liquidity') updatePath('/liquidity');
var container = document.getElementById('liquidityContent');
if (!container) return;
var publicApiBase = TOKEN_AGGREGATION_API_BASE + '/v1';
var livePools = [
{
pair: 'cUSDT / cUSDC',
poolAddress: '0xff8d3b8fDF7B112759F076B69f4271D4209C0849',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDT / USDT',
poolAddress: '0x6fc60DEDc92a2047062294488539992710b99D71',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDC / USDC',
poolAddress: '0x0309178ae30302D83c76d6Dd402a684eF3160eec',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDT / cXAUC',
poolAddress: '0x1AA55E2001E5651349AfF5A63FD7A7Ae44f0F1b0',
reserves: '2,666,965 / 519.477000'
},
{
pair: 'cUSDC / cXAUC',
poolAddress: '0xEA9Ac6357CaCB42a83b9082B870610363B177cBa',
reserves: '1,000,000 / 194.782554'
},
{
pair: 'cEURT / cXAUC',
poolAddress: '0xbA99bc1eAAC164569d5AcA96C806934DDaF970Cf',
reserves: '1,000,000 / 225.577676'
}
];
var endpointCards = [
{
title: 'Canonical route matrix',
method: 'GET',
href: publicApiBase + '/routes/matrix',
notes: 'Full live-route inventory with optional blocked and planned route visibility.'
},
{
title: 'Live ingestion export',
method: 'GET',
href: publicApiBase + '/routes/ingestion?fromChainId=138&routeType=swap',
notes: 'Flat export for adapter discovery and route ingestion.'
},
{
title: 'Partner payload templates',
method: 'GET',
href: publicApiBase + '/routes/partner-payloads?partner=0x&amount=1000000&includeUnsupported=true',
notes: 'Builds request templates for 1inch, 0x, and LiFi from live routes.'
},
{
title: 'Resolve supported partner payloads',
method: 'POST',
href: publicApiBase + '/routes/partner-payloads/resolve',
notes: 'Accepts partner, amount, and addresses and returns supported payloads by default.'
},
{
title: 'Dispatch supported partner payload',
method: 'POST',
href: publicApiBase + '/routes/partner-payloads/dispatch',
notes: 'Dispatches one supported partner payload when the chain is publicly supported.'
},
{
title: 'Internal Chain 138 execution plan',
method: 'POST',
href: publicApiBase + '/routes/internal-execution-plan',
notes: 'Returns the DODO PMM fallback execution plan when public partner support is unavailable.'
}
];
var requestExamples = [
'GET ' + publicApiBase + '/routes/matrix?includeNonLive=true',
'GET ' + publicApiBase + '/routes/ingestion?fromChainId=138&routeType=swap',
'GET ' + publicApiBase + '/routes/partner-payloads?partner=LiFi&amount=1000000&includeUnsupported=true',
'POST ' + publicApiBase + '/routes/partner-payloads/resolve',
'POST ' + publicApiBase + '/routes/internal-execution-plan'
];
var html = '';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Live public pools
6
Verified DODO PMM pools on Chain 138.
Public access path
/token-aggregation/api/v1
Explorer-hosted proxy for route and execution APIs.
Partner status
Fallback Ready
Templates exist for 1inch, 0x, and LiFi, but Chain 138 execution still falls back internally.
';
html += '';
html += '
';
html += 'Live Pool Snapshot
';
livePools.forEach(function(pool) {
html += '
';
html += '
';
});
html += '';
html += '';
html += '
' + escapeHtml(pool.pair) + '
Pool: ' + escapeHtml(pool.poolAddress) + '
Reserves: ' + escapeHtml(pool.reserves) + '
';
html += '';
html += '';
html += '
';
html += 'Route and Execution Notes
';
html += '
Direct live routes today: cUSDT ↔ cUSDC, cUSDT ↔ USDT, cUSDC ↔ USDC, cUSDT ↔ cXAUC, cUSDC ↔ cXAUC, and cEURT ↔ cXAUC.
';
html += 'Multi-hop public paths exist through cXAUC for cEURT ↔ cUSDT, cEURT ↔ cUSDC, and an alternate cUSDT ↔ cUSDC path.
';
html += 'Mainnet bridge discovery is live for cUSDT → USDT and cUSDC → USDC through the configured UniversalCCIPBridge lane.
';
html += '1inch, 0x, and LiFi request templates are available through the explorer API, but those partners do not publicly support Chain 138 execution today.
';
html += 'When public partner execution is unavailable, the internal DODO PMM execution plan endpoint returns the Chain 138 fallback route instead of a dead end.
';
html += '';
html += '';
html += '
';
html += 'Public Explorer Access Points
';
endpointCards.forEach(function(card) {
html += '';
html += '
';
html += '
';
html += '' + escapeHtml(card.title) + '
';
html += '' + escapeHtml(card.method) + '';
html += '' + escapeHtml(card.href) + '
';
html += '' + escapeHtml(card.notes) + '
';
html += '';
});
html += '';
html += '';
html += '';
html += '
';
container.innerHTML = html;
}
window.renderLiquidityAccessView = renderLiquidityAccessView;
function renderMoreView() {
showView('more');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'more') updatePath('/more');
var container = document.getElementById('moreContent');
if (!container) return;
var groups = [
{
key: 'tools',
title: 'Tools',
items: [
{ title: 'Input Data Decoder', icon: 'fa-file-code', status: 'Live', badgeClass: 'badge-info', desc: 'Open transaction detail pages to decode calldata, logs, and contract interactions already exposed by the explorer.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'Unit Converter', icon: 'fa-scale-balanced', status: 'Live', badgeClass: 'badge-success', desc: 'Convert wei, gwei, ether, and common Chain 138 stablecoin units with a quick in-page helper.', action: 'showUnitConverterModal();', href: '/more' },
{ title: 'CSV Export', icon: 'fa-file-csv', status: 'Live', badgeClass: 'badge-success', desc: 'Export pool state and route inventory snapshots for operator review and downstream ingestion.', action: 'showPools(); updatePath(\'/pools\'); setTimeout(function(){ if (typeof exportPoolsCSV === \"function\") exportPoolsCSV(); }, 200);', href: '/pools' },
{ title: 'Account Balance Checker', icon: 'fa-wallet', status: 'Live', badgeClass: 'badge-success', desc: 'Jump into indexed addresses to inspect balances, token inventory, internal transfers, and recent activity.', action: 'showAddresses();', href: '/addresses' }
]
},
{
key: 'explore',
title: 'Explore',
items: [
{ title: 'Gas Tracker', icon: 'fa-gas-pump', status: 'Live', badgeClass: 'badge-success', desc: 'Review live gas, block time, TPS, and chain health from the home network dashboard.', action: 'showHome();', href: '/' },
{ title: 'DEX Tracker', icon: 'fa-chart-line', status: 'Live', badgeClass: 'badge-success', desc: 'Open liquidity discovery, PMM pool status, live route trees, and partner payload access points.', action: 'showRoutes();', href: '/routes' },
{ title: 'Node Tracker', icon: 'fa-server', status: 'Live', badgeClass: 'badge-success', desc: 'Inspect bridge balances, destination configuration, and operator-facing chain references from the live bridge monitoring panel.', action: 'showBridgeMonitoring();', href: '/bridge' },
{ title: 'Label Cloud', icon: 'fa-tags', status: 'Live', badgeClass: 'badge-success', desc: 'Browse labeled addresses, contracts, and address activity through the explorer address index.', action: 'showAddresses();', href: '/addresses' },
{ title: 'Domain Name Lookup', icon: 'fa-magnifying-glass', status: 'Live', badgeClass: 'badge-success', desc: 'Use the smart search launcher to resolve ENS-style names, domains, addresses, hashes, and token symbols.', action: 'openSmartSearchModal(\'\');', href: '/more' }
]
},
{
key: 'services',
title: 'Services',
items: [
{ title: 'Token Approvals', icon: 'fa-shield-halved', status: 'External', badgeClass: 'badge-warning', desc: 'Jump to revoke.cash for wallet approval review. Address detail pages also expose approval shortcuts directly.', action: 'openExternalMoreLink(\'https://revoke.cash/\');', href: '#' },
{ title: 'Verified Signature', icon: 'fa-signature', status: 'Live', badgeClass: 'badge-success', desc: 'Use wallet sign-in and verified address flows already built into the explorer authentication surfaces.', action: 'showWalletModal();', href: '/more' },
{ title: 'Input Data Messages', icon: 'fa-message', status: 'Live', badgeClass: 'badge-info', desc: 'Transaction detail pages already surface decoded input data, event logs, and contract interaction context.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'Advanced Filter', icon: 'fa-filter', status: 'Live', badgeClass: 'badge-success', desc: 'Block, transaction, address, token, pool, bridge, and watchlist screens all support focused page-level filtering.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'MetaMask Snap', icon: 'fa-wallet', status: 'Live', badgeClass: 'badge-success', desc: 'Open the Chain 138 MetaMask Snap companion for network setup, token list access, and wallet integration guidance.', action: 'window.location.href=\'/snap/\';', href: '/snap/' }
]
}
];
var html = 'Quick Request Examples
';
requestExamples.forEach(function(example) {
html += '';
});
html += '
' + escapeHtml(example) + 'Related Explorer Tools
';
html += '
Use Wallet for network onboarding and the explorer token list URL, then open Routes for live route-tree diagnostics and Pools for contract-state inventory checks.
';
html += '';
html += '';
html += '';
html += '';
html += ' Explorer docs';
html += '
';
html += '
';
container.innerHTML = html;
}
window._showMore = renderMoreView;
window.showUnitConverterModal = function() {
var existing = document.getElementById('unitConverterModal');
if (existing) existing.remove();
var modal = document.createElement('div');
modal.id = 'unitConverterModal';
modal.style.cssText = 'position:fixed; inset:0; background:rgba(8,15,32,0.68); backdrop-filter:blur(8px); z-index:12000; display:flex; align-items:center; justify-content:center; padding:1rem;';
modal.innerHTML = '' +
'';
document.body.appendChild(modal);
function renderUnitConverterResults() {
var amountEl = document.getElementById('unitConverterAmount');
var unitEl = document.getElementById('unitConverterUnit');
var resultsEl = document.getElementById('unitConverterResults');
if (!amountEl || !unitEl || !resultsEl) return;
var amount = Number(amountEl.value || '0');
var unit = unitEl.value;
if (!isFinite(amount) || amount < 0) {
resultsEl.innerHTML = '';
html += '
';
groups.forEach(function(group) {
html += 'Tools & Services
';
html += 'Discover more of SolaceScanScout's explorer tools in one place, grouped the way users expect from Etherscan-style explorers.
';
html += '';
html += '';
html += '';
html += '
Now live
Route matrix, ingestion APIs, smart search, pool exports, and live Mainnet stable bridge discovery.
Good entry points
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += '
';
});
html += '' + escapeHtml(group.title) + '
';
html += '';
group.items.forEach(function(item) {
var disabled = !!item.disabled;
var disabledTitle = String(item.title) + ' is not exposed in the explorer yet.';
var onclick = disabled
? ('event.preventDefault(); showToast(' + JSON.stringify(disabledTitle) + ', "info");')
: (item.href === '#'
? ('event.preventDefault(); ' + item.action + ' closeNavMenu();')
: ('event.preventDefault(); ' + item.action + ' updatePath(' + JSON.stringify(item.href) + '); closeNavMenu();'));
var href = disabled ? '/more' : item.href;
html += '';
html += '
';
html += '
';
html += '';
html += '';
html += '' + escapeHtml(item.title) + '';
html += '
';
html += '' + escapeHtml(item.status) + '';
html += '' + escapeHtml(item.desc) + '
';
html += '';
});
html += 'Enter a non-negative amount to convert.
';
return;
}
var wei = 0;
if (unit === 'ether') wei = amount * 1e18;
else if (unit === 'gwei') wei = amount * 1e9;
else if (unit === 'wei') wei = amount;
else if (unit === 'stable') wei = amount * 1e6;
var etherValue = unit === 'stable' ? 'N/A' : (wei / 1e18).toLocaleString(undefined, { maximumFractionDigits: 18 });
var gweiValue = unit === 'stable' ? 'N/A' : (wei / 1e9).toLocaleString(undefined, { maximumFractionDigits: 9 });
var stableValue = (unit === 'stable' ? amount : wei / 1e6).toLocaleString(undefined, { maximumFractionDigits: 6 });
resultsEl.innerHTML =
'Wei: ' + escapeHtml(Math.round(wei).toString()) + '
' +
'Gwei: ' + escapeHtml(gweiValue) + '
' +
'Ether / WETH: ' + escapeHtml(etherValue) + '
' +
'6-decimal stable amount: ' + escapeHtml(stableValue) + '
';
}
var closeBtn = document.getElementById('unitConverterCloseBtn');
if (closeBtn) closeBtn.addEventListener('click', function() { modal.remove(); });
modal.addEventListener('click', function(event) {
if (event.target === modal) modal.remove();
});
var amountEl = document.getElementById('unitConverterAmount');
var unitEl = document.getElementById('unitConverterUnit');
if (amountEl) amountEl.addEventListener('input', renderUnitConverterResults);
if (unitEl) unitEl.addEventListener('change', renderUnitConverterResults);
renderUnitConverterResults();
};
window.openExternalMoreLink = function(url) {
window.open(url, '_blank', 'noopener,noreferrer');
};
async function refreshBridgeData() {
const container = document.getElementById('bridgeContent');
if (!container) return;
try {
container.innerHTML = ' Loading bridge data...
';
// Chain 138 Bridge Contracts
const WETH9_BRIDGE_138 = '0x971cD9D156f193df8051E48043C476e53ECd4693';
const WETH10_BRIDGE_138 = '0xe0E93247376aa097dB308B92e6Ba36bA015535D0';
// Ethereum Mainnet Bridge Contracts
const WETH9_BRIDGE_MAINNET = '0x2A0840e5117683b11682ac46f5CF5621E67269E3';
const WETH10_BRIDGE_MAINNET = '0xb7721dD53A8c629d9f1Ba31a5819AFe250002b03';
const explorerLinks = {
'BSC (56)': { label: 'BscScan', baseUrl: 'https://bscscan.com/address/' },
'Polygon (137)': { label: 'PolygonScan', baseUrl: 'https://polygonscan.com/address/' },
'Avalanche (43114)': { label: 'Avalanche Explorer', baseUrl: 'https://subnets.avax.network/c-chain/address/' },
'Base (8453)': { label: 'BaseScan', baseUrl: 'https://basescan.org/address/' },
'Arbitrum (42161)': { label: 'Arbiscan', baseUrl: 'https://arbiscan.io/address/' },
'Optimism (10)': { label: 'Optimistic Etherscan', baseUrl: 'https://optimistic.etherscan.io/address/' },
'Ethereum Mainnet (1)': { label: 'Etherscan', baseUrl: 'https://etherscan.io/address/' }
};
function renderExplorerLink(chainLabel, address) {
const explorer = explorerLinks[chainLabel];
if (!explorer) return 'No explorer';
const url = explorer.baseUrl + address;
return 'View on ' + escapeHtml(explorer.label) + '';
}
// Bridge routes configuration
const routes = {
weth9: {
'BSC (56)': '0x8078a09637e47fa5ed34f626046ea2094a5cde5e',
'Polygon (137)': '0xa780ef19a041745d353c9432f2a7f5a241335ffe',
'Avalanche (43114)': '0x8078a09637e47fa5ed34f626046ea2094a5cde5e',
'Base (8453)': '0x8078a09637e47fa5ed34f626046ea2094a5cde5e',
'Arbitrum (42161)': '0x8078a09637e47fa5ed34f626046ea2094a5cde5e',
'Optimism (10)': '0x8078a09637e47fa5ed34f626046ea2094a5cde5e',
'Ethereum Mainnet (1)': WETH9_BRIDGE_MAINNET
},
weth10: {
'BSC (56)': '0x105f8a15b819948a89153505762444ee9f324684',
'Polygon (137)': '0xdab0591e5e89295ffad75a71dcfc30c5625c4fa2',
'Avalanche (43114)': '0x105f8a15b819948a89153505762444ee9f324684',
'Base (8453)': '0x105f8a15b819948a89153505762444ee9f324684',
'Arbitrum (42161)': '0x105f8a15b819948a89153505762444ee9f324684',
'Optimism (10)': '0x105f8a15b819948a89153505762444ee9f324684',
'Ethereum Mainnet (1)': WETH10_BRIDGE_MAINNET
}
};
const sourceBridgeCount = 2;
const mainnetBridgeCount = 2;
const routeBridgeCount = new Set([
...Object.values(routes.weth9),
...Object.values(routes.weth10)
].map(function(addr) { return String(addr || '').toLowerCase(); })).size;
const totalBridgeCount = getActiveBridgeContractCount();
const bridgeFilter = getExplorerPageFilter('bridgeRoutes');
const filterBar = renderPageFilterBar('bridgeRoutes', 'Filter by chain name, chain ID, or bridge address...', 'Filters the route tables below.', 'refreshBridgeData()');
// Build HTML
let html = filterBar + `
CCIP Bridge Ecosystem
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contracts
Cross-chain interoperability powered by Chainlink CCIP
Chain 138 (Source Chain)
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contractsCCIPWETH9Bridge
${explorerAddressLink(WETH9_BRIDGE_138, escapeHtml(WETH9_BRIDGE_138), 'color: inherit; text-decoration: none; font-size: 0.9rem;')}
Token: ${explorerAddressLink('0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2', 'WETH9', 'color: inherit; text-decoration: none;')}
CCIPWETH10Bridge
${explorerAddressLink(WETH10_BRIDGE_138, escapeHtml(WETH10_BRIDGE_138), 'color: inherit; text-decoration: none; font-size: 0.9rem;')}
Token: ${explorerAddressLink('0xf4BB2e28688e89fCcE3c0580D37d36A7672E8A9f', 'WETH10', 'color: inherit; text-decoration: none;')}
CCIPWETH9Bridge Routes
${Object.keys(routes.weth9).length} Destinations| Destination Chain | Chain ID | Bridge Address | Explorer |
|---|---|---|---|
| No WETH9 routes match the current filter. | |||
| ${chain.replace(/\s*\\(\\d+\\)/, '')} | ${chainId} | ${escapeHtml(shortenHash(address))} | ${renderExplorerLink(chain, address)} |
CCIPWETH10Bridge Routes
${Object.keys(routes.weth10).length} Destinations| Destination Chain | Chain ID | Bridge Address | Explorer |
|---|---|---|---|
| No WETH10 routes match the current filter. | |||
| ${chain.replace(/\s*\\(\\d+\\)/, '')} | ${chainId} | ${escapeHtml(shortenHash(address))} | ${renderExplorerLink(chain, address)} |
Ethereum Mainnet Bridges
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contractsBridge Information
${totalBridgeCount} Active Bridge ContractsCCIP Bridge Ecosystem enables cross-chain transfers of WETH9 and WETH10 tokens using Chainlink CCIP (Cross-Chain Interoperability Protocol).
Supported Networks:
- Chain 138 - Source chain with both bridge contracts
- Ethereum Mainnet - Destination with dedicated bridge contracts
- BSC - Binance Smart Chain
- Polygon - Polygon PoS
- Avalanche - Avalanche C-Chain
- Base - Base L2
- Arbitrum - Arbitrum One
- Optimism - Optimism Mainnet
- Cronos - Cronos (25); see routing table for full list and config-ready chains (Gnosis, Celo, Wemix)
How to Use:
- Click on any bridge address to view detailed information and transaction history
- Use the bridge contracts to transfer WETH9 or WETH10 tokens between supported chains
- All transfers are secured by Chainlink CCIP infrastructure
CCIP Infrastructure:
- CCIP Router (Chain 138): ${explorerAddressLink('0x8078A09637e47Fa5Ed34F626046Ea2094a5CDE5e', '0x8078A09637e47Fa5Ed34F626046Ea2094a5CDE5e', 'color: inherit; text-decoration: none;')}
- CCIP Sender (Chain 138): ${explorerAddressLink('0x105F8A15b819948a89153505762444Ee9f324684', '0x105F8A15b819948a89153505762444Ee9f324684', 'color: inherit; text-decoration: none;')}
Failed to load bridge data: ' + escapeHtml(error.message) + '
';
}
}
function safeBlockNumber(v) { const n = String(v).replace(/[^0-9]/g, ''); return n ? n : null; }
function safeTxHash(v) { const s = String(v); return /^0x[a-fA-F0-9]{64}$/.test(s) ? s : null; }
function safeAddress(v) {
const s = String(v || '');
if (!/^0x[a-fA-F0-9]{40}$/i.test(s)) return null;
if (/^0x0{40}$/i.test(s)) return null;
return s;
}
function escapeJsSingleQuoted(value) {
return String(value == null ? '' : value).replace(/\\/g, '\\\\').replace(/'/g, "\\'");
}
function explorerAddressLink(address, content, style) {
var safe = safeAddress(address);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(shortenHash(safe))) + '';
}
function explorerTransactionLink(txHash, content, style) {
var safe = safeTxHash(txHash);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(shortenHash(safe))) + '';
}
function explorerBlockLink(blockNumber, content, style) {
var safe = safeBlockNumber(blockNumber);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(String(safe))) + '';
}
async function renderBlockDetail(blockNumber) {
const bn = safeBlockNumber(blockNumber);
if (!bn) { showToast('Invalid block number', 'error'); return; }
blockNumber = bn;
currentDetailKey = 'block:' + blockNumber;
showView('blockDetail');
updatePath('/block/' + blockNumber);
const container = document.getElementById('blockDetail');
updateBreadcrumb('block', blockNumber);
container.innerHTML = createSkeletonLoader('detail');
try {
let b;
// For ChainID 138, use Blockscout API directly
var rawBlockResponse = null;
if (CHAIN_ID === 138) {
try {
var detailResult = await fetchChain138BlockDetail(blockNumber);
rawBlockResponse = detailResult.rawBlockResponse;
b = detailResult.block;
if (!b) {
throw new Error('Block not found');
}
} catch (error) {
container.innerHTML = 'Failed to load block: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const block = await fetchAPIWithRetry(`${API_BASE}/v1/blocks/138/${blockNumber}`);
if (block.data) {
b = block.data;
} else {
throw new Error('Block not found');
}
}
if (b) {
const timestamp = new Date(b.timestamp).toLocaleString();
const gasUsedPercent = b.gas_limit ? ((parseInt(b.gas_used || 0) / parseInt(b.gas_limit)) * 100).toFixed(2) : '0';
const baseFeeGwei = b.base_fee_per_gas ? (parseInt(b.base_fee_per_gas) / 1e9).toFixed(2) : 'N/A';
const burntFeesEth = b.burnt_fees ? formatEther(b.burnt_fees) : '0';
container.innerHTML = `
Block #${b.number}
Block Number
${b.number}
Hash
${escapeHtml(b.hash || '')}
Parent Hash
${explorerBlockLink(String(parseInt(b.number) - 1), escapeHtml(b.parent_hash || ''), 'color: inherit; text-decoration: none;')}
Timestamp
${escapeHtml(timestamp)}
Miner
${explorerAddressLink(b.miner || '', formatAddressWithLabel(b.miner || '') || 'N/A', 'color: inherit; text-decoration: none;')}
Transaction Count
${b.transaction_count || 0}
Gas Used
${formatNumber(b.gas_used || 0)} / ${formatNumber(b.gas_limit || 0)} (${gasUsedPercent}%)
Gas Limit
${formatNumber(b.gas_limit || 0)}
Base Fee
${baseFeeGwei} Gwei
Burnt Fees
${burntFeesEth} ETH
Size
${formatNumber(b.size || 0)} bytes
Difficulty
${formatNumber(b.difficulty || 0)}
Nonce
${escapeHtml(String(b.nonce || '0x0'))}
Finality / Consensus
' + escapeHtml(String(rawBlockResponse.consensus != null ? rawBlockResponse.consensus : (rawBlockResponse.finality != null ? rawBlockResponse.finality : rawBlockResponse.validated))) + '
Block not found
';
}
} catch (error) {
container.innerHTML = 'Failed to load block: ' + escapeHtml(error.message) + '
';
}
}
window._showBlockDetail = renderBlockDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function renderTransactionDetail(txHash) {
const th = safeTxHash(txHash);
if (!th) { showToast('Invalid transaction hash', 'error'); return; }
txHash = th;
currentDetailKey = 'tx:' + txHash.toLowerCase();
showView('transactionDetail');
updatePath('/tx/' + txHash);
const container = document.getElementById('transactionDetail');
updateBreadcrumb('transaction', txHash);
container.innerHTML = createSkeletonLoader('detail');
try {
let t;
let rawTx = null;
if (CHAIN_ID === 138) {
try {
var detailResult = await fetchChain138TransactionDetail(txHash);
rawTx = detailResult.rawTransaction;
t = detailResult.transaction;
if (!t) throw new Error('Transaction not found');
} catch (error) {
container.innerHTML = 'Failed to load transaction: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const tx = await fetchAPIWithRetry(`${API_BASE}/v1/transactions/138/${txHash}`);
if (tx.data) t = tx.data;
else throw new Error('Transaction not found');
}
if (!t) {
container.innerHTML = 'Transaction not found
';
return;
}
const timestamp = new Date(t.created_at).toLocaleString();
const valueEth = formatEther(t.value || '0');
const gasPriceGwei = t.gas_price ? (parseInt(t.gas_price) / 1e9).toFixed(2) : 'N/A';
const maxFeeGwei = t.max_fee_per_gas ? (parseInt(t.max_fee_per_gas) / 1e9).toFixed(2) : 'N/A';
const priorityFeeGwei = t.max_priority_fee_per_gas ? (parseInt(t.max_priority_fee_per_gas) / 1e9).toFixed(2) : 'N/A';
const burntFeeEth = t.tx_burnt_fee ? formatEther(t.tx_burnt_fee) : '0';
const totalFee = t.gas_used && t.gas_price ? formatEther((BigInt(t.gas_used) * BigInt(t.gas_price)).toString()) : '0';
const txType = t.type === 2 ? 'EIP-1559' : t.type === 1 ? 'EIP-2930' : 'Legacy';
const revertReason = t.revert_reason || (rawTx && (rawTx.revert_reason || rawTx.error || rawTx.result));
const inputHex = (t.input && t.input !== '0x') ? t.input : null;
const decodedInput = t.decoded_input || (rawTx && rawTx.decoded_input);
const toCellContent = t.to ? explorerAddressLink(t.to, formatAddressWithLabel(t.to), 'color: inherit; text-decoration: none;') + ' ' : 'N/A';
let mainHtml = `
Transaction
Transaction Hash
${escapeHtml(t.hash)}
Type
${txType}
Status
${t.status === 1 ? 'Success' : t.status === 0 ? 'Failed' : 'Pending'}
Block Number
${explorerBlockLink(String(t.block_number || ''), escapeHtml(String(t.block_number || 'N/A')), 'color: inherit; text-decoration: none;')}
Block Hash
${escapeHtml(t.block_hash || 'N/A')}
From
${explorerAddressLink(t.from || '', formatAddressWithLabel(t.from || ''), 'color: inherit; text-decoration: none;')}
To
${toCellContent}
Value
${valueEth} ETH
Gas Used
${t.gas_used ? formatNumber(t.gas_used) : 'N/A'}
Gas Limit
${t.gas_limit ? formatNumber(t.gas_limit) : 'N/A'}
Max Fee Per Gas
${maxFeeGwei} Gwei
Max Priority Fee
${priorityFeeGwei} Gwei
Gas Price
${gasPriceGwei} Gwei
Total Fee
${totalFee} ETH
Burnt Fee
${burntFeeEth} ETH
Nonce
${t.nonce || 'N/A'}
Timestamp
${timestamp}
Contract Address
${explorerAddressLink(t.contract_address, escapeHtml(t.contract_address), 'color: inherit; text-decoration: none;')}
Revert Reason
${escapeHtml(reasonStr)}
Input Data
`; if (decodedInput && (decodedInput.method || decodedInput.params)) { const method = decodedInput.method || decodedInput.name || 'Unknown'; mainHtml += `Method: ${escapeHtml(method)}
`; if (decodedInput.params && Array.isArray(decodedInput.params)) { mainHtml += '| Param | Value |
|---|---|
| ' + escapeHtml(name) + ' | ' + escapeHtml(val) + ' |
Hex: ${escapeHtml(inputHex)}
Internal Transactions
Loading...
';
container.appendChild(internalCard);
const logsCard = document.createElement('div');
logsCard.className = 'card';
logsCard.style.marginTop = '1rem';
logsCard.innerHTML = 'Event Logs
Loading...
';
container.appendChild(logsCard);
Promise.all([
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/internal-transactions`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/internal_transactions`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/logs`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/log_entries`).catch(function() { return { items: [] }; })
]).then(function(results) {
const internalResp = results[0].items ? results[0] : results[1];
const logsResp = results[2].items ? results[2] : results[3];
const internals = internalResp.items || [];
const logs = logsResp.items || logsResp.log_entries || [];
const internalEl = document.getElementById('txInternalTxs');
if (internalEl) {
const internalFilter = getExplorerPageFilter('txInternalTxs');
const reloadInternalJs = 'showTransactionDetail(\'' + txHash.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const internalFilterBar = renderPageFilterBar('txInternalTxs', 'Filter by type, from, to, or value...', 'Filters the internal transactions below.', reloadInternalJs);
if (internals.length === 0) {
internalEl.innerHTML = internalFilterBar + 'No internal transactions
'; } else { const filteredInternals = internalFilter ? internals.filter(function(it) { const from = it.from?.hash || it.from || 'N/A'; const to = it.to?.hash || it.to || 'N/A'; const val = it.value ? formatEther(it.value) : '0'; const type = it.type || it.call_type || 'call'; return matchesExplorerFilter([type, from, to, val].join(' '), internalFilter); }) : internals; let tbl = internalFilterBar + '| Type | From | To | Value |
|---|---|---|---|
| ' + escapeHtml(type) + ' | ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(val) + ' ETH |
| No internal transactions match the current filter. | |||
No event logs
'; } else { const filteredLogs = logsFilter ? logs.filter(function(log) { const addr = log.address?.hash || log.address || 'N/A'; const topics = (log.topics && Array.isArray(log.topics)) ? log.topics : (log.topic0 ? [log.topic0] : []); const topicsStr = topics.join(', '); const data = log.data || log.raw_data || '0x'; const decoded = log.decoded || log.decoded_text || ''; return matchesExplorerFilter([addr, topicsStr, data, decoded].join(' '), logsFilter); }) : logs; let tbl = logsFilterBar + '| Address | Topics | Data | Decoded |
|---|---|---|---|
| ' + explorerAddressLink(addr, escapeHtml(shortenHash(addr)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(String(topicsStr).substring(0, 80)) + (String(topicsStr).length > 80 ? '...' : '') + ' | ' + escapeHtml(String(data).substring(0, 66)) + (String(data).length > 66 ? '...' : '') + ' | — |
| No event logs match the current filter. | |||
Failed to load transaction: ' + escapeHtml(error.message) + '
';
}
}
function escapeHtml(str) {
if (str == null) return '';
const s = String(str);
const div = document.createElement('div');
div.textContent = s;
return div.innerHTML;
}
function exportTransactionCSV(txHash) {
fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions/' + txHash).then(function(r) {
var t = normalizeTransaction(r);
if (!t) return;
var rows = [['Field', 'Value'], ['hash', t.hash], ['from', t.from], ['to', t.to || ''], ['value', t.value || '0'], ['block_number', t.block_number || ''], ['status', t.status], ['gas_used', t.gas_used || ''], ['gas_limit', t.gas_limit || '']];
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a'); a.href = url; a.download = 'transaction-' + txHash.substring(0, 10) + '.csv'; a.click();
URL.revokeObjectURL(url);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportBlocksCSV() {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138BlocksPage(1, 50) : fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/blocks?page=1&page_size=50').then(function(r) {
return (r.items || r || []).map(normalizeBlock).filter(function(block) { return block !== null; });
})).then(function(items) {
var rows = [['Block', 'Hash', 'Transactions', 'Timestamp']];
items.forEach(function(b) {
var bn = b.height || b.number || b.block_number;
var h = b.hash || b.block_hash || '';
var tc = b.transaction_count || b.transactions_count || 0;
var ts = b.timestamp || '';
rows.push([String(bn), h, String(tc), String(ts)]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'blocks.csv'; a.click();
URL.revokeObjectURL(a.href);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportTransactionsListCSV() {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138TransactionsPage(1, 50) : fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=50').then(function(r) {
return (r.items || r || []).map(normalizeTransaction).filter(function(tx) { return tx !== null; });
})).then(function(items) {
var rows = [['Hash', 'From', 'To', 'Value', 'Block']];
items.forEach(function(tx) {
var t = tx && tx.hash ? tx : normalizeTransaction(tx);
if (t) rows.push([t.hash || '', t.from || '', t.to || '', t.value || '0', String(t.block_number || '')]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'transactions.csv'; a.click();
URL.revokeObjectURL(a.href);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportAddressTransactionsCSV(addr) {
if (!addr || !/^0x[a-fA-F0-9]{40}$/i.test(addr)) { showToast('Invalid address', 'error'); return; }
fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions?address=' + encodeURIComponent(addr) + '&page=1&page_size=100').then(function(r) {
var items = r.items || r || [];
var rows = [['Hash', 'From', 'To', 'Value', 'Block', 'Status']];
items.forEach(function(tx) {
var t = normalizeTransaction(tx);
if (t) rows.push([t.hash || '', t.from || '', t.to || '', t.value || '0', String(t.block_number || ''), t.status === 1 ? 'Success' : 'Failed']);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'address-' + addr.substring(0, 10) + '-transactions.csv'; a.click();
URL.revokeObjectURL(a.href);
showToast('CSV downloaded', 'success');
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
window.exportAddressTransactionsCSV = exportAddressTransactionsCSV;
function exportAddressTokenBalancesCSV(addr) {
if (!addr || !/^0x[a-fA-F0-9]{40}$/i.test(addr)) { showToast('Invalid address', 'error'); return; }
fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; }).then(function(r) {
var items = Array.isArray(r) ? r : (r.items || r || []);
var rows = [['Token', 'Contract', 'Balance', 'Type']];
(items || []).forEach(function(b) {
var token = b.token || b;
var contract = token.address?.hash || token.address || b.token_contract_address_hash || 'N/A';
var symbol = token.symbol || token.name || '-';
var balance = b.value || b.balance || '0';
var decimals = token.decimals != null ? token.decimals : 18;
var divisor = Math.pow(10, parseInt(decimals, 10));
var displayBalance = (Number(balance) / divisor).toLocaleString(undefined, { maximumFractionDigits: 6 });
var type = token.type || b.token_type || 'ERC-20';
rows.push([symbol, contract, displayBalance, type]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'address-' + addr.substring(0, 10) + '-token-balances.csv'; a.click();
URL.revokeObjectURL(a.href);
showToast('CSV downloaded', 'success');
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
window.exportAddressTokenBalancesCSV = exportAddressTokenBalancesCSV;
window._showTransactionDetail = renderTransactionDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function renderAddressDetail(address) {
const addr = safeAddress(address);
if (!addr) { showToast('Invalid address', 'error'); return; }
address = addr;
currentDetailKey = 'address:' + address.toLowerCase();
showView('addressDetail');
updatePath('/address/' + address);
const container = document.getElementById('addressDetail');
updateBreadcrumb('address', address);
container.innerHTML = createSkeletonLoader('detail');
try {
// Validate address format
if (!/^0x[a-fA-F0-9]{40}$/.test(address)) {
container.innerHTML = 'Invalid address format
';
return;
}
let a;
// For ChainID 138, use Blockscout API directly
if (CHAIN_ID === 138) {
try {
const response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/addresses/${address}`);
var raw = response && (response.data !== undefined ? response.data : response.address !== undefined ? response.address : response.items && response.items[0] !== undefined ? response.items[0] : response);
a = normalizeAddress(raw);
if (!a || !a.hash) {
throw new Error('Address not found');
}
} catch (error) {
var retryAddress = String(address || '').replace(/\\/g, '\\\\').replace(/'/g, "\\'");
container.innerHTML = 'Failed to load address: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const addr = await fetchAPIWithRetry(`${API_BASE}/v1/addresses/138/${address}`);
if (addr.data) {
a = addr.data;
} else {
throw new Error('Address not found');
}
}
if (a) {
const balanceEth = formatEther(a.balance || '0');
const isContract = !!a.is_contract;
const verifiedBadge = a.is_verified ? 'Verified' : '';
const encodedAddress = encodeURIComponent(address);
const escapedAddress = escapeHtml(address);
const addressForJs = address.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
const contractLink = isContract ? `View contract on Blockscout` : '';
const savedLabel = getAddressLabel(address);
const inWatchlist = isInWatchlist(address);
container.innerHTML = `
Address
${escapedAddress}
Label
Watchlist
Token approvals
Balance
${balanceEth} ETH
Transaction Count
${a.transaction_count || 0}
Token Count
${a.token_count || 0}
Type
${a.is_contract ? 'Contract' + verifiedBadge + (contractLink ? '
' + contractLink : '') : 'EOA'}
' + contractLink : '') : 'EOA'}
Contract created in
${explorerTransactionLink(a.creation_tx_hash, escapeHtml(shortenHash(a.creation_tx_hash)), 'color: inherit; text-decoration: none;')}
First seen
${escapeHtml(typeof a.first_seen_at === 'string' ? a.first_seen_at : new Date(a.first_seen_at).toISOString())}
Last seen
${escapeHtml(typeof a.last_seen_at === 'string' ? a.last_seen_at : new Date(a.last_seen_at).toISOString())}
${isContract ? '' : ''}
Recent Transactions
Loading transactions...
No token balances
'; return; } const filteredItems = filter ? items.filter(function(b) { const token = b.token || b; const contract = token.address?.hash || token.address || b.token_contract_address_hash || 'N/A'; const symbol = token.symbol || token.name || '-'; const balance = b.value || b.balance || '0'; const decimals = token.decimals != null ? token.decimals : 18; const divisor = Math.pow(10, parseInt(decimals, 10)); const displayBalance = (Number(balance) / divisor).toLocaleString(undefined, { maximumFractionDigits: 6 }); const type = token.type || b.token_type || 'ERC-20'; return matchesExplorerFilter([symbol, contract, displayBalance, type].join(' '), filter); }) : items; let tbl = filterBar + '| Token | Contract | Balance | Type |
|---|---|---|---|
| ' + escapeHtml(symbol) + ' | ' + explorerAddressLink(contract, escapeHtml(shortenHash(contract)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(displayBalance) + ' | ' + escapeHtml(type) + ' |
| No token balances match the current filter. | |||
Failed to load token balances
'; } } async function loadAddressNftInventory(addr) { const el = document.getElementById('addressNftInventory'); if (!el || el.dataset.loaded === '1') return; try { const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; }); const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/nft-inventory').catch(function() { return { items: [] }; }); const r3 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/nft_tokens').catch(function() { return { items: [] }; }); var items = (r2.items || r2).length ? (r2.items || r2) : (r3.items || r3); if (!items || items.length === 0) { var allBalances = (r.items || r) || []; items = Array.isArray(allBalances) ? allBalances.filter(function(b) { var t = (b.token || b).type || (b.token_type || ''); return t === 'ERC-721' || t === 'ERC-1155' || String(t).toLowerCase().indexOf('nft') !== -1; }) : []; } el.dataset.loaded = '1'; const filter = getExplorerPageFilter('addressNftInventory'); const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressNftInventory', 'Filter by contract, token ID, name, symbol, or balance...', 'Filters the NFT inventory below.', reloadJs); if (!items || items.length === 0) { el.innerHTML = filterBar + 'No NFT tokens
'; return; } const filteredItems = filter ? items.filter(function(b) { var token = b.token || b; var contract = token.address?.hash || token.address || b.token_contract_address_hash || b.contract_address_hash || 'N/A'; var tokenId = b.token_id != null ? b.token_id : (b.tokenId != null ? b.tokenId : (b.id != null ? b.id : '-')); var name = token.name || token.symbol || '-'; var balance = b.value != null ? b.value : (b.balance != null ? b.balance : '1'); return matchesExplorerFilter([contract, tokenId, name, balance].join(' '), filter); }) : items; var tbl = filterBar + '| Contract | Token ID | Name / Symbol | Balance |
|---|---|---|---|
| ' + explorerAddressLink(contract, escapeHtml(shortenHash(contract)), 'color: inherit; text-decoration: none;') + ' | '; tbl += '' + (tokenId !== '-' ? '' + escapeHtml(String(tokenId)) + '' : '-') + ' | '; tbl += '' + escapeHtml(name) + ' | ' + escapeHtml(String(balance)) + ' |
| No NFT inventory matches the current filter. | |||
Failed to load NFT inventory
'; } } async function loadAddressInternalTxns(addr) { const el = document.getElementById('addressInternalTxns'); if (!el || el.dataset.loaded === '1') return; try { const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/internal-transactions').catch(function() { return { items: [] }; }); const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/internal_transactions').catch(function() { return { items: [] }; }); const items = (r.items || r).length ? (r.items || r) : (r2.items || r2); el.dataset.loaded = '1'; const filter = getExplorerPageFilter('addressInternalTxns'); const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressInternalTxns', 'Filter by block, from, to, tx hash, or value...', 'Filters the internal transactions below.', reloadJs); if (!items || items.length === 0) { el.innerHTML = filterBar + 'No internal transactions
'; return; } const slicedItems = items.slice(0, 25); const filteredItems = filter ? slicedItems.filter(function(it) { const from = it.from?.hash || it.from || 'N/A'; const to = it.to?.hash || it.to || 'N/A'; const val = it.value ? formatEther(it.value) : '0'; const block = it.block_number || it.block || '-'; const txHash = it.transaction_hash || it.tx_hash || '-'; return matchesExplorerFilter([block, from, to, val, txHash].join(' '), filter); }) : slicedItems; let tbl = filterBar + '| Block | From | To | Value | Tx Hash |
|---|---|---|---|---|
| ' + explorerBlockLink(block, escapeHtml(block), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(val) + ' ETH | ' + (txHash !== '-' ? explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') : '-') + ' |
| No internal transactions match the current filter. | ||||
Failed to load internal transactions
'; } } async function loadAddressContractInfo(addr) { const el = document.getElementById('addressContractInfo'); if (!el || el.dataset.loaded === '1') return; try { const urls = [ BLOCKSCOUT_API + '/v2/smart-contracts/' + addr, BLOCKSCOUT_API + '/v2/contracts/' + addr ]; let data = null; for (var i = 0; i < urls.length; i++) { try { const r = await fetchAPIWithRetry(urls[i]); if (r && (r.abi || r.bytecode || r.deployed_bytecode)) { data = r; break; } } catch (e) {} } el.dataset.loaded = '1'; if (!data) { el.innerHTML = 'Contract source not indexed. Verify on Blockscout
'; return; } const abi = data.abi || data.abi_interface || []; const abiStr = typeof abi === 'string' ? abi : JSON.stringify(abi, null, 2); const bytecode = data.bytecode || data.deployed_bytecode || data.creation_bytecode || '-'; let html = 'Verification: ' + (data.is_verified ? 'Verified' : 'Unverified') + '
'; html += 'ABI Download
'; html += '' + escapeHtml(abiStr) + '
Bytecode
'; html += '' + escapeHtml(String(bytecode).substring(0, 500)) + (String(bytecode).length > 500 ? '...' : '') + '
Read contract
Call view/pure functions (requires ethers.js).
'; html += ''; html += 'Write contract
Connect wallet to send transactions.
'; html += ''; html += ''; html += 'Read / Write contract on Blockscout
'; el.innerHTML = html; if (viewFns.length > 0) { (function setupReadContract(contractAddr, abiJson, viewFunctions) { var selectEl = document.getElementById('readContractSelect'); var inputsEl = document.getElementById('readContractInputs'); var resultEl = document.getElementById('readContractResult'); var btnEl = document.getElementById('readContractBtn'); function renderInputs() { var name = selectEl && selectEl.value; var fn = viewFunctions.find(function(f) { return f.name === name; }); if (!inputsEl || !fn) return; var inputs = fn.inputs || []; if (inputs.length === 0) { inputsEl.innerHTML = ''; return; } var h = '';
inputs.forEach(function(inp, i) {
h += '';
});
h += '
';
inputsEl.innerHTML = h;
}
if (selectEl) selectEl.addEventListener('change', renderInputs);
renderInputs();
if (btnEl) btnEl.addEventListener('click', function() {
if (typeof ethers === 'undefined') { showToast('Ethers.js not loaded. Refresh the page.', 'error'); return; }
var name = selectEl && selectEl.value;
var fn = viewFunctions.find(function(f) { return f.name === name; });
if (!fn || !resultEl) return;
var inputs = fn.inputs || [];
var args = [];
for (var i = 0; i < inputs.length; i++) {
var inp = inputs[i];
var val = document.getElementById('readArg' + i) && document.getElementById('readArg' + i).value;
if (val === undefined || val === '') val = '';
var t = (inp.type || '').toLowerCase();
if (t.indexOf('uint') === 0 || t === 'int256') args.push(val ? (val.trim() ? BigInt(val) : 0) : 0);
else if (t === 'bool') args.push(val === 'true' || val === '1');
else if (t.indexOf('address') === 0) args.push(val && val.trim() ? val.trim() : '0x0000000000000000000000000000000000000000');
else args.push(val);
}
resultEl.style.display = 'block';
resultEl.textContent = 'Calling...';
var provider = new ethers.providers.JsonRpcProvider(RPC_URL);
var contract = new ethers.Contract(contractAddr, abiJson, provider);
contract[name].apply(contract, args).then(function(res) {
if (Array.isArray(res)) resultEl.textContent = JSON.stringify(res, null, 2);
else if (res != null && typeof res.toString === 'function') resultEl.textContent = res.toString();
else resultEl.textContent = JSON.stringify(res, null, 2);
}).catch(function(err) {
resultEl.textContent = 'Error: ' + (err.message || String(err));
});
});
})(addr, abi, viewFns);
}
if (writeFns.length > 0) {
(function setupWriteContract(contractAddr, abiJson, writeFunctions) {
var selectEl = document.getElementById('writeContractSelect');
var inputsEl = document.getElementById('writeContractInputs');
var valueRow = document.getElementById('writeContractValueRow');
var valueEl = document.getElementById('writeContractValue');
var resultEl = document.getElementById('writeContractResult');
var btnEl = document.getElementById('writeContractBtn');
function renderWriteInputs() {
var name = selectEl && selectEl.value;
var opt = selectEl && selectEl.options[selectEl.selectedIndex];
var payable = opt && opt.getAttribute('data-payable') === 'true';
if (valueRow) valueRow.style.display = payable ? 'block' : 'none';
var fn = writeFunctions.find(function(f) { return f.name === name; });
if (!inputsEl || !fn) return;
var inputs = fn.inputs || [];
var h = '';
inputs.forEach(function(inp, i) {
h += '';
});
h += '
';
inputsEl.innerHTML = h;
}
if (selectEl) selectEl.addEventListener('change', renderWriteInputs);
renderWriteInputs();
if (btnEl) btnEl.addEventListener('click', function() {
if (typeof ethers === 'undefined') { showToast('Ethers.js not loaded. Refresh the page.', 'error'); return; }
if (!window.ethereum) { showToast('Connect MetaMask to write.', 'error'); return; }
var name = selectEl && selectEl.value;
var fn = writeFunctions.find(function(f) { return f.name === name; });
if (!fn || !resultEl) return;
var inputs = fn.inputs || [];
var args = [];
for (var i = 0; i < inputs.length; i++) {
var inp = inputs[i];
var val = document.getElementById('writeArg' + i) && document.getElementById('writeArg' + i).value;
if (val === undefined || val === '') val = '';
var t = (inp.type || '').toLowerCase();
if (t.indexOf('uint') === 0 || t === 'int256') args.push(val ? (val.trim() ? BigInt(val) : 0) : 0);
else if (t === 'bool') args.push(val === 'true' || val === '1');
else if (t.indexOf('address') === 0) args.push(val && val.trim() ? val.trim() : '0x0000000000000000000000000000000000000000');
else args.push(val);
}
var valueWei = '0';
if (fn.stateMutability === 'payable' && valueEl && valueEl.value) {
try { valueWei = ethers.utils.parseEther(valueEl.value.trim() || '0').toString(); } catch (e) { showToast('Invalid ETH value', 'error'); return; }
}
resultEl.style.display = 'block';
resultEl.textContent = 'Confirm in wallet...';
var provider = new ethers.providers.Web3Provider(window.ethereum);
provider.send('eth_requestAccounts', []).then(function() {
var signer = provider.getSigner();
var contract = new ethers.Contract(contractAddr, abiJson, signer);
var overrides = valueWei !== '0' ? { value: valueWei } : {};
return contract[name].apply(contract, args.concat([overrides]));
}).then(function(tx) {
resultEl.textContent = 'Tx hash: ' + tx.hash + '\nWaiting for confirmation...';
return tx.wait();
}).then(function(receipt) {
resultEl.textContent = 'Success. Block: ' + receipt.blockNumber + ', Tx: ' + receipt.transactionHash;
showToast('Transaction confirmed', 'success');
}).catch(function(err) {
resultEl.textContent = 'Error: ' + (err.message || String(err));
showToast(err.message || 'Transaction failed', 'error');
});
});
})(addr, abi, writeFns);
}
} catch (e) {
el.innerHTML = 'Failed to load contract info
'; } } try { let txs; if (CHAIN_ID === 138) { const response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions?address=${address}&page=1&page_size=10`); const rawTxs = response.items || []; txs = { data: rawTxs.map(normalizeTransaction).filter(tx => tx !== null) }; } else { txs = await fetchAPIWithRetry(`${API_BASE}/v1/transactions?from_address=${address}&page_size=10`); } const txContainer = document.getElementById('addressTransactions'); if (txContainer) { const filter = getExplorerPageFilter('addressTransactions'); const reloadJs = 'showAddressDetail(\'' + address.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressTransactions', 'Filter by hash, block, from, to, or value...', 'Filters the recent transactions below.', reloadJs); if (txs.data && txs.data.length > 0) { const filteredTxs = filter ? txs.data.filter(function(tx) { return matchesExplorerFilter([tx.hash || '', tx.block_number || '', tx.from || '', tx.to || '', tx.value || '0'].join(' '), filter); }) : txs.data; let txHtml = filterBar + '| Hash | Block | From | To | Value |
|---|---|---|---|---|
| ' + explorerTransactionLink(tx.hash, escapeHtml(shortenHash(tx.hash)), 'color: inherit; text-decoration: none;') + ' | ' + explorerBlockLink(String(tx.block_number), escapeHtml(String(tx.block_number)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(tx.from, formatAddressWithLabel(tx.from), 'color: inherit; text-decoration: none;') + ' | ' + (tx.to ? explorerAddressLink(tx.to, formatAddressWithLabel(tx.to), 'color: inherit; text-decoration: none;') : 'N/A') + ' | ' + escapeHtml(formatEther(tx.value || '0')) + ' ETH |
| No transactions match the current filter. | ||||
No transactions found
'; } } } catch (e) { const txContainer = document.getElementById('addressTransactions'); if (txContainer) txContainer.innerHTML = 'Failed to load transactions
'; } } else { container.innerHTML = 'Address not found
';
}
} catch (error) {
container.innerHTML = 'Failed to load address: ' + escapeHtml(error.message) + '
';
}
}
window._showAddressDetail = renderAddressDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function showTokenDetail(tokenAddress) {
if (!/^0x[a-fA-F0-9]{40}$/.test(tokenAddress)) return;
currentDetailKey = 'token:' + tokenAddress.toLowerCase();
showView('tokenDetail');
updatePath('/token/' + tokenAddress);
var container = document.getElementById('tokenDetail');
updateBreadcrumb('token', tokenAddress);
container.innerHTML = createSkeletonLoader('detail');
try {
var urls = [BLOCKSCOUT_API + '/v2/tokens/' + tokenAddress, BLOCKSCOUT_API + '/v2/token/' + tokenAddress];
var data = null;
for (var i = 0; i < urls.length; i++) {
try {
var r = await fetchAPIWithRetry(urls[i]);
if (r && (r.symbol || r.name || r.total_supply != null)) { data = r; break; }
} catch (e) {}
}
if (!data) {
container.innerHTML = 'Token not found or not indexed.
'; return; } var knownTokenDetail = { '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2': { name: 'Wrapped Ether', symbol: 'WETH', decimals: 18 }, '0xf4bb2e28688e89fcce3c0580d37d36a7672e8a9f': { name: 'Wrapped Ether v10', symbol: 'WETH', decimals: 18 } }; var known = knownTokenDetail[tokenAddress.toLowerCase()]; var name = (known && known.name) || data.name || '-'; var symbol = (known && known.symbol) || data.symbol || '-'; var decimals = (known && known.decimals != null) ? known.decimals : (data.decimals != null ? data.decimals : 18); decimals = parseInt(decimals, 10); if (isNaN(decimals) || decimals < 0 || decimals > 255) decimals = 18; var supply = data.total_supply != null ? data.total_supply : (data.total_supply_raw || '0'); var supplyNum = Number(supply) / Math.pow(10, decimals); var holders = data.holders_count != null ? data.holders_count : (data.holder_count || '-'); var transfersResp = null; try { transfersResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/tokens/' + tokenAddress + '/transfers?page=1&page_size=10').catch(function() { return { items: [] }; }); } catch (e) {} var transfers = (transfersResp && transfersResp.items) ? transfersResp.items : []; var addrEsc = tokenAddress.replace(/\\/g, '\\\\').replace(/'/g, "\\'"); var symbolEsc = String(symbol).replace(/\\/g, '\\\\').replace(/'/g, "\\'"); var html = ''; html += 'Contract
' + explorerAddressLink(tokenAddress, escapeHtml(tokenAddress), 'color: inherit; text-decoration: none;') + '
Name
' + escapeHtml(name) + '
Symbol
' + escapeHtml(symbol) + '
Decimals
' + decimals + '
Total Supply
' + supplyNum.toLocaleString(undefined, { maximumFractionDigits: 6 }) + '
Holders
' + (holders !== '-' ? formatNumber(holders) : '-') + '
Recent Transfers
'; if (transfers.length === 0) { html += transfersFilterBar + 'No transfers
'; } else { const filteredTransfers = transfersFilter ? transfers.filter(function(tr) { var from = tr.from?.hash || tr.from || '-'; var to = tr.to?.hash || tr.to || '-'; var val = tr.total?.value != null ? tr.total.value : (tr.value || '0'); var dec = tr.token?.decimals != null ? tr.token.decimals : decimals; var v = Number(val) / Math.pow(10, parseInt(dec, 10)); var txHash = tr.transaction_hash || tr.tx_hash || ''; return matchesExplorerFilter([from, to, v.toLocaleString(undefined, { maximumFractionDigits: 6 }), txHash].join(' '), transfersFilter); }) : transfers; html += transfersFilterBar + '| From | To | Value | Tx |
|---|---|---|---|
| ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(v.toLocaleString(undefined, { maximumFractionDigits: 6 })) + ' | ' + (txHash ? explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') : '-') + ' |
| No transfers match the current filter. | |||
Failed to load token: ' + escapeHtml(err.message || 'Unknown') + '
';
}
}
window.showTokenDetail = showTokenDetail;
async function showNftDetail(contractAddress, tokenId) {
if (!/^0x[a-fA-F0-9]{40}$/.test(contractAddress)) return;
currentDetailKey = 'nft:' + contractAddress.toLowerCase() + ':' + tokenId;
showView('nftDetail');
updatePath('/nft/' + contractAddress + '/' + tokenId);
var container = document.getElementById('nftDetail');
updateBreadcrumb('nft', contractAddress, tokenId);
container.innerHTML = createSkeletonLoader('detail');
try {
var urls = [BLOCKSCOUT_API + '/v2/tokens/' + contractAddress + '/nft/' + tokenId, BLOCKSCOUT_API + '/v2/nft/' + contractAddress + '/' + tokenId];
var data = null;
for (var i = 0; i < urls.length; i++) {
try {
var r = await fetchAPIWithRetry(urls[i]);
if (r) { data = r; break; }
} catch (e) {}
}
var html = 'Contract
' + explorerAddressLink(contractAddress, escapeHtml(contractAddress), 'color: inherit; text-decoration: none;') + '
Token ID
' + escapeHtml(String(tokenId)) + '
Image
Name
' + escapeHtml(data.name) + '
Description
' + escapeHtml(data.description) + '
Owner
' + explorerAddressLink(ownerAddr, escapeHtml(ownerAddr), 'color: inherit; text-decoration: none;') + '
Traits
';
data.metadata.attributes.forEach(function(attr) {
var traitType = (attr.trait_type || attr.traitType || ''); var val = (attr.value != null ? attr.value : '');
if (traitType || val) html += '' + escapeHtml(traitType) + ': ' + escapeHtml(String(val)) + '';
});
html += '
Failed to load NFT: ' + escapeHtml(err.message || 'Unknown') + '
';
}
}
window.showNftDetail = showNftDetail;
function showSearchResultsList(items, query) {
showView('searchResults');
var container = document.getElementById('searchResultsContent');
if (!container) return;
var html = 'Found ' + items.length + ' result(s) for "' + escapeHtml(query) + '". Click a row to open.
'; html += '| Type | Value |
|---|---|
| Token | ' + escapeHtml(shortenHash(tokenAddr)) + ' ' + (item.name || item.symbol ? ' (' + escapeHtml(item.name || item.symbol) + ')' : '') + ' |
| Address | ' + explorerAddressLink(addr, escapeHtml(shortenHash(addr)), 'color: inherit; text-decoration: none;') + ' |
| Transaction | ' + explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') + ' |
| Block | ' + explorerBlockLink(blockNum, '#' + escapeHtml(blockNum), 'color: inherit; text-decoration: none;') + ' |
| ' + escapeHtml(type || 'Unknown') + ' | ' + escapeHtml(String(label).substring(0, 80)) + ' |
' +
'
';
}).join('');
if (_explorerAIState.loading) {
list.innerHTML += '' +
'
' +
'' + (isAssistant ? 'Explorer AI' : 'You') + '
' +
'' + escapeHtml(message.content || '') + '
' +
'Thinking through indexed data, live routes, and docs...
' +
'
' +
'' +
'' +
'
' +
'' +
'
' +
'' +
'Explorer AI
' +
'Read-only assistant using indexed explorer data, route APIs, and curated docs.
' +
'' +
'' +
'' +
'' +
'
' +
'' +
'
';
document.body.appendChild(button);
document.body.appendChild(panel);
var input = document.getElementById('explorerAIInput');
var sendButton = document.getElementById('explorerAISendBtn');
if (sendButton) {
sendButton.addEventListener('click', function() {
submitExplorerAIMessage();
});
}
if (input) {
input.addEventListener('keydown', function(e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
submitExplorerAIMessage();
}
});
}
renderExplorerAIMessages();
}
// Export functions
function exportBlockData(blockNumber) {
// Fetch block data and export as JSON
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/blocks/${blockNumber}`)
.then(response => {
const block = normalizeBlock(response);
const dataStr = JSON.stringify(block, null, 2);
const dataBlob = new Blob([dataStr], { type: 'application/json' });
const url = URL.createObjectURL(dataBlob);
const link = document.createElement('a');
link.href = url;
link.download = `block-${blockNumber}.json`;
link.click();
URL.revokeObjectURL(url);
})
.catch(error => {
alert('Failed to export block data: ' + error.message);
});
}
function exportTransactionData(txHash) {
// Fetch transaction data and export as JSON
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}`)
.then(response => {
const tx = normalizeTransaction(response);
const dataStr = JSON.stringify(tx, null, 2);
const dataBlob = new Blob([dataStr], { type: 'application/json' });
const url = URL.createObjectURL(dataBlob);
const link = document.createElement('a');
link.href = url;
link.download = `transaction-${txHash.substring(0, 10)}.json`;
link.click();
URL.revokeObjectURL(url);
})
.catch(error => {
alert('Failed to export transaction data: ' + error.message);
});
}
// Global error handler
window.addEventListener('error', (event) => {
console.error('Global error:', event.error);
if (typeof showToast === 'function') {
showToast('An error occurred. Please refresh the page.', 'error');
}
});
window.addEventListener('unhandledrejection', (event) => {
console.error('Unhandled promise rejection:', event.reason);
if (typeof showToast === 'function') {
showToast('A network error occurred. Please try again.', 'error');
}
});
function setLiveRegion(text) {
var el = document.getElementById('explorerLiveRegion');
if (el) el.textContent = text || '';
}
// Toast notification function
function showToast(message, type = 'info', duration = 3000) {
if (type === 'error') setLiveRegion(message);
const toast = document.createElement('div');
toast.className = `toast toast-${type}`;
toast.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
padding: 1rem 1.5rem;
background: ${type === 'error' ? '#fee2e2' : type === 'success' ? '#d1fae5' : '#dbeafe'};
color: ${type === 'error' ? '#ef4444' : type === 'success' ? '#10b981' : '#3b82f6'};
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 10000;
animation: slideIn 0.3s ease-out;
`;
toast.textContent = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'slideOut 0.3s ease-out';
setTimeout(() => toast.remove(), 300);
}, duration);
}
// Add CSS for toast animations
const style = document.createElement('style');
style.textContent = `
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOut {
from { transform: translateX(0); opacity: 1; }
to { transform: translateX(100%); opacity: 0; }
}
`;
document.head.appendChild(style);
// Search launcher, modal handlers, and mobile nav close on link click
document.addEventListener('DOMContentLoaded', () => {
initExplorerAIPanel();
const launchBtn = document.getElementById('searchLauncherBtn');
const modal = document.getElementById('smartSearchModal');
const backdrop = document.getElementById('smartSearchBackdrop');
const closeBtn = document.getElementById('smartSearchCloseBtn');
const input = document.getElementById('smartSearchInput');
const submitBtn = document.getElementById('smartSearchSubmitBtn');
if (launchBtn) {
launchBtn.addEventListener('click', function(e) {
e.preventDefault();
openSmartSearchModal('');
});
}
if (closeBtn) {
closeBtn.addEventListener('click', function(e) {
e.preventDefault();
closeSmartSearchModal();
});
}
if (backdrop) {
backdrop.addEventListener('click', closeSmartSearchModal);
}
if (input) {
input.addEventListener('input', function(e) {
updateSmartSearchPreview(e.target.value);
});
input.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
e.preventDefault();
closeSmartSearchModal();
} else if (e.key === 'Enter') {
e.preventDefault();
handleSearch(e.target.value);
}
});
}
if (submitBtn && input) {
submitBtn.addEventListener('click', function(e) {
e.preventDefault();
handleSearch(input.value);
});
}
window.addEventListener('keydown', function(e) {
var target = e.target;
var tag = target && target.tagName ? target.tagName.toLowerCase() : '';
var isEditable = !!(target && (target.isContentEditable || tag === 'input' || tag === 'textarea' || tag === 'select'));
if (e.key === 'Escape' && modal && modal.style.display === 'block') {
e.preventDefault();
closeSmartSearchModal();
return;
}
if ((e.key === '/' || ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k')) && !isEditable) {
e.preventDefault();
openSmartSearchModal('');
}
});
var navLinks = document.getElementById('navLinks');
if (navLinks) {
navLinks.addEventListener('click', function(e) {
if (e.target.closest('a')) closeNavMenu();
});
initNavDropdowns();
}
});
Public explorer and route data only. No private key handling, no transaction execution.
' +
'' +
'' +
'
' +
'Shift+Enter for a new line. Enter to send.
' +
'' +
'