Files
dchain/node/explorer/tx.html
vsecoder 7e7393e4f8 chore: initial commit for v0.0.1
DChain single-node blockchain + React Native messenger client.

Core:
- PBFT consensus with multi-sig validator admission + equivocation slashing
- BadgerDB + schema migration scaffold (CurrentSchemaVersion=0)
- libp2p gossipsub (tx/v1, blocks/v1, relay/v1, version/v1)
- Native Go contracts (username_registry) alongside WASM (wazero)
- WebSocket gateway with topic-based fanout + Ed25519-nonce auth
- Relay mailbox with NaCl envelope encryption (X25519 + Ed25519)
- Prometheus /metrics, per-IP rate limit, body-size cap

Deployment:
- Single-node compose (deploy/single/) with Caddy TLS + optional Prometheus
- 3-node dev compose (docker-compose.yml) with mocked internet topology
- 3-validator prod compose (deploy/prod/) for federation
- Auto-update from Gitea via /api/update-check + systemd timer
- Build-time version injection (ldflags → node --version)
- UI / Swagger toggle flags (DCHAIN_DISABLE_UI, DCHAIN_DISABLE_SWAGGER)

Client (client-app/):
- Expo / React Native / NativeWind
- E2E NaCl encryption, typing indicator, contact requests
- Auto-discovery of canonical contracts, chain_id aware, WS reconnect on node switch

Documentation:
- README.md, CHANGELOG.md, CONTEXT.md
- deploy/single/README.md with 6 operator scenarios
- deploy/UPDATE_STRATEGY.md with 4-layer forward-compat design
- docs/contracts/*.md per contract
2026-04-17 14:16:44 +03:00

187 lines
7.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Transaction | DChain Explorer</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/explorer/style.css">
<script src="https://unpkg.com/lucide@latest"></script>
<script defer src="/assets/explorer/common.js"></script>
<script defer src="/assets/explorer/tx.js"></script>
</head>
<body>
<!-- top nav -->
<header class="topnav">
<div class="topnav-inner">
<a class="topnav-brand" href="/">
<span class="brand-gem"></span>
<span class="brand-name">DChain</span>
</a>
<nav class="topnav-links">
<a href="/contract">Contracts</a>
<a href="/tokens">Tokens</a>
<a href="/validators">Validators</a>
<a href="/relays">Relay Nodes</a>
</nav>
</div>
</header>
<!-- search bar strip -->
<div class="addr-searchbar">
<div class="addr-searchbar-inner">
<div class="hero-search" style="max-width:640px">
<i data-lucide="search" class="hero-search-icon"></i>
<input id="txInput" type="text" placeholder="Transaction ID…">
<button id="txBtn" class="btn-hero">Load</button>
</div>
<div id="status" class="hero-status"></div>
</div>
</div>
<main class="page-body" id="mainContent" style="display:none">
<!-- ── Status banner ────────────────────────────────────────────────── -->
<div class="tx-banner" id="txBanner">
<div class="tx-banner-left">
<div class="tx-banner-icon" id="txBannerIcon">
<i data-lucide="check-circle-2"></i>
</div>
<div class="tx-banner-body">
<div class="tx-banner-title" id="txBannerTitle">Confirmed transaction</div>
<div class="tx-banner-desc" id="txBannerDesc"></div>
</div>
</div>
<div class="tx-banner-time" id="txBannerTime"></div>
</div>
<!-- ── Overview table ────────────────────────────────────────────────── -->
<div class="panel tx-overview-panel">
<!-- tab row -->
<div class="tx-tabs">
<button class="tx-tab tx-tab-active" id="tabOverview">Overview</button>
<button class="tx-tab" id="tabRaw">Raw JSON</button>
</div>
<!-- ── overview content ── -->
<div id="paneOverview">
<!-- action table header -->
<div class="tx-action-table">
<div class="tx-action-hdr">
<span>Action</span>
<span>Route</span>
<span>Payload / Memo</span>
<span style="text-align:right">Value</span>
</div>
<div class="tx-action-row" id="txActionRow">
<!-- filled by JS -->
</div>
</div>
<!-- route flow diagram -->
<div class="tx-flow" id="txFlow">
<!-- filled by JS -->
</div>
</div>
<!-- ── raw JSON content ── -->
<div id="paneRaw" style="display:none">
<pre id="txRaw" class="raw tx-raw-pre">No data.</pre>
</div>
</div>
<!-- ── Technical details ─────────────────────────────────────────────── -->
<div class="panel addr-detail-panel" id="txDetailPanel">
<div class="addr-kv-list">
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="hash"></i> Transaction ID</div>
<div class="addr-kv-val">
<span class="mono" id="txId"></span>
<button class="copy-btn" data-copy-id="txId" title="Copy"><i data-lucide="copy"></i></button>
</div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="tag"></i> Type</div>
<div class="addr-kv-val"><span id="txType"></span></div>
</div>
<div class="addr-kv-row" id="txMemoRow" style="display:none">
<div class="addr-kv-key"><i data-lucide="message-square"></i> Memo</div>
<div class="addr-kv-val"><span id="txMemo"></span></div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="arrow-right-from-line"></i> From</div>
<div class="addr-kv-val">
<span id="txFrom"></span>
<button class="copy-btn" data-copy-id="txFromRaw" title="Copy pubkey"><i data-lucide="copy"></i></button>
<span id="txFromRaw" style="display:none"></span>
</div>
</div>
<div class="addr-kv-row" id="txToRow" style="display:none">
<div class="addr-kv-key"><i data-lucide="arrow-right-to-line"></i> To</div>
<div class="addr-kv-val">
<span id="txTo"></span>
<button class="copy-btn" data-copy-id="txToRaw" title="Copy pubkey"><i data-lucide="copy"></i></button>
<span id="txToRaw" style="display:none"></span>
</div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="coins"></i> Amount</div>
<div class="addr-kv-val"><span class="tx-amount-val" id="txAmount"></span></div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="receipt"></i> Fee</div>
<div class="addr-kv-val"><span id="txFee"></span></div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="layers-3"></i> Block</div>
<div class="addr-kv-val">
<a id="txBlockLink" href="#"></a>
<span class="tx-block-hash" id="txBlockHash"></span>
</div>
</div>
<div class="addr-kv-row">
<div class="addr-kv-key"><i data-lucide="clock"></i> Time</div>
<div class="addr-kv-val">
<span id="txTime"></span>
<span class="tx-time-ago" id="txTimeAgo"></span>
</div>
</div>
<div class="addr-kv-row" id="txSigRow">
<div class="addr-kv-key"><i data-lucide="shield-check"></i> Signature</div>
<div class="addr-kv-val">
<span class="mono addr-pubkey-text" id="txSig"></span>
<button class="copy-btn" data-copy-id="txSig" title="Copy"><i data-lucide="copy"></i></button>
</div>
</div>
</div>
</div>
<!-- ── Payload details (shown when payload is a structured object) ───── -->
<div class="panel" id="txPayloadPanel" style="display:none">
<h2><i data-lucide="braces"></i> Payload</h2>
<pre id="txPayloadPre" class="raw tx-raw-pre"></pre>
</div>
</main>
</body>
</html>