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
187 lines
7.0 KiB
HTML
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>
|