beeline-cli
Version:
A terminal wallet for the Hive blockchain - type, sign, rule the chain
157 lines • 8.21 kB
JavaScript
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.Dashboard = Dashboard;
const react_1 = __importStar(require("react"));
const ink_1 = require("ink");
const hive_js_1 = require("../../utils/hive.js");
function Dashboard({ keyManager, mock = false, node, setCurrentScreen }) {
const [stats, setStats] = (0, react_1.useState)(null);
const [isLoading, setIsLoading] = (0, react_1.useState)(true);
const [error, setError] = (0, react_1.useState)(null);
const [selectedOption, setSelectedOption] = (0, react_1.useState)(0);
const menuOptions = [
{ key: 'b', label: 'View Balance', screen: 'balance', color: 'cyan' },
{ key: 't', label: 'Transfer Funds', screen: 'transfer', color: 'magenta' },
{ key: 'a', label: 'Manage Accounts', screen: 'accounts', color: 'yellow' },
];
(0, ink_1.useInput)((input, key) => {
if (key.upArrow && selectedOption > 0) {
setSelectedOption(selectedOption - 1);
}
else if (key.downArrow && selectedOption < menuOptions.length - 1) {
setSelectedOption(selectedOption + 1);
}
else if (key.return) {
setCurrentScreen(menuOptions[selectedOption].screen);
}
else {
// Handle letter shortcuts
const option = menuOptions.find(opt => opt.key === input);
if (option) {
setCurrentScreen(option.screen);
}
}
});
(0, react_1.useEffect)(() => {
const loadStats = async () => {
try {
const defaultAccount = keyManager.getDefaultAccount();
if (!defaultAccount) {
setError('No default account set. Please login or import keys first.');
setIsLoading(false);
return;
}
if (mock) {
setStats({
account: defaultAccount,
hiveBalance: '1,234.567',
hbdBalance: '89.123',
lastBlock: 85234567,
nodeUrl: 'api.hive.blog (mock)'
});
setIsLoading(false);
return;
}
const hiveClient = new hive_js_1.HiveClient(keyManager, node);
const balances = await hiveClient.getBalance(defaultAccount);
const nodeInfo = await hiveClient.getNodeInfo();
setStats({
account: defaultAccount,
hiveBalance: parseFloat(balances.hive).toLocaleString('en-US', { minimumFractionDigits: 3 }),
hbdBalance: parseFloat(balances.hbd).toLocaleString('en-US', { minimumFractionDigits: 3 }),
lastBlock: nodeInfo.lastBlockNum,
nodeUrl: nodeInfo.url
});
setIsLoading(false);
}
catch (err) {
setError(err instanceof Error ? err.message : 'Failed to load stats');
setIsLoading(false);
}
};
loadStats();
}, [keyManager, mock, node]);
if (isLoading) {
return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
react_1.default.createElement(ink_1.Text, { color: "cyan" }, "\u280B Loading dashboard...")));
}
return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: "magenta", paddingX: 1, marginBottom: 1 },
react_1.default.createElement(ink_1.Box, { flexDirection: "column", flexGrow: 1 },
react_1.default.createElement(ink_1.Text, { color: "magenta", bold: true }, "\u2593 QUICK STATS \u2593"),
error ? (react_1.default.createElement(ink_1.Text, { color: "red" },
"\u2716 ",
error)) : stats ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(ink_1.Text, { color: "white" },
"Account: ",
react_1.default.createElement(ink_1.Text, { color: "cyan", bold: true },
"@",
stats.account),
mock && react_1.default.createElement(ink_1.Text, { color: "yellow" }, " (MOCK)")),
react_1.default.createElement(ink_1.Text, { color: "white" },
"HIVE: ",
react_1.default.createElement(ink_1.Text, { color: "cyan" }, stats.hiveBalance),
" | HBD: ",
react_1.default.createElement(ink_1.Text, { color: "magenta" },
" ",
stats.hbdBalance)),
react_1.default.createElement(ink_1.Text, { color: "gray" },
"Block #",
stats.lastBlock.toLocaleString(),
" \u2022 ",
stats.nodeUrl))) : null)),
react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: "cyan", paddingX: 1, flexGrow: 1 },
react_1.default.createElement(ink_1.Box, { flexDirection: "column", flexGrow: 1 },
react_1.default.createElement(ink_1.Text, { color: "cyan", bold: true }, "\u2593 MAIN MENU \u2593"),
menuOptions.map((option, index) => (react_1.default.createElement(ink_1.Box, { key: option.key, marginY: 0 },
react_1.default.createElement(ink_1.Text, { color: index === selectedOption ? 'black' : option.color, backgroundColor: index === selectedOption ? option.color : undefined, bold: index === selectedOption },
index === selectedOption ? '► ' : ' ',
"[",
option.key.toUpperCase(),
"] ",
option.label)))),
react_1.default.createElement(ink_1.Box, { marginTop: 2 },
react_1.default.createElement(ink_1.Text, { color: "gray", dimColor: true }, "Use \u2191\u2193 to navigate, Enter to select, or press the letter key")))),
react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: "yellow", paddingX: 1, marginTop: 1 },
react_1.default.createElement(ink_1.Text, { color: "yellow" },
"\u2605 Status: ",
error ? 'Error' : stats ? 'Connected' : 'Loading',
" | Mode: ",
mock ? 'MOCK' : 'LIVE',
" | Time: ",
new Date().toLocaleTimeString()))));
}
//# sourceMappingURL=Dashboard.js.map