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
167 lines
5.5 KiB
HTML
167 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>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/app.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>
|
|
|
|
<!-- hero -->
|
|
<section class="hero">
|
|
<div class="hero-inner">
|
|
<h1 class="hero-title">
|
|
<span class="hero-gem">◆</span>
|
|
DChain Explorer
|
|
</h1>
|
|
<p class="hero-sub">Ed25519 blockchain · PBFT consensus · NaCl E2E messaging</p>
|
|
|
|
<div class="hero-search">
|
|
<i data-lucide="search" class="hero-search-icon"></i>
|
|
<input id="searchInput" type="text"
|
|
placeholder="Search by address, public key, tx id or block number…">
|
|
<button id="searchBtn" class="btn-hero">Search</button>
|
|
</div>
|
|
|
|
<div class="hero-actions">
|
|
<a href="/validators" class="pill-link"><i data-lucide="shield-check"></i> Validators</a>
|
|
<a href="/relays" class="pill-link"><i data-lucide="radio"></i> Relay Nodes</a>
|
|
<button id="openNodeBtn" class="pill-link pill-btn"><i data-lucide="server"></i> Node Stats</button>
|
|
</div>
|
|
|
|
<div id="status" class="hero-status">Loading…</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- stats strip (Tonviewer-style) -->
|
|
<section class="stats-strip">
|
|
<div class="strip-inner">
|
|
|
|
<div class="strip-cell strip-cell-chart">
|
|
<div class="strip-label">Total Supply</div>
|
|
<div class="strip-val" id="sSupply">—</div>
|
|
<canvas id="supplyChart" class="strip-chart"></canvas>
|
|
</div>
|
|
|
|
<div class="strip-divider"></div>
|
|
|
|
<div class="strip-cell">
|
|
<div class="strip-label">Chain Height</div>
|
|
<div class="strip-val mono" id="sHeight">—</div>
|
|
<div class="strip-sub" id="sLastTime">—</div>
|
|
</div>
|
|
|
|
<div class="strip-divider"></div>
|
|
|
|
<div class="strip-cell">
|
|
<div class="strip-label">Avg Block Time</div>
|
|
<div class="strip-val" id="sBlockTime">—</div>
|
|
<div class="strip-sub">recent window</div>
|
|
</div>
|
|
|
|
<div class="strip-divider"></div>
|
|
|
|
<div class="strip-cell strip-cell-chart">
|
|
<div class="strip-label">Current TPS</div>
|
|
<div class="strip-val" id="sTps">—</div>
|
|
<canvas id="tpsChart" class="strip-chart"></canvas>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- main content -->
|
|
<main class="page-body">
|
|
|
|
<!-- stat cards -->
|
|
<div class="cards-row">
|
|
<div class="card">
|
|
<div class="card-key"><i data-lucide="layers-3"></i> Last Block</div>
|
|
<div class="card-val mono" id="sLastBlock">—</div>
|
|
<div class="card-sub mono" id="sLastHash">—</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-key"><i data-lucide="arrow-left-right"></i> Total Transactions</div>
|
|
<div class="card-val" id="sTxs">—</div>
|
|
<div class="card-sub" id="sTransfers">—</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-key"><i data-lucide="zap"></i> Relay Proofs</div>
|
|
<div class="card-val" id="sRelayProofs">—</div>
|
|
<div class="card-sub" id="sRelayCount">—</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-key"><i data-lucide="shield-check"></i> Validators</div>
|
|
<div class="card-val" id="sValidators">—</div>
|
|
<div class="card-sub" id="sTpsWindow">—</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- charts row -->
|
|
<div class="charts-row">
|
|
<div class="panel">
|
|
<h2><i data-lucide="bar-chart-3"></i> Transactions per Block</h2>
|
|
<div class="chart-wrap"><canvas id="txChart"></canvas></div>
|
|
</div>
|
|
<div class="panel">
|
|
<h2><i data-lucide="line-chart"></i> Block Interval (sec)</h2>
|
|
<div class="chart-wrap"><canvas id="intervalChart"></canvas></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- recent blocks -->
|
|
<div class="panel">
|
|
<h2><i data-lucide="blocks"></i> Recent Blocks</h2>
|
|
<div class="table-wrap">
|
|
<table id="blocksTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Block</th>
|
|
<th>Hash</th>
|
|
<th>Validator</th>
|
|
<th>Txs</th>
|
|
<th>Fees</th>
|
|
<th>Time</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="blocksBody">
|
|
<tr><td colspan="6" class="tbl-empty">Loading…</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- block json viewer (search result) -->
|
|
<div class="panel" id="blockDetailPanel" style="display:none">
|
|
<h2><i data-lucide="file-json"></i> Block Details</h2>
|
|
<pre id="blockRaw" class="raw"></pre>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|