+ `;
+ }
+ // Format mempool data nicely
+ function formatMempoolData(mempool) {
+ // Check if mempool is an array of transaction IDs
+ if (Array.isArray(mempool)) {
+ return `
+
+ `;
+ }
+
+ // Display helper
+ function displayResult(elementId, data, key = null) {
+ const element = document.getElementById(elementId);
+ if (data.error) {
+ element.innerHTML = `
Error: ${data.error}
`;
+ } else {
+ if (key && data[key] !== undefined) {
+ // If the value is a simple string, display it without JSON formatting
+ if (typeof data[key] === 'string') {
+ element.innerHTML = `
${data[key]}
`;
+ } else {
+ element.innerHTML = `
${JSON.stringify(data[key], null, 2)}
`;
+ }
+ return;
+ }
+ element.innerHTML = `
${JSON.stringify(data, null, 2)}
`;
+ }
+ }
+
+ // Load status on page load
+ async function loadStatus() {
+ const nodeStatus = await apiCall('status');
+ displayResult('node-status', nodeStatus, 'status');
+
+ const chainStatus = await apiCall('chain');
+ if (chainStatus.chain) {
+ document.getElementById('chain-status').innerHTML = formatChainData(chainStatus.chain);
+ } else {
+ displayResult('chain-status', chainStatus);
+ }
+
+ const mempoolStatus = await apiCall('mempool');
+ if (mempoolStatus && !mempoolStatus.error) {
+ document.getElementById('mempool-status').innerHTML = formatMempoolData(mempoolStatus);
+ } else {
+ displayResult('mempool-status', mempoolStatus);
+ }
+ }
+
+ // Search functions
+ async function searchBlock() {
+ const blockId = document.getElementById('block-input').value.trim();
+ if (!blockId) {
+ alert('Please enter a block height or hash');
+ return;
+ }
+ const data = await apiCall(`block/${blockId}`);
+ displayResult('block-result', data);
+ }
+
+ async function searchHeader() {
+ const blockId = document.getElementById('block-input').value.trim();
+ if (!blockId) {
+ alert('Please enter a block height or hash');
+ return;
+ }
+ const data = await apiCall(`header/${blockId}`);
+ displayResult('block-result', data);
+ }
+
+ async function searchTx() {
+ const txId = document.getElementById('tx-input').value.trim();
+ if (!txId) {
+ alert('Please enter a transaction ID');
+ return;
+ }
+ const data = await apiCall(`tx/${txId}`);
+ displayResult('tx-result', data);
+ }
+
+ async function searchAddressTx() {
+ const address = document.getElementById('address-input').value.trim();
+ if (!address) {
+ alert('Please enter an address');
+ return;
+ }
+ const data = await apiCall(`tx/address/${address}`);
+ displayResult('address-result', data);
+ }
+
+ async function searchAddressCoins() {
+ const address = document.getElementById('address-input').value.trim();
+ if (!address) {
+ alert('Please enter an address');
+ return;
+ }
+ const data = await apiCall(`coin/address/${address}`);
+ displayResult('address-result', data);
+ }
+
+ async function searchName() {
+ const name = document.getElementById('name-input').value.trim();
+ if (!name) {
+ alert('Please enter a name');
+ return;
+ }
+ const data = await apiCall(`name/${name}`);
+ displayResult('name-result', data);
+ }
+
+ async function searchNameResource() {
+ const name = document.getElementById('name-input').value.trim();
+ if (!name) {
+ alert('Please enter a name');
+ return;
+ }
+ const data = await apiCall(`nameresource/${name}`);
+ displayResult('name-result', data);
+ }
+
+ async function searchNameSummary() {
+ const name = document.getElementById('name-input').value.trim();
+ if (!name) {
+ alert('Please enter a name');
+ return;
+ }
+ const data = await apiCall(`namesummary/${name}`);
+ displayResult('name-result', data);
+ }
+
+ async function searchNameHash() {
+ const nameHash = document.getElementById('namehash-input').value.trim();
+ if (!nameHash) {
+ alert('Please enter a name hash');
+ return;
+ }
+ const data = await apiCall(`namehash/${nameHash}`);
+ displayResult('name-result', data);
+ }
+
+ async function searchCoin() {
+ const coinHash = document.getElementById('coin-hash').value.trim();
+ const coinIndex = document.getElementById('coin-index').value.trim();
+ if (!coinHash || !coinIndex) {
+ alert('Please enter both coin hash and index');
+ return;
+ }
+ const data = await apiCall(`coin/${coinHash}/${coinIndex}`);
+ displayResult('coin-result', data);
+ }
+
+ // Load status when page loads
+ window.addEventListener('load', loadStatus);
+
+ // Refresh status every 30 seconds
+ setInterval(loadStatus, 30000);
+
Fire Explorer