@stellar-expert/ui-framework 1.14.15 → 1.14.17

package/api/explorer-api-paginated-list-hooks.js

@@ -1,7 +1,7 @@
 import {useRef} from 'react'
 import isEqual from 'react-fast-compare'
 import {parseQuery, stringifyQuery, navigation} from '@stellar-expert/navigation'
-import {getCurrentStellarNetwork, useStellarNetwork} from '../state/stellar-network-hooks'
+import {useStellarNetwork} from '../state/stellar-network-hooks'
 import {useDependantState} from '../state/state-hooks'
 import {fetchExplorerApi} from './explorer-api-call'
 import apiCache from './api-cache'

package/api/ledger-stream.js

@@ -0,0 +1,101 @@
+import {getCurrentStellarNetwork} from '../state/stellar-network-hooks'
+import {fetchExplorerApi} from './explorer-api-call'
+
+class LedgerStream {
+    constructor() {
+        this.listeners = new Set()
+    }
+
+    /**
+     * @type {boolean}
+     * @private
+     */
+    listening = false
+    /**
+     * @type {Set<function>}
+     * @private
+     */
+    listeners
+
+    /**
+     * @param {function} listener
+     */
+    on(listener) {
+        this.listeners.add(listener)
+        if (!this.listening) {
+            this.listening = true
+            setTimeout(() => this.waitForLedger(), 100)
+        }
+    }
+
+    /**
+     * @param {function} listener
+     */
+    off(listener) {
+        this.listeners.delete(listener)
+        if (!this.listeners.size) {
+            this.listening = false
+        }
+    }
+
+    /**
+     * @param {number} ledger
+     * @private
+     */
+    notify(ledger) {
+        for (const listener of this.listeners) {
+            listener(ledger)
+        }
+    }
+
+    /**
+     * @return {Promise}
+     * @private
+     */
+    async waitForLedger() {
+        const url = `${explorerApiOrigin}/explorer/${getCurrentStellarNetwork()}/ledger/stream`
+        try {
+            const resp = await fetch(url, {keepalive: true, cache: 'no-cache'})
+            if (!resp.ok) {
+                let errorExt
+                try {
+                    errorExt = await resp.json()
+                } catch (parsingError) {
+                    errorExt = {}
+                }
+                const err = new Error(errorExt?.error || resp.statusText || 'Failed to fetch data from the server')
+                err.status = resp.status
+                err.ext = errorExt
+                throw err
+            }
+            const {ledger} = await resp.json()
+            this.notify(ledger)
+            if (this.listening) {
+                setTimeout(() => this.waitForLedger(), 1000)
+            }
+        } catch (e) {
+            console.error(e)
+            if (e instanceof Error) {
+                e = {
+                    error: e.message,
+                    status: e.status || 500,
+                    ext: e.ext
+                }
+            }
+            if (e.ext && e.ext.status) {
+                e.status = e.ext.status
+            }
+            return e
+        }
+    }
+
+    async getLast() {
+        return fetchExplorerApi(getCurrentStellarNetwork() + '/ledger/last')
+    }
+
+    async getLastSequence() {
+        return (await this.getLast()).sequence
+    }
+}
+
+export const ledgerStream = new LedgerStream()

package/index.js

@@ -19,6 +19,7 @@ export * from './api/explorer-api-hooks'
 export * from './api/explorer-api-paginated-list-hooks'
 export * from './api/explorer-tx-api'
 export * from './api/explorer-batch-info-loader'
+export * from './api/ledger-stream'
 //Horizon API binding and utils
 export * from './stellar/ledger-generic-id'
 export * from './horizon/horizon-client-helpers'
@@ -59,6 +60,7 @@ export * from './date/date-selector'
 //ledger-entries-related components
 export * from './ledger/ledger-entry-link'
 export * from './ledger/ledger-entry-href-formatter'
+export * from './ledger/ledger-info-parser'
 //account-related components
 export * from './account/identicon'
 export * from './account/account-address'

package/ledger/ledger-info-parser.js

@@ -0,0 +1,17 @@
+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.operations || 0,
+        txSuccess: data.txSuccess,
+        txFailed: data.txFailed,
+        xlm: parsed.totalCoins().toBigInt(),
+        feePool: parsed.feePool().toBigInt(),
+        baseFee: parsed.baseFee(),
+        baseReserve: parsed.baseReserve()
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.14.15",
+  "version": "1.14.17",
   "description": "StellarExpert shared UI components library",
   "main": "index.js",
   "module": "./index.js",