```
chore: update genesis timestamp, fix import paths, clean compiled JS files, and adjust mock path - Update devnet genesis timestamp to 1766400877 - Add Receipt model for zk-proof generation with receiptId, miner, coordinator fields - Fix import paths from settings to config across service modules (access_control, audit_logging, encryption, hsm_key_manager, key_management, zk_proofs) - Remove compiled JavaScript files from explorer-web components and lib directories - Update mock data base path
This commit is contained in:
@ -19,5 +19,5 @@
|
||||
"fee_per_byte": 1,
|
||||
"mint_per_unit": 1000
|
||||
},
|
||||
"timestamp": 1766383019
|
||||
"timestamp": 1766400877
|
||||
}
|
||||
|
||||
@ -173,6 +173,16 @@ class ReceiptListResponse(BaseModel):
|
||||
items: list[ReceiptSummary]
|
||||
|
||||
|
||||
class Receipt(BaseModel):
|
||||
"""Receipt model for zk-proof generation"""
|
||||
receiptId: str
|
||||
miner: str
|
||||
coordinator: str
|
||||
issuedAt: datetime
|
||||
status: str
|
||||
payload: Optional[Dict[str, Any]] = None
|
||||
|
||||
|
||||
# Confidential Transaction Models
|
||||
|
||||
class ConfidentialTransaction(BaseModel):
|
||||
|
||||
@ -9,7 +9,7 @@ import json
|
||||
import re
|
||||
|
||||
from ..models import ConfidentialAccessRequest, ConfidentialAccessLog
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
@ -13,7 +13,7 @@ from pathlib import Path
|
||||
from dataclasses import dataclass, asdict
|
||||
|
||||
from ..models import ConfidentialAccessLog
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
@ -15,7 +15,7 @@ from cryptography.hazmat.primitives.asymmetric.x25519 import X25519PrivateKey, X
|
||||
from cryptography.hazmat.primitives.serialization import Encoding, PublicFormat, PrivateFormat, NoEncryption
|
||||
|
||||
from ..models import ConfidentialTransaction, AccessLog
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
@ -17,7 +17,7 @@ from ..repositories.confidential import (
|
||||
ParticipantKeyRepository,
|
||||
KeyRotationRepository
|
||||
)
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
@ -15,7 +15,7 @@ from cryptography.hazmat.primitives import hashes
|
||||
from cryptography.hazmat.primitives.ciphers.aead import AESGCM
|
||||
|
||||
from ..models import KeyPair, KeyRotationLog, AuditAuthorization
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
@ -11,7 +11,7 @@ import tempfile
|
||||
import os
|
||||
|
||||
from ..models import Receipt, JobResult
|
||||
from ..settings import settings
|
||||
from ..config import settings
|
||||
from ..logging import get_logger
|
||||
|
||||
logger = get_logger(__name__)
|
||||
|
||||
13
apps/explorer-web/index.html
Normal file
13
apps/explorer-web/index.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AITBC Explorer</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,33 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.initDataModeToggle = initDataModeToggle;
|
||||
var config_1 = require("../config");
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
var LABELS = {
|
||||
mock: "Mock Data",
|
||||
live: "Live API",
|
||||
};
|
||||
function initDataModeToggle(onChange) {
|
||||
var container = document.querySelector("[data-role='data-mode-toggle']");
|
||||
if (!container) {
|
||||
return;
|
||||
}
|
||||
container.innerHTML = renderControls((0, mockData_1.getDataMode)());
|
||||
var select = container.querySelector("select[data-mode-select]");
|
||||
if (!select) {
|
||||
return;
|
||||
}
|
||||
select.value = (0, mockData_1.getDataMode)();
|
||||
select.addEventListener("change", function (event) {
|
||||
var value = event.target.value;
|
||||
(0, mockData_1.setDataMode)(value);
|
||||
document.documentElement.dataset.mode = value;
|
||||
onChange();
|
||||
});
|
||||
}
|
||||
function renderControls(mode) {
|
||||
var options = Object.keys(LABELS)
|
||||
.map(function (id) { return "<option value=\"".concat(id, "\" ").concat(id === mode ? "selected" : "", ">").concat(LABELS[id], "</option>"); })
|
||||
.join("");
|
||||
return "\n <label class=\"data-mode-toggle\">\n <span>Data Mode</span>\n <select data-mode-select>\n ".concat(options, "\n </select>\n <small>").concat(mode === "mock" ? "Static JSON samples" : "Coordinator API (".concat(config_1.CONFIG.apiBaseUrl, ")"), "</small>\n </label>\n ");
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.siteFooter = siteFooter;
|
||||
function siteFooter() {
|
||||
var year = new Date().getFullYear();
|
||||
return "\n <footer class=\"site-footer\">\n <div class=\"site-footer__inner\">\n <p>© ".concat(year, " AITBC Foundation. Explorer UI under active development.</p>\n </div>\n </footer>\n ");
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.siteHeader = siteHeader;
|
||||
function siteHeader(title) {
|
||||
return "\n <header class=\"site-header\">\n <div class=\"site-header__inner\">\n <a class=\"site-header__brand\" href=\"/\">AITBC Explorer</a>\n <h1 class=\"site-header__title\">".concat(title, "</h1>\n <div class=\"site-header__controls\">\n <div data-role=\"data-mode-toggle\"></div>\n </div>\n <nav class=\"site-header__nav\">\n <a href=\"/\">Overview</a>\n <a href=\"/blocks\">Blocks</a>\n <a href=\"/transactions\">Transactions</a>\n <a href=\"/addresses\">Addresses</a>\n <a href=\"/receipts\">Receipts</a>\n </nav>\n </div>\n </header>\n ");
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
"use strict";
|
||||
var _a, _b, _c, _d;
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.CONFIG = void 0;
|
||||
exports.CONFIG = {
|
||||
// Toggle between "mock" (static JSON under public/mock/) and "live" coordinator APIs.
|
||||
dataMode: (_b = (_a = import.meta.env) === null || _a === void 0 ? void 0 : _a.VITE_DATA_MODE) !== null && _b !== void 0 ? _b : "mock",
|
||||
mockBasePath: "/mock",
|
||||
apiBaseUrl: (_d = (_c = import.meta.env) === null || _c === void 0 ? void 0 : _c.VITE_COORDINATOR_API) !== null && _d !== void 0 ? _d : "http://localhost:8000",
|
||||
};
|
||||
@ -9,6 +9,6 @@ export interface ExplorerConfig {
|
||||
export const CONFIG: ExplorerConfig = {
|
||||
// Toggle between "mock" (static JSON under public/mock/) and "live" coordinator APIs.
|
||||
dataMode: (import.meta.env?.VITE_DATA_MODE as DataMode) ?? "mock",
|
||||
mockBasePath: "/mock",
|
||||
mockBasePath: "/explorer/mock",
|
||||
apiBaseUrl: import.meta.env?.VITE_COORDINATOR_API ?? "http://localhost:8000",
|
||||
};
|
||||
|
||||
@ -1,207 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.getDataMode = getDataMode;
|
||||
exports.setDataMode = setDataMode;
|
||||
exports.fetchBlocks = fetchBlocks;
|
||||
exports.fetchTransactions = fetchTransactions;
|
||||
exports.fetchAddresses = fetchAddresses;
|
||||
exports.fetchReceipts = fetchReceipts;
|
||||
var config_1 = require("../config");
|
||||
var currentMode = config_1.CONFIG.dataMode;
|
||||
function getDataMode() {
|
||||
return currentMode;
|
||||
}
|
||||
function setDataMode(mode) {
|
||||
currentMode = mode;
|
||||
}
|
||||
function fetchBlocks() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var data, response, data, error_1;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
if (!(getDataMode() === "mock")) return [3 /*break*/, 2];
|
||||
return [4 /*yield*/, fetchMock("blocks")];
|
||||
case 1:
|
||||
data = _a.sent();
|
||||
return [2 /*return*/, data.items];
|
||||
case 2:
|
||||
_a.trys.push([2, 5, , 6]);
|
||||
return [4 /*yield*/, fetch("".concat(config_1.CONFIG.apiBaseUrl, "/v1/blocks"))];
|
||||
case 3:
|
||||
response = _a.sent();
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch blocks: ".concat(response.status));
|
||||
}
|
||||
return [4 /*yield*/, response.json()];
|
||||
case 4:
|
||||
data = (_a.sent());
|
||||
return [2 /*return*/, data.items];
|
||||
case 5:
|
||||
error_1 = _a.sent();
|
||||
console.warn("[Explorer] Failed to fetch live block data", error_1);
|
||||
return [2 /*return*/, []];
|
||||
case 6: return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function fetchTransactions() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var data, response, data, error_2;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
if (!(getDataMode() === "mock")) return [3 /*break*/, 2];
|
||||
return [4 /*yield*/, fetchMock("transactions")];
|
||||
case 1:
|
||||
data = _a.sent();
|
||||
return [2 /*return*/, data.items];
|
||||
case 2:
|
||||
_a.trys.push([2, 5, , 6]);
|
||||
return [4 /*yield*/, fetch("".concat(config_1.CONFIG.apiBaseUrl, "/v1/transactions"))];
|
||||
case 3:
|
||||
response = _a.sent();
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch transactions: ".concat(response.status));
|
||||
}
|
||||
return [4 /*yield*/, response.json()];
|
||||
case 4:
|
||||
data = (_a.sent());
|
||||
return [2 /*return*/, data.items];
|
||||
case 5:
|
||||
error_2 = _a.sent();
|
||||
console.warn("[Explorer] Failed to fetch live transaction data", error_2);
|
||||
return [2 /*return*/, []];
|
||||
case 6: return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function fetchAddresses() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var data, response, data, error_3;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
if (!(getDataMode() === "mock")) return [3 /*break*/, 2];
|
||||
return [4 /*yield*/, fetchMock("addresses")];
|
||||
case 1:
|
||||
data = _a.sent();
|
||||
return [2 /*return*/, Array.isArray(data) ? data : [data]];
|
||||
case 2:
|
||||
_a.trys.push([2, 5, , 6]);
|
||||
return [4 /*yield*/, fetch("".concat(config_1.CONFIG.apiBaseUrl, "/v1/addresses"))];
|
||||
case 3:
|
||||
response = _a.sent();
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch addresses: ".concat(response.status));
|
||||
}
|
||||
return [4 /*yield*/, response.json()];
|
||||
case 4:
|
||||
data = (_a.sent());
|
||||
return [2 /*return*/, Array.isArray(data) ? data : data.items];
|
||||
case 5:
|
||||
error_3 = _a.sent();
|
||||
console.warn("[Explorer] Failed to fetch live address data", error_3);
|
||||
return [2 /*return*/, []];
|
||||
case 6: return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function fetchReceipts() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var data, response, data, error_4;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
if (!(getDataMode() === "mock")) return [3 /*break*/, 2];
|
||||
return [4 /*yield*/, fetchMock("receipts")];
|
||||
case 1:
|
||||
data = _a.sent();
|
||||
return [2 /*return*/, data.items];
|
||||
case 2:
|
||||
_a.trys.push([2, 5, , 6]);
|
||||
return [4 /*yield*/, fetch("".concat(config_1.CONFIG.apiBaseUrl, "/v1/receipts"))];
|
||||
case 3:
|
||||
response = _a.sent();
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch receipts: ".concat(response.status));
|
||||
}
|
||||
return [4 /*yield*/, response.json()];
|
||||
case 4:
|
||||
data = (_a.sent());
|
||||
return [2 /*return*/, data.items];
|
||||
case 5:
|
||||
error_4 = _a.sent();
|
||||
console.warn("[Explorer] Failed to fetch live receipt data", error_4);
|
||||
return [2 /*return*/, []];
|
||||
case 6: return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function fetchMock(resource) {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var url, response, error_5;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
url = "".concat(config_1.CONFIG.mockBasePath, "/").concat(resource, ".json");
|
||||
_a.label = 1;
|
||||
case 1:
|
||||
_a.trys.push([1, 4, , 5]);
|
||||
return [4 /*yield*/, fetch(url)];
|
||||
case 2:
|
||||
response = _a.sent();
|
||||
if (!response.ok) {
|
||||
throw new Error("Request failed with status ".concat(response.status));
|
||||
}
|
||||
return [4 /*yield*/, response.json()];
|
||||
case 3: return [2 /*return*/, (_a.sent())];
|
||||
case 4:
|
||||
error_5 = _a.sent();
|
||||
console.warn("[Explorer] Failed to fetch mock data from ".concat(url), error_5);
|
||||
return [2 /*return*/, []];
|
||||
case 5: return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
@ -1,2 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
@ -1,63 +0,0 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
require("../public/css/theme.css");
|
||||
require("../public/css/base.css");
|
||||
require("../public/css/layout.css");
|
||||
var siteHeader_1 = require("./components/siteHeader");
|
||||
var siteFooter_1 = require("./components/siteFooter");
|
||||
var overview_1 = require("./pages/overview");
|
||||
var blocks_1 = require("./pages/blocks");
|
||||
var transactions_1 = require("./pages/transactions");
|
||||
var addresses_1 = require("./pages/addresses");
|
||||
var receipts_1 = require("./pages/receipts");
|
||||
var dataModeToggle_1 = require("./components/dataModeToggle");
|
||||
var mockData_1 = require("./lib/mockData");
|
||||
var overviewConfig = {
|
||||
title: overview_1.overviewTitle,
|
||||
render: overview_1.renderOverviewPage,
|
||||
init: overview_1.initOverviewPage,
|
||||
};
|
||||
var routes = {
|
||||
"/": overviewConfig,
|
||||
"/index.html": overviewConfig,
|
||||
"/blocks": {
|
||||
title: blocks_1.blocksTitle,
|
||||
render: blocks_1.renderBlocksPage,
|
||||
init: blocks_1.initBlocksPage,
|
||||
},
|
||||
"/transactions": {
|
||||
title: transactions_1.transactionsTitle,
|
||||
render: transactions_1.renderTransactionsPage,
|
||||
init: transactions_1.initTransactionsPage,
|
||||
},
|
||||
"/addresses": {
|
||||
title: addresses_1.addressesTitle,
|
||||
render: addresses_1.renderAddressesPage,
|
||||
init: addresses_1.initAddressesPage,
|
||||
},
|
||||
"/receipts": {
|
||||
title: receipts_1.receiptsTitle,
|
||||
render: receipts_1.renderReceiptsPage,
|
||||
init: receipts_1.initReceiptsPage,
|
||||
},
|
||||
};
|
||||
function render() {
|
||||
var _a, _b, _c;
|
||||
var root = document.querySelector("#app");
|
||||
if (!root) {
|
||||
console.warn("[Explorer] Missing #app root element");
|
||||
return;
|
||||
}
|
||||
document.documentElement.dataset.mode = (0, mockData_1.getDataMode)();
|
||||
var currentPath = window.location.pathname.replace(/\/$/, "");
|
||||
var normalizedPath = currentPath === "" ? "/" : currentPath;
|
||||
var page = (_a = routes[normalizedPath]) !== null && _a !== void 0 ? _a : null;
|
||||
root.innerHTML = "\n ".concat((0, siteHeader_1.siteHeader)((_b = page === null || page === void 0 ? void 0 : page.title) !== null && _b !== void 0 ? _b : "Explorer"), "\n <main class=\"page\">").concat((page !== null && page !== void 0 ? page : notFoundPageConfig).render(), "</main>\n ").concat((0, siteFooter_1.siteFooter)(), "\n ");
|
||||
(0, dataModeToggle_1.initDataModeToggle)(render);
|
||||
void ((_c = page === null || page === void 0 ? void 0 : page.init) === null || _c === void 0 ? void 0 : _c.call(page));
|
||||
}
|
||||
var notFoundPageConfig = {
|
||||
title: "Not Found",
|
||||
render: function () { return "\n <section class=\"not-found\">\n <h2>Page Not Found</h2>\n <p>The requested view is not available yet.</p>\n </section>\n "; },
|
||||
};
|
||||
document.addEventListener("DOMContentLoaded", render);
|
||||
@ -58,7 +58,8 @@ function render(): void {
|
||||
}
|
||||
|
||||
const currentPath = window.location.pathname.replace(/\/$/, "");
|
||||
const normalizedPath = currentPath === "" ? "/" : currentPath;
|
||||
// Remove /explorer prefix for routing
|
||||
const normalizedPath = currentPath.replace(/^\/explorer/, "") || "/";
|
||||
const page = routes[normalizedPath] ?? null;
|
||||
|
||||
root.innerHTML = `
|
||||
|
||||
@ -1,72 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.addressesTitle = void 0;
|
||||
exports.renderAddressesPage = renderAddressesPage;
|
||||
exports.initAddressesPage = initAddressesPage;
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
exports.addressesTitle = "Addresses";
|
||||
function renderAddressesPage() {
|
||||
return "\n <section class=\"addresses\">\n <header class=\"section-header\">\n <h2>Address Lookup</h2>\n <p class=\"lead\">Enter an account address to view recent transactions, balances, and receipt history (mock results shown below).</p>\n </header>\n <form class=\"addresses__search\" aria-label=\"Search for an address\">\n <label class=\"addresses__label\" for=\"address-input\">Address</label>\n <div class=\"addresses__input-group\">\n <input id=\"address-input\" name=\"address\" type=\"search\" placeholder=\"0x...\" disabled />\n <button type=\"submit\" disabled>Search</button>\n </div>\n <p class=\"placeholder\">Searching will be enabled after integrating the coordinator/blockchain node endpoints.</p>\n </form>\n <section class=\"addresses__details\">\n <h3>Recent Activity</h3>\n <table class=\"table addresses__table\">\n <thead>\n <tr>\n <th scope=\"col\">Address</th>\n <th scope=\"col\">Balance</th>\n <th scope=\"col\">Tx Count</th>\n <th scope=\"col\">Last Active</th>\n </tr>\n </thead>\n <tbody id=\"addresses-table-body\">\n <tr>\n <td class=\"placeholder\" colspan=\"4\">Loading addresses\u2026</td>\n </tr>\n </tbody>\n </table>\n </section>\n </section>\n ";
|
||||
}
|
||||
function initAddressesPage() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var tbody, addresses;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
tbody = document.querySelector("#addresses-table-body");
|
||||
if (!tbody) {
|
||||
return [2 /*return*/];
|
||||
}
|
||||
return [4 /*yield*/, (0, mockData_1.fetchAddresses)()];
|
||||
case 1:
|
||||
addresses = _a.sent();
|
||||
if (addresses.length === 0) {
|
||||
tbody.innerHTML = "\n <tr>\n <td class=\"placeholder\" colspan=\"4\">No mock addresses available.</td>\n </tr>\n ";
|
||||
return [2 /*return*/];
|
||||
}
|
||||
tbody.innerHTML = addresses.map(renderAddressRow).join("");
|
||||
return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function renderAddressRow(address) {
|
||||
return "\n <tr>\n <td><code>".concat(address.address, "</code></td>\n <td>").concat(address.balance, "</td>\n <td>").concat(address.txCount, "</td>\n <td>").concat(new Date(address.lastActive).toLocaleString(), "</td>\n </tr>\n ");
|
||||
}
|
||||
@ -1,74 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.blocksTitle = void 0;
|
||||
exports.renderBlocksPage = renderBlocksPage;
|
||||
exports.initBlocksPage = initBlocksPage;
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
exports.blocksTitle = "Blocks";
|
||||
function renderBlocksPage() {
|
||||
return "\n <section class=\"blocks\">\n <header class=\"section-header\">\n <h2>Recent Blocks</h2>\n <p class=\"lead\">This view lists blocks pulled from the coordinator or blockchain node (mock data shown for now).</p>\n </header>\n <table class=\"table blocks__table\">\n <thead>\n <tr>\n <th scope=\"col\">Height</th>\n <th scope=\"col\">Block Hash</th>\n <th scope=\"col\">Timestamp</th>\n <th scope=\"col\">Tx Count</th>\n <th scope=\"col\">Proposer</th>\n </tr>\n </thead>\n <tbody id=\"blocks-table-body\">\n <tr>\n <td class=\"placeholder\" colspan=\"5\">Loading blocks\u2026</td>\n </tr>\n </tbody>\n </table>\n </section>\n ";
|
||||
}
|
||||
function initBlocksPage() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var tbody, blocks;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
tbody = document.querySelector("#blocks-table-body");
|
||||
if (!tbody) {
|
||||
return [2 /*return*/];
|
||||
}
|
||||
return [4 /*yield*/, (0, mockData_1.fetchBlocks)()];
|
||||
case 1:
|
||||
blocks = _a.sent();
|
||||
if (blocks.length === 0) {
|
||||
tbody.innerHTML = "\n <tr>\n <td class=\"placeholder\" colspan=\"5\">No mock blocks available.</td>\n </tr>\n ";
|
||||
return [2 /*return*/];
|
||||
}
|
||||
tbody.innerHTML = blocks
|
||||
.map(function (block) { return renderBlockRow(block); })
|
||||
.join("");
|
||||
return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function renderBlockRow(block) {
|
||||
return "\n <tr>\n <td>".concat(block.height, "</td>\n <td><code>").concat(block.hash.slice(0, 18), "\u2026</code></td>\n <td>").concat(new Date(block.timestamp).toLocaleString(), "</td>\n <td>").concat(block.txCount, "</td>\n <td>").concat(block.proposer, "</td>\n </tr>\n ");
|
||||
}
|
||||
@ -1,93 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.overviewTitle = void 0;
|
||||
exports.renderOverviewPage = renderOverviewPage;
|
||||
exports.initOverviewPage = initOverviewPage;
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
exports.overviewTitle = "Network Overview";
|
||||
function renderOverviewPage() {
|
||||
return "\n <section class=\"overview\">\n <p class=\"lead\">High-level summaries of recent blocks, transactions, and receipts will appear here.</p>\n <div class=\"overview__grid\">\n <article class=\"card\">\n <h3>Latest Block</h3>\n <ul class=\"stat-list\" id=\"overview-block-stats\">\n <li class=\"placeholder\">Loading block data\u2026</li>\n </ul>\n </article>\n <article class=\"card\">\n <h3>Recent Transactions</h3>\n <ul class=\"stat-list\" id=\"overview-transaction-stats\">\n <li class=\"placeholder\">Loading transaction data\u2026</li>\n </ul>\n </article>\n <article class=\"card\">\n <h3>Receipt Metrics</h3>\n <ul class=\"stat-list\" id=\"overview-receipt-stats\">\n <li class=\"placeholder\">Loading receipt data\u2026</li>\n </ul>\n </article>\n </div>\n </section>\n ";
|
||||
}
|
||||
function initOverviewPage() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var _a, blocks, transactions, receipts, blockStats, latest, txStats, succeeded, receiptStats, attested;
|
||||
return __generator(this, function (_b) {
|
||||
switch (_b.label) {
|
||||
case 0: return [4 /*yield*/, Promise.all([
|
||||
(0, mockData_1.fetchBlocks)(),
|
||||
(0, mockData_1.fetchTransactions)(),
|
||||
(0, mockData_1.fetchReceipts)(),
|
||||
])];
|
||||
case 1:
|
||||
_a = _b.sent(), blocks = _a[0], transactions = _a[1], receipts = _a[2];
|
||||
blockStats = document.querySelector("#overview-block-stats");
|
||||
if (blockStats) {
|
||||
if (blocks.length > 0) {
|
||||
latest = blocks[0];
|
||||
blockStats.innerHTML = "\n <li><strong>Height:</strong> ".concat(latest.height, "</li>\n <li><strong>Hash:</strong> ").concat(latest.hash.slice(0, 18), "\u2026</li>\n <li><strong>Proposer:</strong> ").concat(latest.proposer, "</li>\n <li><strong>Time:</strong> ").concat(new Date(latest.timestamp).toLocaleString(), "</li>\n ");
|
||||
}
|
||||
else {
|
||||
blockStats.innerHTML = "<li class=\"placeholder\">No mock block data available.</li>";
|
||||
}
|
||||
}
|
||||
txStats = document.querySelector("#overview-transaction-stats");
|
||||
if (txStats) {
|
||||
if (transactions.length > 0) {
|
||||
succeeded = transactions.filter(function (tx) { return tx.status === "Succeeded"; });
|
||||
txStats.innerHTML = "\n <li><strong>Total Mock Tx:</strong> ".concat(transactions.length, "</li>\n <li><strong>Succeeded:</strong> ").concat(succeeded.length, "</li>\n <li><strong>Pending:</strong> ").concat(transactions.length - succeeded.length, "</li>\n ");
|
||||
}
|
||||
else {
|
||||
txStats.innerHTML = "<li class=\"placeholder\">No mock transaction data available.</li>";
|
||||
}
|
||||
}
|
||||
receiptStats = document.querySelector("#overview-receipt-stats");
|
||||
if (receiptStats) {
|
||||
if (receipts.length > 0) {
|
||||
attested = receipts.filter(function (receipt) { return receipt.status === "Attested"; });
|
||||
receiptStats.innerHTML = "\n <li><strong>Total Receipts:</strong> ".concat(receipts.length, "</li>\n <li><strong>Attested:</strong> ").concat(attested.length, "</li>\n <li><strong>Pending:</strong> ").concat(receipts.length - attested.length, "</li>\n ");
|
||||
}
|
||||
else {
|
||||
receiptStats.innerHTML = "<li class=\"placeholder\">No mock receipt data available.</li>";
|
||||
}
|
||||
}
|
||||
return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
@ -1,72 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.receiptsTitle = void 0;
|
||||
exports.renderReceiptsPage = renderReceiptsPage;
|
||||
exports.initReceiptsPage = initReceiptsPage;
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
exports.receiptsTitle = "Receipts";
|
||||
function renderReceiptsPage() {
|
||||
return "\n <section class=\"receipts\">\n <header class=\"section-header\">\n <h2>Receipt History</h2>\n <p class=\"lead\">Mock receipts from the coordinator history are displayed below; live lookup will arrive with API wiring.</p>\n </header>\n <div class=\"receipts__controls\">\n <label class=\"receipts__label\" for=\"job-id-input\">Job ID</label>\n <div class=\"receipts__input-group\">\n <input id=\"job-id-input\" name=\"jobId\" type=\"search\" placeholder=\"Enter job ID\" disabled />\n <button type=\"button\" disabled>Lookup</button>\n </div>\n <p class=\"placeholder\">Receipt lookup will be enabled after wiring to <code>/v1/jobs/{job_id}/receipts</code>.</p>\n </div>\n <section class=\"receipts__list\">\n <h3>Recent Receipts</h3>\n <table class=\"table receipts__table\">\n <thead>\n <tr>\n <th scope=\"col\">Job ID</th>\n <th scope=\"col\">Receipt ID</th>\n <th scope=\"col\">Miner</th>\n <th scope=\"col\">Coordinator</th>\n <th scope=\"col\">Issued</th>\n <th scope=\"col\">Status</th>\n </tr>\n </thead>\n <tbody id=\"receipts-table-body\">\n <tr>\n <td class=\"placeholder\" colspan=\"6\">Loading receipts\u2026</td>\n </tr>\n </tbody>\n </table>\n </section>\n </section>\n ";
|
||||
}
|
||||
function initReceiptsPage() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var tbody, receipts;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
tbody = document.querySelector("#receipts-table-body");
|
||||
if (!tbody) {
|
||||
return [2 /*return*/];
|
||||
}
|
||||
return [4 /*yield*/, (0, mockData_1.fetchReceipts)()];
|
||||
case 1:
|
||||
receipts = _a.sent();
|
||||
if (receipts.length === 0) {
|
||||
tbody.innerHTML = "\n <tr>\n <td class=\"placeholder\" colspan=\"6\">No mock receipts available.</td>\n </tr>\n ";
|
||||
return [2 /*return*/];
|
||||
}
|
||||
tbody.innerHTML = receipts.map(renderReceiptRow).join("");
|
||||
return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function renderReceiptRow(receipt) {
|
||||
return "\n <tr>\n <td><code>".concat(receipt.jobId, "</code></td>\n <td><code>").concat(receipt.receiptId, "</code></td>\n <td>").concat(receipt.miner, "</td>\n <td>").concat(receipt.coordinator, "</td>\n <td>").concat(new Date(receipt.issuedAt).toLocaleString(), "</td>\n <td>").concat(receipt.status, "</td>\n </tr>\n ");
|
||||
}
|
||||
@ -1,72 +0,0 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
||||
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.transactionsTitle = void 0;
|
||||
exports.renderTransactionsPage = renderTransactionsPage;
|
||||
exports.initTransactionsPage = initTransactionsPage;
|
||||
var mockData_1 = require("../lib/mockData");
|
||||
exports.transactionsTitle = "Transactions";
|
||||
function renderTransactionsPage() {
|
||||
return "\n <section class=\"transactions\">\n <header class=\"section-header\">\n <h2>Recent Transactions</h2>\n <p class=\"lead\">Mock data is shown below until coordinator or node APIs are wired up.</p>\n </header>\n <table class=\"table transactions__table\">\n <thead>\n <tr>\n <th scope=\"col\">Hash</th>\n <th scope=\"col\">Block</th>\n <th scope=\"col\">From</th>\n <th scope=\"col\">To</th>\n <th scope=\"col\">Value</th>\n <th scope=\"col\">Status</th>\n </tr>\n </thead>\n <tbody id=\"transactions-table-body\">\n <tr>\n <td class=\"placeholder\" colspan=\"6\">Loading transactions\u2026</td>\n </tr>\n </tbody>\n </table>\n </section>\n ";
|
||||
}
|
||||
function initTransactionsPage() {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var tbody, transactions;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
tbody = document.querySelector("#transactions-table-body");
|
||||
if (!tbody) {
|
||||
return [2 /*return*/];
|
||||
}
|
||||
return [4 /*yield*/, (0, mockData_1.fetchTransactions)()];
|
||||
case 1:
|
||||
transactions = _a.sent();
|
||||
if (transactions.length === 0) {
|
||||
tbody.innerHTML = "\n <tr>\n <td class=\"placeholder\" colspan=\"6\">No mock transactions available.</td>\n </tr>\n ";
|
||||
return [2 /*return*/];
|
||||
}
|
||||
tbody.innerHTML = transactions.map(renderTransactionRow).join("");
|
||||
return [2 /*return*/];
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function renderTransactionRow(tx) {
|
||||
return "\n <tr>\n <td><code>".concat(tx.hash.slice(0, 18), "\u2026</code></td>\n <td>").concat(tx.block, "</td>\n <td><code>").concat(tx.from.slice(0, 12), "\u2026</code></td>\n <td><code>").concat(tx.to.slice(0, 12), "\u2026</code></td>\n <td>").concat(tx.value, "</td>\n <td>").concat(tx.status, "</td>\n </tr>\n ");
|
||||
}
|
||||
@ -4,4 +4,5 @@ export default defineConfig({
|
||||
server: {
|
||||
port: 4173,
|
||||
},
|
||||
base: '/explorer/',
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user