@talismn/balances-react 0.1.11 → 0.1.13

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @talismn/balances-react
 
+## 0.1.13
+
+### Patch Changes
+
+- 7168ea7: fix: missing/unnecessary/broken deps in @talismn/balances libs
+- db04d0d: fix: missing token rates and empty token rates requests
+- 67d8982: fix: only attempt to fetch each token using its respective balance module
+- Updated dependencies [7168ea7]
+  - @talismn/chaindata-provider-extension@0.1.7
+  - @talismn/balances@0.1.13
+  - @talismn/chain-connector@0.1.7
+  - @talismn/chaindata-provider@0.1.7
+  - @talismn/chain-connector-evm@0.1.7
+
+## 0.1.12
+
+### Patch Changes
+
+- ca50757: feat: implemented token fiat rates in @talismn/balances
+- Updated dependencies [ca50757]
+  - @talismn/balances@0.1.12
+  - @talismn/chaindata-provider@0.1.6
+  - @talismn/balances-evm-erc20@0.1.12
+  - @talismn/balances-evm-native@0.1.12
+  - @talismn/balances-example@0.1.12
+  - @talismn/balances-substrate-native@0.1.12
+  - @talismn/balances-substrate-orml@0.1.12
+  - @talismn/chain-connector@0.1.6
+  - @talismn/chaindata-provider-extension@0.1.6
+
 ## 0.1.11
 
 ### Patch Changes

package/dist/hooks/useBalances.js

@@ -16,6 +16,7 @@ import { useEffect, useState } from "react";
 import { useDebounce } from "react-use";
 import log from "../log";
 import { useChains, useEvmNetworks, useTokens } from "./useChaindata";
+import { useTokenRates } from "./useTokenRates";
 export function useBalances(
 // TODO: Make this array of BalanceModules more type-safe
 balanceModules, chaindataProvider, addressesByToken) {
@@ -23,6 +24,7 @@ balanceModules, chaindataProvider, addressesByToken) {
     const chains = useChains(chaindataProvider);
     const evmNetworks = useEvmNetworks(chaindataProvider);
     const tokens = useTokens(chaindataProvider);
+    const tokenRates = useTokenRates(tokens);
     const balances = useLiveQuery(() => __awaiter(this, void 0, void 0, function* () {
         return new Balances(yield db.balances
             .filter((balance) => {
@@ -36,8 +38,8 @@ balanceModules, chaindataProvider, addressesByToken) {
                 return false;
             return true;
         })
-            .toArray(), { chains, evmNetworks, tokens });
-    }), [balanceModules, addressesByToken, chains, evmNetworks, tokens]);
+            .toArray(), { chains, evmNetworks, tokens, tokenRates });
+    }), [balanceModules, addressesByToken, chains, evmNetworks, tokens, tokenRates]);
     // debounce every 100ms to prevent hammering UI with updates
     const [debouncedBalances, setDebouncedBalances] = useState(balances);
     useDebounce(() => balances && setDebouncedBalances(balances), 100, [balances]);
@@ -104,6 +106,7 @@ balanceModules, chaindataProvider, addressesByToken) {
     };
     const chainConnector = useChainConnector(chaindataProvider);
     const chainConnectorEvm = useChainConnectorEvm();
+    const tokens = useTokens(chaindataProvider);
     useEffect(() => {
         if (chainConnector === null)
             return;
@@ -115,14 +118,19 @@ balanceModules, chaindataProvider, addressesByToken) {
             return;
         const unsubs = balanceModules.map((balanceModule) => {
             const subscriptionKey = `${balanceModule.type}-${JSON.stringify(addressesByToken)}`;
+            // filter out tokens to only include those which this module knows how to fetch balances for
+            const moduleTokenIds = Object.values(tokens)
+                .filter(({ type }) => type === balanceModule.type)
+                .map(({ id }) => id);
+            const addressesByModuleToken = Object.fromEntries(Object.entries(addressesByToken).filter(([tokenId]) => moduleTokenIds.includes(tokenId)));
             // add balance subscription for this module
-            addSubscription(subscriptionKey, balanceModule, { substrate: chainConnector, evm: chainConnectorEvm }, chaindataProvider, addressesByToken);
+            addSubscription(subscriptionKey, balanceModule, { substrate: chainConnector, evm: chainConnectorEvm }, chaindataProvider, addressesByModuleToken);
             // return an unsub method, to be called when this effect unmounts
             return () => removeSubscription(subscriptionKey, balanceModule, addressesByToken);
         });
         const unsubAll = () => unsubs.forEach((unsub) => unsub());
         return unsubAll;
-    }, [addressesByToken, chainConnector, chainConnectorEvm]);
+    }, [addressesByToken, chainConnector, chainConnectorEvm, tokens]);
 }
 // TODO: Allow advanced users of this library to provide their own chain connector
 function useChainConnector(chaindataProvider) {

package/dist/hooks/useTokenRates.d.ts

@@ -0,0 +1,3 @@
+import { TokenList } from "@talismn/chaindata-provider";
+import { TokenRatesList } from "@talismn/token-rates";
+export declare function useTokenRates(tokens?: TokenList): TokenRatesList;

package/dist/hooks/useTokenRates.js

@@ -0,0 +1,22 @@
+import { fetchTokenRates } from "@talismn/token-rates";
+import { useEffect, useRef, useState } from "react";
+export function useTokenRates(tokens) {
+    const generation = useRef(0);
+    const [tokenRates, setTokenRates] = useState();
+    useEffect(() => {
+        if (!tokens)
+            return;
+        if (Object.keys(tokens).length < 1)
+            return;
+        // when we make a new request, we want to ignore any old requests which haven't yet completed
+        // otherwise we risk replacing the most recent data with older data
+        generation.current = (generation.current + 1) % Number.MAX_SAFE_INTEGER;
+        const thisGeneration = generation.current;
+        fetchTokenRates(tokens).then((tokenRates) => {
+            if (thisGeneration !== generation.current)
+                return;
+            setTokenRates(tokenRates);
+        });
+    }, [tokens]);
+    return tokenRates || {};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talismn/balances-react",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "author": "Talisman",
   "homepage": "https://talisman.xyz",
   "license": "UNLICENSED",
@@ -30,15 +30,11 @@
     "clean": "rm -rf dist && rm -rf .turbo rm -rf node_modules"
   },
   "dependencies": {
-    "@talismn/balances": "^0.1.11",
-    "@talismn/balances-evm-erc20": "^0.1.11",
-    "@talismn/balances-evm-native": "^0.1.11",
-    "@talismn/balances-example": "^0.1.11",
-    "@talismn/balances-substrate-native": "^0.1.11",
-    "@talismn/balances-substrate-orml": "^0.1.11",
-    "@talismn/chain-connector": "^0.1.5",
-    "@talismn/chaindata-provider": "^0.1.5",
-    "@talismn/chaindata-provider-extension": "^0.1.5",
+    "@talismn/balances": "^0.1.13",
+    "@talismn/chain-connector": "^0.1.7",
+    "@talismn/chain-connector-evm": "^0.1.7",
+    "@talismn/chaindata-provider": "^0.1.7",
+    "@talismn/chaindata-provider-extension": "^0.1.7",
     "anylogger": "^1.0.11",
     "dexie": "^3.2.2",
     "dexie-react-hooks": "^1.1.1",