@stellar-expert/ui-framework 1.16.8 → 1.17.0

package/ledger/ledger-entry-link.js

@@ -1,59 +1,94 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import {formatExplorerLink} from './ledger-entry-href-formatter'
-import {useStellarNetwork} from '../state/stellar-network-hooks'
-
-function LedgerEntryLink({type, id, network, children}) {
-    const globallySetNetwork = useStellarNetwork()
-    return <a href={formatExplorerLink(type, id, network || globallySetNetwork)} target="_blank">{children || id}</a>
-}
-
-export const TxLink = React.memo(function TxLink({tx, network, children}) {
-    return React.createElement(LedgerEntryLink, {type: 'tx', id: tx, network, children})
-})
-
-TxLink.propTypes = {
-    tx: PropTypes.string.isRequired,
-    network: PropTypes.string,
-    children: PropTypes.any
-}
-
-export const OpLink = React.memo(function OpLink({op, network, children}) {
-    return React.createElement(LedgerEntryLink, {type: 'op', id: op, network, children})
-})
-
-OpLink.propTypes = {
-    op: PropTypes.string.isRequired,
-    network: PropTypes.string,
-    children: PropTypes.any
-}
-
-export const LedgerLink = React.memo(function LedgerLink({sequence, network, children}) {
-    return React.createElement(LedgerEntryLink, {type: 'ledger', id: sequence, network, children})
-})
-
-LedgerLink.propTypes = {
-    sequence: PropTypes.number.isRequired,
-    network: PropTypes.string,
-    children: PropTypes.any
-}
-
-export const OfferLink = React.memo(function OfferLink({offer, network, children}) {
-    return React.createElement(LedgerEntryLink, {type: 'offer', id: offer, network, children})
-})
-
-OfferLink.propTypes = {
-    offer: PropTypes.string.isRequired,
-    network: PropTypes.string,
-    children: PropTypes.any
-}
-
-export const PoolLink = React.memo(function PoolLink({pool, network, children}) {
-    return React.createElement(LedgerEntryLink, {type: 'pool', id: pool, network, children})
-})
-
-PoolLink.propTypes = {
-    pool: PropTypes.string.isRequired,
-    network: PropTypes.string,
-    children: PropTypes.any
+import React from 'react'
+import PropTypes from 'prop-types'
+import {formatExplorerLink} from './ledger-entry-href-formatter'
+import {useStellarNetwork} from '../state/stellar-network-hooks'
+
+function LedgerEntryLink({type, id, network, children}) {
+    const globallySetNetwork = useStellarNetwork()
+    return <a href={formatExplorerLink(type, id, network || globallySetNetwork)} target="_blank">{children || id}</a>
+}
+
+/**
+ * Link to a transaction on StellarExpert
+ * @param {Object} props
+ * @param {string} props.tx - Transaction hash
+ * @param {string} [props.network] - Stellar network override
+ * @param {*} [props.children] - Custom link content (defaults to the tx hash)
+ */
+export const TxLink = React.memo(function TxLink({tx, network, children}) {
+    return React.createElement(LedgerEntryLink, {type: 'tx', id: tx, network, children})
+})
+
+TxLink.propTypes = {
+    tx: PropTypes.string.isRequired,
+    network: PropTypes.string,
+    children: PropTypes.any
+}
+
+/**
+ * Link to an operation on StellarExpert
+ * @param {Object} props
+ * @param {string} props.op - Operation ID
+ * @param {string} [props.network] - Stellar network override
+ * @param {*} [props.children] - Custom link content
+ */
+export const OpLink = React.memo(function OpLink({op, network, children}) {
+    return React.createElement(LedgerEntryLink, {type: 'op', id: op, network, children})
+})
+
+OpLink.propTypes = {
+    op: PropTypes.string.isRequired,
+    network: PropTypes.string,
+    children: PropTypes.any
+}
+
+/**
+ * Link to a ledger on StellarExpert
+ * @param {Object} props
+ * @param {number} props.sequence - Ledger sequence number
+ * @param {string} [props.network] - Stellar network override
+ * @param {*} [props.children] - Custom link content
+ */
+export const LedgerLink = React.memo(function LedgerLink({sequence, network, children}) {
+    return React.createElement(LedgerEntryLink, {type: 'ledger', id: sequence, network, children})
+})
+
+LedgerLink.propTypes = {
+    sequence: PropTypes.number.isRequired,
+    network: PropTypes.string,
+    children: PropTypes.any
+}
+
+/**
+ * Link to a DEX offer on StellarExpert
+ * @param {Object} props
+ * @param {string} props.offer - Offer ID
+ * @param {string} [props.network] - Stellar network override
+ * @param {*} [props.children] - Custom link content
+ */
+export const OfferLink = React.memo(function OfferLink({offer, network, children}) {
+    return React.createElement(LedgerEntryLink, {type: 'offer', id: offer, network, children})
+})
+
+OfferLink.propTypes = {
+    offer: PropTypes.string.isRequired,
+    network: PropTypes.string,
+    children: PropTypes.any
+}
+
+/**
+ * Link to a liquidity pool on StellarExpert
+ * @param {Object} props
+ * @param {string} props.pool - Pool ID
+ * @param {string} [props.network] - Stellar network override
+ * @param {*} [props.children] - Custom link content
+ */
+export const PoolLink = React.memo(function PoolLink({pool, network, children}) {
+    return React.createElement(LedgerEntryLink, {type: 'pool', id: pool, network, children})
+})
+
+PoolLink.propTypes = {
+    pool: PropTypes.string.isRequired,
+    network: PropTypes.string,
+    children: PropTypes.any
 }

package/ledger/ledger-info-parser.js

@@ -1,18 +1,46 @@
-import {xdr} from '@stellar/stellar-base'
-
-export function retrieveLedgerInfo(data) {
-    const parsed = xdr.LedgerHeader.fromXDR(data.xdr, 'base64')
-    return {
-        sequence: data.sequence,
-        ts: data.ts,
-        protocol: data.protocol,
-        operations: data.successful_operations || 0,
-        failedOperations: data.failed_operations || 0,
-        txSuccess: data.successful_transactions,
-        txFailed: data.failed_transactions,
-        xlm: parsed.totalCoins().toBigInt(),
-        feePool: parsed.feePool().toBigInt(),
-        baseFee: parsed.baseFee(),
-        baseReserve: parsed.baseReserve()
-    }
-}
+import {xdr} from '@stellar/stellar-base'
+
+/**
+ * @typedef {Object} LedgerInfo
+ * @property {number} sequence - Ledger sequence number
+ * @property {number} ts - Ledger close timestamp
+ * @property {number} protocol - Protocol version
+ * @property {number} operations - number of successful operations
+ * @property {number} failedOperations - number of failed operations
+ * @property {number} txSuccess - number of successful transactions
+ * @property {number} txFailed - number of failed transactions
+ * @property {bigint} xlm - Total lumens in circulation
+ * @property {bigint} feePool - Fee pool amount
+ * @property {number} baseFee - Base fee in stroops
+ * @property {number} baseReserve - Base reserve in stroops
+ */
+
+/**
+ * Parse raw ledger data including XDR header into structured ledger info
+ * @param {Object} data - Raw ledger data from the API
+ * @param {string} data.xdr - Base64-encoded XDR ledger header
+ * @param {number} data.sequence - Ledger sequence number
+ * @param {number} data.ts - Ledger close timestamp
+ * @param {number} data.protocol - Protocol version
+ * @param {number} [data.successful_operations] - Successful operation count
+ * @param {number} [data.failed_operations] - Failed operation count
+ * @param {number} [data.successful_transactions] - Successful transaction count
+ * @param {number} [data.failed_transactions] - Failed transaction count
+ * @return {LedgerInfo}
+ */
+export function retrieveLedgerInfo(data) {
+    const parsed = xdr.LedgerHeader.fromXDR(data.xdr, 'base64')
+    return {
+        sequence: data.sequence,
+        ts: data.ts,
+        protocol: data.protocol,
+        operations: data.successful_operations || 0,
+        failedOperations: data.failed_operations || 0,
+        txSuccess: data.successful_transactions,
+        txFailed: data.failed_transactions,
+        xlm: parsed.totalCoins().toBigInt(),
+        feePool: parsed.feePool().toBigInt(),
+        baseFee: parsed.baseFee(),
+        baseReserve: parsed.baseReserve()
+    }
+}