IPFS gateway, web3provider, deeplink tx history, switchchain prompt

.vscode/settings.json

@@ -4,4 +4,4 @@
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
 
   "vetur.experimental.templateInterpolationService": true
-}
+}

src/antelope/chains/EVMChainSettings.ts

@@ -47,6 +47,7 @@ import { dateIsWithinXMinutes } from 'src/antelope/stores/utils/date-utils';
 import { CURRENT_CONTEXT, getAntelope, useContractStore, useNftsStore } from 'src/antelope';
 import { WEI_PRECISION, PRICE_UPDATE_INTERVAL_IN_MIN } from 'src/antelope/stores/utils';
 import { BehaviorSubject, filter } from 'rxjs';
+import { createTraceFunction } from 'src/antelope/config';
 
 
 export default abstract class EVMChainSettings implements ChainSettings {
@@ -97,6 +98,9 @@ export default abstract class EVMChainSettings implements ChainSettings {
     // This observable is used to check if the indexer health state was already checked
     indexerChecked$ = new BehaviorSubject(false);
 
+    // This function is used to trace the execution of the code
+    trace = createTraceFunction('EVMChainSettings');
+
     simulateIndexerDown(isBad: boolean) {
         this.indexerBadHealthSimulated = isBad;
     }
@@ -152,6 +156,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
     }
 
     async init(): Promise<void> {
+        this.trace('init');
         // this is called only when this chain is needed to avoid initialization of all chains
         if (this.ready) {
             return this.initPromise;
@@ -302,6 +307,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
     }
 
     async getBalances(account: string): Promise<TokenBalance[]> {
+        this.trace('getBalances', account);
         if (!this.hasIndexerSupport()) {
             console.error('Indexer API not supported for this chain:', this.getNetwork());
             return [];
@@ -366,6 +372,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
 
     // get the NFTs belonging to a particular contract (collection)
     async getNftsForCollection(collection: string, params: IndexerCollectionNftsFilter): Promise<Collectible[]> {
+        this.trace('getNftsForCollection', collection, params);
         if (!this.hasIndexerSupport()) {
             console.error('Error fetching NFTs, Indexer API not supported for this chain:', this.getNetwork());
             return [];
@@ -384,6 +391,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
             supply: nftResponse.supply,
             owner: nftResponse.owner,
         }));
+        this.trace('getNftsForCollection', { shapedIndexerNftData, response });
 
         // we fix the supportedInterfaces property if it is undefined in the response but present in the request
         Object.values(response.contracts).forEach((contract) => {
@@ -392,7 +400,10 @@ export default abstract class EVMChainSettings implements ChainSettings {
 
         this.processNftContractsCalldata(response.contracts);
         const shapedNftData = this.shapeNftRawData(shapedIndexerNftData, response.contracts);
-        return this.processNftRawData(shapedNftData);
+        this.trace('getNftsForCollection', { shapedNftData });
+        const finalNftData =  this.processNftRawData(shapedNftData);
+        this.trace('getNftsForCollection', { finalNftData });
+        return finalNftData;
     }
 
     // get the NFTs belonging to a particular account
@@ -471,6 +482,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
 
     // process the shaped raw data into NFTs
     async processNftRawData(shapedRawNfts: NftRawData[]): Promise<Collectible[]> {
+        this.trace('processNftRawData', shapedRawNfts);
         const contractStore = useContractStore();
         const nftsStore = useNftsStore();
 
@@ -502,6 +514,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
 
                 return nft;
             });
+        this.trace('processNftRawData', 'erc1155Nfts', erc1155Nfts);
 
         const erc721RawData = shapedRawNfts.filter(({ contract }) => contract.supportedInterfaces.includes('erc721'));
         const erc721Nfts = erc721RawData.map(async ({ data, contract }) => {
@@ -519,6 +532,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
 
             return nft;
         });
+        this.trace('processNftRawData', 'erc721Nfts', erc721Nfts);
 
         const settledPromises = await Promise.allSettled([...erc1155Nfts, ...erc721Nfts]);
 
@@ -529,7 +543,10 @@ export default abstract class EVMChainSettings implements ChainSettings {
             console.error('Error constructing NFT', reason);
         });
 
-        return fulfilledPromises.map(result => result.value as Collectible);
+        const nfts = fulfilledPromises.map(result => result.value as Collectible);
+        this.trace('processNftRawData', 'nfts', nfts);
+
+        return nfts;
     }
 
     constructTokenId(token: TokenSourceInfo): string {

src/antelope/stores/account.ts

@@ -48,6 +48,7 @@ export interface LoginNativeActionData {
 export interface LoginEVMActionData {
     authenticator: EVMAuthenticator
     network: string,
+    autoLogAccount?: string,
 }
 
 export interface SendActionData {
@@ -153,14 +154,14 @@ export const useAccountStore = defineStore(store_name, {
             return success;
         },
 
-        async loginEVM({ authenticator, network }: LoginEVMActionData): Promise<boolean> {
+        async loginEVM({ authenticator, network, autoLogAccount }: LoginEVMActionData): Promise<boolean> {
             this.trace('loginEVM', network);
             const label = authenticator.label;
             getAntelope().events.onClear.next({ label });
 
             let success = false;
             try {
-                const rawAddress = await authenticator.login(network);
+                const rawAddress = autoLogAccount ? await authenticator.autoLogin(network, autoLogAccount) : await authenticator.login(network);
                 this.trace('loginEVM', 'authenticator finished with address', rawAddress);
 
                 if (rawAddress) {
@@ -242,6 +243,7 @@ export const useAccountStore = defineStore(store_name, {
                 useFeedbackStore().setLoading('account.autoLogin');
                 const network = localStorage.getItem('network');
                 const account = localStorage.getItem('account');
+                const rawAddress = localStorage.getItem('rawAddress');
                 const isNative = localStorage.getItem('isNative') === 'true';
                 const autoLogin = localStorage.getItem('autoLogin');
                 this.trace('autoLogin', account, isNative, autoLogin);
@@ -265,9 +267,11 @@ export const useAccountStore = defineStore(store_name, {
                             console.error(getAntelope().wallets);
                             throw new Error('antelope.account.error_auto_login');
                         }
+                        const autoLogAccount = rawAddress ?? account;
                         return this.loginEVM({
                             authenticator,
                             network,
+                            autoLogAccount,
                         });
                     }
                 }
@@ -293,6 +297,31 @@ export const useAccountStore = defineStore(store_name, {
             }
         },
 
+        async assertNetworkConnection(label: string): Promise<boolean> {
+            if (!await useAccountStore().isConnectedToCorrectNetwork(label)) {
+                return new Promise<boolean>(async (resolve) => {
+                    const ant = getAntelope();
+                    const authenticator = useAccountStore().loggedAccount.authenticator as EVMAuthenticator;
+                    try {
+                        await authenticator.ensureCorrectChain();
+                        if (!await useAccountStore().isConnectedToCorrectNetwork(label)) {
+                            resolve(false);
+                        } else {
+                            resolve(true);
+                        }
+                    } catch (error) {
+                        const message = (error as Error).message;
+                        if (message === 'antelope.evm.error_switch_chain_rejected') {
+                            ant.config.notifyNeutralMessageHandler(message);
+                        }
+                        resolve(false);
+                    }
+                });
+            } else {
+                return true;
+            }
+        },
+
         async sendAction({ account, data, name, actor, permission }: SendActionData): Promise<NativeTransactionResponse> {
             this.trace('sendAction', account, data, name, actor, permission);
             try {

src/antelope/stores/allowances.ts

@@ -1,5 +1,4 @@
 import { defineStore } from 'pinia';
-import { filter } from 'rxjs';
 import { formatUnits } from 'ethers/lib/utils';
 import { BigNumber } from 'ethers';
 
@@ -36,6 +35,7 @@ import {
     CURRENT_CONTEXT,
     getAntelope,
     useAccountStore,
+    useBalancesStore,
     useChainStore,
     useContractStore,
     useFeedbackStore,
@@ -217,15 +217,6 @@ export const useAllowancesStore = defineStore(store_name, {
         init: () => {
             const allowancesStore = useAllowancesStore();
             const ant = getAntelope();
-            ant.events.onAccountChanged.pipe(
-                filter(({ label, account }) => !!label && !!account),
-            ).subscribe({
-                next: ({ label, account }) => {
-                    if (label === CURRENT_CONTEXT && account?.account) {
-                        allowancesStore.fetchAllowancesForAccount(account?.account);
-                    }
-                },
-            });
 
             ant.events.onClear.subscribe(({ label }) => {
                 allowancesStore.clearAllowances(label);
@@ -554,9 +545,20 @@ export const useAllowancesStore = defineStore(store_name, {
                 const tokenInfo = useTokensStore().__tokens[CURRENT_CONTEXT].find(token => token.address.toLowerCase() === data.contract.toLowerCase());
 
                 const tokenContract = await useContractStore().getContract(CURRENT_CONTEXT, data.contract);
-                const tokenContractInstance = await tokenContract?.getContractInstance();
-                const maxSupply = await tokenContractInstance?.totalSupply() as BigNumber | undefined;
-                const balance = await tokenContractInstance?.balanceOf(data.owner) as BigNumber | undefined;
+
+                const maxSupply = tokenContract?.maxSupply;
+
+                const balancesStore = useBalancesStore();
+                let balance = balancesStore.__balances[CURRENT_CONTEXT]?.find(
+                    balance => balance.token.address.toLowerCase() === data.contract.toLowerCase(),
+                )?.amount;
+
+                if (!balance) {
+                    const indexer = (useChainStore().loggedChain.settings as EVMChainSettings).getIndexer();
+                    const balanceString = (await indexer.get(`/v1/token/${data.contract}/holders?account=${data.owner}`)).data.results[0].balance;
+
+                    balance = BigNumber.from(balanceString);
+                }
 
                 if (!balance || !tokenInfo || !maxSupply) {
                     return null;
@@ -612,7 +614,10 @@ export const useAllowancesStore = defineStore(store_name, {
                 }
 
                 const collectionInfo = await useContractStore().getContract(CURRENT_CONTEXT, data.contract);
-                const balance = await (await collectionInfo?.getContractInstance())?.balanceOf(data.owner);
+                const indexer = (useChainStore().loggedChain.settings as EVMChainSettings).getIndexer();
+                const balanceString = (await indexer.get(`/v1/token/${data.contract}/holders?account=${data.owner}`)).data.results[0].balance;
+
+                const balance = BigNumber.from(balanceString);
 
                 return collectionInfo ? {
                     ...commonAttributes,
@@ -641,14 +646,9 @@ export const useAllowancesStore = defineStore(store_name, {
                     return null;
                 }
 
-                const balancePromises = collectionNftIds.map(async (tokenId) => {
-                    const contractInstance = await collectionInfo?.getContractInstance();
-                    return contractInstance?.balanceOf(data.owner, tokenId) as BigNumber;
-                });
-
-
-                const balancesOfAllIdsInCollection = await Promise.all(balancePromises);
-                const balance = balancesOfAllIdsInCollection.reduce((acc, balance) => acc.add(balance ?? 0), BigNumber.from(0));
+                const indexer = (useChainStore().loggedChain.settings as EVMChainSettings).getIndexer();
+                const holderInfoForOwner = (await indexer.get(`/v1/token/${data.contract}/holders?account=${data.owner}&limit=${ALLOWANCES_LIMIT}`)).data.results as { balance: string }[];
+                const totalNftsOwned = holderInfoForOwner.reduce((acc, holderInfo) => acc.add(holderInfo.balance), BigNumber.from(0));
 
                 return collectionInfo ? {
                     lastUpdated: data.updated,
@@ -657,7 +657,7 @@ export const useAllowancesStore = defineStore(store_name, {
                     allowed: data.approved,
                     collectionAddress: collectionInfo.address,
                     collectionName: collectionInfo.name,
-                    balance,
+                    balance: totalNftsOwned,
                 } : null;
             } catch(e) {
                 console.error('Error shaping ERC1155 allowance row', e);

src/antelope/stores/chain.ts

@@ -187,7 +187,7 @@ export const useChainStore = defineStore(store_name, {
             const stkToken = chain_settings.getStakedSystemToken();
 
             const abi = [stlosAbiPreviewDeposit[0], stlosAbiPreviewRedeem[0]];
-            const provider = await getAntelope().wallets.getWeb3Provider();
+            const provider = await getAntelope().wallets.getWeb3Provider(label);
             const contractInstance = new ethers.Contract(stkToken.address, abi, provider);
             // Now we preview a deposit of 1 SYS to get the ratio
             const oneSys = ethers.utils.parseUnits('1.0', sysToken.decimals);

src/antelope/stores/contract.ts

@@ -45,9 +45,9 @@ import {
 
 const LOCAL_SORAGE_CONTRACTS_KEY = 'antelope.contracts';
 
-const createManager = (signer?: ethers.Signer):EvmContractManagerI => ({
+const createManager = (label: string, signer?: ethers.Signer):EvmContractManagerI => ({
     getSigner: async () => signer ?? null,
-    getWeb3Provider: () => getAntelope().wallets.getWeb3Provider(),
+    getWeb3Provider: () => getAntelope().wallets.getWeb3Provider(label),
     getFunctionIface: (hash:string) => toRaw(useEVMStore().getFunctionIface(hash)),
     getEventIface: (hash:string) => toRaw(useEVMStore().getEventIface(hash)),
 });
@@ -61,9 +61,13 @@ export interface ContractStoreState {
             processing: Record<string, Promise<EvmContract | null>>
         },
     }
-    // addresses which have been checked and are known not to be contract addresses
     __accounts: {
-        [network: string]: string[],
+        [network: string]: {
+            // addresses which are being checked to see if they are account (non-contract) addresses
+            processing: Record<string, Promise<boolean>>,
+            // addresses which have been checked and are known not to be contract addresses
+            addresses: string[],
+        },
     },
 }
 
@@ -183,7 +187,7 @@ export const useContractStore = defineStore(store_name, {
                 return this.__contracts[network].cached[addressLower];
             }
 
-            const isContract = await this.addressIsContract(network, address);
+            const isContract = await this.addressIsContract(label, address);
 
             if (!isContract) {
                 // address is an account, not a contract
@@ -538,7 +542,7 @@ export const useContractStore = defineStore(store_name, {
                 throw new AntelopeError('antelope.contracts.error_label_required');
             }
 
-            const isContract = await this.addressIsContract(network, address);
+            const isContract = await this.addressIsContract(label, address);
 
             if (!isContract) {
                 // address is an account, not a contract
@@ -557,7 +561,7 @@ export const useContractStore = defineStore(store_name, {
                 || (metadata.abi ?? []).length > 0 && (metadata.abi ?? []).length > (this.__contracts[network].cached[index]?.abi?.length ?? 0)
             ) {
                 // This manager provides the signer and the web3 provider
-                metadata.manager = createManager(signer);
+                metadata.manager = createManager(label, signer);
 
                 // we create the contract using the factory
                 const contract = this.__factory.buildContract(metadata);
@@ -581,26 +585,44 @@ export const useContractStore = defineStore(store_name, {
             this.__contracts[network].cached[index] = null;
         },
 
-        async addressIsContract(network: string, address: string) {
+        async addressIsContract(label: string, address: string) {
+            const network = useChainStore().getChain(label).settings.getNetwork();
             const addressLower = address.toLowerCase();
+
+            if (this.__contracts[network]?.cached[addressLower] || this.__contracts[network]?.metadata[addressLower]) {
+                return true;
+            }
+
             if (!this.__accounts[network]) {
-                this.__accounts[network] = [];
+                this.__accounts[network] = {
+                    processing: {},
+                    addresses: [],
+                };
             }
 
-            if (this.__accounts[network].includes(addressLower)) {
+            if (this.__accounts[network].addresses.includes(addressLower)) {
                 return false;
             }
 
-            const provider = await getAntelope().wallets.getWeb3Provider();
-            const code = await provider.getCode(address);
+            if (!!this.__accounts[network].processing[addressLower]) {
+                return this.__accounts[network].processing[addressLower];
+            }
 
-            const isContract = code !== '0x';
+            this.__accounts[network].processing[addressLower] = new Promise(async (resolve) => {
+                const indexer = (useChainStore().loggedChain.settings as EVMChainSettings).getIndexer();
+                const isContract = (await indexer.get(`/v1/contract/${addressLower}`)).data.results.length > 0;
 
-            if (!isContract && !this.__accounts[network].includes(addressLower)) {
-                this.__accounts[network].push(addressLower);
-            }
+                if (!isContract && !this.__accounts[network].addresses.includes(addressLower)) {
+                    this.__accounts[network].addresses.push(addressLower);
+                }
 
-            return isContract;
+                resolve(isContract);
+            });
+
+            return this.__accounts[network].processing[addressLower].then((isContract) => {
+                delete this.__accounts[network].processing[addressLower];
+                return isContract;
+            });
         },
     },
 });