synor/apps/explorer-web/src/App.tsx
Gulshan Yadav 6b5a232a5e feat: Desktop wallet, gas estimator UI, and 30-day monitoring stack
Security (Desktop Wallet):
- Implement BIP39 mnemonic generation with cryptographic RNG
- Add Argon2id password-based key derivation (64MB, 3 iterations)
- Add ChaCha20-Poly1305 authenticated encryption for seed storage
- Add mnemonic auto-clear (60s timeout) and clipboard auto-clear (30s)
- Add sanitized error logging to prevent credential leaks
- Strengthen CSP with object-src, base-uri, form-action, frame-ancestors
- Clear sensitive state on component unmount

Explorer (Gas Estimator):
- Add Gas Estimation page with from/to/amount/data inputs
- Add bech32 address validation (synor1/tsynor1 prefix)
- Add BigInt-based amount parsing to avoid floating point errors
- Add production guard for mock mode (cannot enable in prod builds)

Monitoring (30-day Testnet):
- Add Prometheus config with 30-day retention
- Add comprehensive alert rules for node health, consensus, network, mempool
- Add Alertmanager with severity-based routing and inhibition rules
- Add Grafana with auto-provisioned datasource and dashboard
- Add Synor testnet dashboard with uptime SLA tracking

Docker:
- Update docker-compose.testnet.yml with monitoring profile
- Fix node-exporter for macOS Docker Desktop compatibility
- Change Grafana port to 3001 to avoid conflict
2026-01-10 04:38:09 +05:30

44 lines
1.5 KiB
TypeScript

import { Routes, Route, Link } from 'react-router-dom';
import Layout from './components/Layout';
import Home from './pages/Home';
import Blocks from './pages/Blocks';
import Block from './pages/Block';
import Transaction from './pages/Transaction';
import Mempool from './pages/Mempool';
import Address from './pages/Address';
import DAG from './pages/DAG';
import Network from './pages/Network';
import Search from './pages/Search';
import GasEstimator from './pages/GasEstimator';
export default function App() {
return (
<Layout>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/blocks" element={<Blocks />} />
<Route path="/block/:hash" element={<Block />} />
<Route path="/tx/:txId" element={<Transaction />} />
<Route path="/mempool" element={<Mempool />} />
<Route path="/address/:address" element={<Address />} />
<Route path="/dag" element={<DAG />} />
<Route path="/network" element={<Network />} />
<Route path="/gas" element={<GasEstimator />} />
<Route path="/search" element={<Search />} />
<Route path="*" element={<NotFound />} />
</Routes>
</Layout>
);
}
function NotFound() {
return (
<div className="text-center py-20">
<h1 className="text-6xl font-bold text-gray-700 mb-4">404</h1>
<p className="text-xl text-gray-400 mb-6">Page not found</p>
<Link to="/" className="btn btn-primary">
Go Home
</Link>
</div>
);
}