feat: add foreign key constraints and metrics for blockchain node

This commit is contained in:
oib
2025-09-28 06:04:30 +02:00
parent c1926136fb
commit fb60505cdf
189 changed files with 15678 additions and 158 deletions

View File

@ -1,33 +1,33 @@
# Explorer Web Task Breakdown
## Status (2025-09-27)
## Status (2025-09-28)
- **Stage 1**: UI scaffolding and mock data remain TODO; no implementation merged yet. Pending work should align with coordinator receipt history once backend endpoints stabilize.
- **Stage 1**: Overview page renders block/transaction/receipt summaries from mock data with empty-state fallbacks. Remaining work focuses on blocks/transactions detail UIs, responsive polish, and live data toggle validation.
## Stage 1 (MVP)
- **Structure & Assets**
- Populate `apps/explorer-web/public/` with `index.html`, `block.html`, `tx.html`, `address.html`, `receipts.html`, `404.html` scaffolds.
- Add base stylesheets (`css/base.css`, `css/layout.css`, `css/theme-dark.css`).
- Include logo and icon assets under `public/assets/`.
- Populate `apps/explorer-web/public/` with `index.html`, `block.html`, `tx.html`, `address.html`, `receipts.html`, `404.html` scaffolds.
- Add base stylesheets (`public/css/base.css`, `public/css/layout.css`, `public/css/theme.css`).
- Include logo and icon assets under `public/assets/`.
- **JavaScript Modules**
- Implement `js/config.js`, `js/api.js`, `js/store.js`, and `js/utils.js` helpers.
- Create component modules under `js/components/` (header, footer, searchbox, block-table, tx-table, pager, keyvalue).
- Implement page controllers under `js/pages/` for home, block detail, tx detail, address view, receipts view.
- **TypeScript Modules**
- ✅ Provide configuration and data helpers (`src/config.ts`, `src/lib/mockData.ts`, `src/lib/models.ts`).
- ⏳ Add shared store/utilities module for cross-page state.
- Implement core page controllers and components under `src/pages/` and `src/components/` (overview, blocks, transactions, addresses, receipts, header/footer, data mode toggle).
- **Mock Data**
- Provide optional mock JSON fixtures under `public/js/vendors/` or `public/mock/`.
- Enable mock mode toggle via `CONFIG.USE_MOCK`.
- Provide mock JSON fixtures under `public/mock/`.
- Enable mock/live mode toggle via `getDataMode()` and `<data-mode-toggle>` components.
- **Interaction & UX**
- Implement search box detection for block numbers, hashes, and addresses.
- Add pagination/infinite scroll for block and transaction tables.
- Ensure dark theme styling with readable typography and table hover states.
- Implement search box detection for block numbers, hashes, and addresses.
- Add pagination or infinite scroll for block and transaction tables.
- ⏳ Expand responsive polish beyond overview cards (tablet/mobile grid, table hover states).
- **Documentation**
- Update `apps/explorer-web/README.md` with build/run instructions and API assumptions.
- Document required CORS configuration for blockchain node.
- Update `apps/explorer-web/README.md` with build/run instructions and API assumptions.
- ✅ Capture coordinator API + CORS considerations in README deployment notes.
## Stage 2+