Telos Cloud Wallet (powered by Metakeep) #728

Viterbo · 2024-01-03T14:29:46Z

Fixes #727, #713

BLOCKED: The Telos Cloud for Telos Zero is not working yet because the account-creation endpoint is not ready to go yet. We need to set up a new Table in the database to remember the account created for each Google user so we don't create more than one per user.

Description

This PR includes the implementation of the new Telos Cloud Wallet, powered by Metakeep, for both Telos EVM and Telos Zero. It entirely removes any references to the old OreId service.

Additionally, the auto-login feature has been stabilized to ensure reliable functionality in all cases (EVM or Zero): for example, if the user is logged into Telos Zero and opens the website on any page, he or she will be redirected to the Telos Zero balances page (and similarly with EVM).

Checks have been added to ensure the correct network is being used before performing tasks such as obtaining the conversion ratio (STLOS) or the APY of the staking.

Test scenarios

EVM

go to this link and, click Telos Cloud Wallet button, wait for the Google Btn to render and click it.
After you authenticate with Google you should be logged in and redirected to /evm/wallet?tab=balance
Try to perform any transaction (like sending tokens to yourself)

EVM auto-login

close the tab (without logging out)
click on any of the following links:
- https://deploy-preview-728--wallet-staging.netlify.app
- https://deploy-preview-728--wallet-staging.netlify.app/?login=zero
- https://deploy-preview-728--wallet-staging.netlify.app/evm/wallet?tab=balance
- https://deploy-preview-728--wallet-staging.netlify.app/zero/balance
  - In all cases, you should be logged in and redirected to /evm/wallet?tab=balance

T-Zero (This still does not work because the endpoint is not ready)

First, log out if you are not
Go to this link and, click Telos Cloud Wallet button, wait for the Google Btn to render, and click it.
After you authenticate with Google you should be logged in and redirected to /zero/balance
Try to perform any transaction (like staking for CPU)

T-Zero auto-login

close the tab (without logging out)
click on any of the following links:
- https://deploy-preview-728--wallet-staging.netlify.app
- https://deploy-preview-728--wallet-staging.netlify.app/?login=zero
- https://deploy-preview-728--wallet-staging.netlify.app/evm/wallet?tab=balance
- https://deploy-preview-728--wallet-staging.netlify.app/zero/balance
  - In all cases, you should be logged in and redirected to /zero/balance

Checklist:

…into new-telos-cloud

netlify · 2024-01-03T14:29:51Z

✅ Deploy Preview for wallet-staging ready!

Name	Link
🔨 Latest commit	`722465a`
🔍 Latest deploy log	https://app.netlify.com/sites/wallet-staging/deploys/65a6a3aa6e7bb200083f7c35
😎 Deploy Preview	https://deploy-preview-728--wallet-staging.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify · 2024-01-03T14:29:51Z

✅ Deploy Preview for wallet-develop-mainnet ready!

Name	Link
🔨 Latest commit	`722465a`
🔍 Latest deploy log	https://app.netlify.com/sites/wallet-develop-mainnet/deploys/65a6a3aac7b3bb000874d8bf
😎 Deploy Preview	https://deploy-preview-728--wallet-develop-mainnet.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Viterbo · 2024-01-15T21:40:00Z

src/App.vue

+        const script = document.createElement('script');
+        script.src = 'https://cdn.usefathom.com/script.js';
+        script.dataset.site = 'ISPYEAKT';
+        script.dataset.spa = 'auto';
+        script.defer = true;
+        document.body.appendChild(script);


@ezra-sg, this code was inside an if and the condition was that the chain used is EVM.

I had a lot of problems related to the chain being set (especially on auto-login situations where telos-evm is set because of the UI and then the telos-zero is set because the user was previously logged in telos zero).

What I need to know is if it is safe to remove that condition and have this code executed always.

Viterbo · 2024-01-15T21:41:27Z

src/antelope/stores/allowances.ts

+            if (chainSettings.isNative()) {
+                this.trace('fetchAllowancesForAccount', 'Native chain does not have allowances');
+                return;
+            }
+


This avoids trying to fetch allowances data from a native chain

Viterbo · 2024-01-15T21:43:43Z

src/antelope/stores/chain.ts

+                if (!chain.settings.isNative()) {
+                    const chain_settings = chain.settings as EVMChainSettings;
+                    const sysToken = chain_settings.getSystemToken();
+                    const stkToken = chain_settings.getStakedSystemToken();


Again, this avoids fetching the staking ratio data from a non-evm chain

Viterbo · 2024-01-15T21:44:14Z

src/antelope/stores/chain.ts

+                if (!chain.settings.isNative()) {
+                    const decimals = (this.getChain(label).settings as EVMChainSettings).getStakedSystemToken().decimals;
+                    const ratioNumber = parseFloat(ethers.utils.formatUnits(ratio, decimals));
+                    this.trace('setStakedRatio', label, ratio.toString(), ratioNumber);
+                    (this.__chains[label] as EvmChainModel).stakeRatio = ratio;
+                } else {
+                    this.trace('setStakedRatio', label, 'Native chain has no staked ratio');
+                }


Ensuring the correct chain

Viterbo · 2024-01-15T21:44:26Z

src/antelope/stores/chain.ts

+                if (!chain.settings.isNative()) {
+                    const decimals = (this.getChain(label).settings as EVMChainSettings).getStakedSystemToken().decimals;
+                    const ratioNumber = parseFloat(ethers.utils.formatUnits(ratio, decimals));
+                    this.trace('setUnstakedRatio', label, ratio.toString(), ratioNumber);
+                    (this.__chains[label] as EvmChainModel).unstakeRatio = ratio;
+                } else {
+                    this.trace('setUnstakedRatio', label, 'Native chain has no unstaked ratio');
+                }


Ensuring the correct chain

Viterbo · 2024-01-15T21:44:53Z

src/antelope/stores/history.ts

+            if (chainSettings.isNative()) {
+                this.trace('fetchEvmNftTransfersForAccount', 'Native networks not supported yet');
+                return;
+            }


fetching history only for EVM (for now)

Viterbo · 2024-01-15T21:45:32Z

src/antelope/stores/rex.ts

+            if (this.isNetworkEVM(label)) {
+                const contract = await this.getStakedSystemContractInstance(label);
+                const totalStaking = await contract.totalAssets();
+                this.setTotalStaking(label, totalStaking);
+            } else {
+                this.trace('updateTotalStaking', label, 'not supported for native chains yet');
+            }


only for EVM chains

Viterbo · 2024-01-15T21:45:39Z

src/antelope/stores/rex.ts

+            if (this.isNetworkEVM(label)) {
+                const contract = await this.getEscrowContractInstance(label);
+                const period = await contract.lockDuration();
+                this.setUnstakingPeriod(label, period.toNumber());
+            } else {
+                this.trace('updateUnstakingPeriod', label, 'not supported for native chains yet');
+            }


only for EVM chains

Viterbo · 2024-01-15T21:45:49Z

src/antelope/stores/rex.ts

+            if (this.isNetworkEVM(label)) {
+                const contract = await this.getEscrowContractInstance(label);
+                const address = useAccountStore().getAccount(label).account;
+                const withdrawable = await contract.maxWithdraw(address);
+                this.setWithdrawable(label, withdrawable);
+            } else {
+                this.trace('updateWithdrawable', label, 'not supported for native chains yet');
+            }


only for EVM chains

Viterbo · 2024-01-15T21:45:57Z

src/antelope/stores/rex.ts

+            if (this.isNetworkEVM(label)) {
+                const contract = await this.getEscrowContractInstance(label);
+                const address = useAccountStore().getAccount(label).account;
+                const deposits = await contract.depositsOf(address);
+                this.setDeposits(label, deposits);
+            } else {
+                console.error('updateDeposits', label, 'not supported for native chains yet');
+            }


only for EVM chains

Viterbo · 2024-01-15T21:46:04Z

src/antelope/stores/rex.ts

+            if (this.isNetworkEVM(label)) {
+                const contract = await this.getEscrowContractInstance(label);
+                const address = useAccountStore().getAccount(label).account;
+                const balance = await contract.balanceOf(address);
+                this.setBalance(label, balance);
+            } else {
+                console.error('updateBalance', label, 'not supported for native chains yet');
+            }


only for EVM chains

Viterbo · 2024-01-15T21:50:39Z

src/antelope/wallets/AntelopeWallets.ts

@@ -42,28 +42,19 @@ export class AntelopeWallets {
            // we try first the best solution which is taking the provider from the current authenticator
            const authenticator = account.authenticator as EVMAuthenticator;
            const provider = authenticator.web3Provider();
+            this.trace('getWeb3Provider authenticator.web3Provider() Success! (account.authenticator)', provider);
            return provider;
        } catch(e1) {
            this.trace('getWeb3Provider authenticator.web3Provider() Failed!', e1);
        }



The second option was window.ethereum but now is removed. The problem with that option is that the window.ethereum may be present but the wallet may be not even opened, so the user is not logged and the chain is not set. In that case, the provider does not work so the option is discarded.

Viterbo · 2024-01-15T21:53:18Z

src/antelope/wallets/ual/utils/metakeep-cache.ts

+// utils/metakeep-cache.ts
+
+export interface MetakeepCacheData {


This is an auxiliary file with useful functions to keep cached all data coming from metakeep, so we don't need to query the same data over and over again each time the user logs in. That makes the process of auto-log much faster.

Viterbo · 2024-01-15T22:00:42Z

src/boot/antelope.ts

+        next: async (account: AccountModel) => {
+            if (account.isNative) {
+                if (!window.location.pathname.startsWith('/zero')) {
+                    const router = await getRouter(app);
+                    router.push({ path: '/zero/balance' });
+                }
+            } else {
+                if (!window.location.pathname.startsWith('/evm')) {
+                    const router = await getRouter(app);
+                    router.push({ path: '/evm/wallet?tab=balance' });
+                }


Now the redirection takes into account which type of chain you are logging in to. It only redirects you if you are on the wrong path.

Viterbo · 2024-01-15T22:05:22Z

src/pages/home/GoogleOneTap.ts

+import { AntelopeError } from 'src/antelope/types';
+
+import * as Buffer from 'buffer';
+import { BehaviorSubject, Subject } from 'rxjs';
+


This is an auxiliary file with useful functions to handle everything related to the GoogleOneTap service.

Viterbo added 16 commits December 6, 2023 13:36

Metakeep prototype working

b7e9263

now both EVM and Zero login buttons looks the same

056dee9

add loggin with google + metakeep

0710c04

MetaKeep working on both Zero and EVM!

6f6d22d

minor fix

90c7e36

fixing api parameter

4d8cd04

save WIP

25a86a4

fixing the url for account creation

3402699

add jwt as part of the API endpoint security

3617270

incorporating jwt security param

6f8c951

migration from OreId to Metakeep

1040b9d

Merge branch 'develop' of https://github.com/telosnetwork/telos-wallet …

09052f3

…into new-telos-cloud

resolve conflicts and fix broken unit tests

38e465c

ading expiration date

20fdb9c

addressing Ezra's feedback

171a9a2

Telos Cloud with Metakeep

0c9009a

Viterbo linked an issue Jan 3, 2024 that may be closed by this pull request

New Telos Cloud Wallet powered by Metakeep #727

Closed

Viterbo self-assigned this Jan 8, 2024

Viterbo mentioned this pull request Jan 11, 2024

EVM Metakeep prototype #709

Closed

removing console.logs

c11c5ec

Viterbo mentioned this pull request Jan 15, 2024

EVM and Zero login buttons looks the same #713

Closed

10 tasks

Viterbo changed the title ~~727 new telos cloud wallet powered by metakeep~~ Telos Cloud Wallet (powered by Metakeep) Jan 15, 2024

Viterbo added 2 commits January 15, 2024 10:30

restoring the correct GOOGLE_APP_ID

f641d3f

removing console logs

2879291

Viterbo commented Jan 15, 2024

View reviewed changes

Viterbo added 3 commits January 16, 2024 11:05

This is for testing the endpoint

19799d0

another fix

315e337

temp

722465a

Viterbo mentioned this pull request Jan 17, 2024

EPIC | Telos Cloud Login #752

Closed

4 tasks

Viterbo marked this pull request as draft January 18, 2024 01:28

Viterbo closed this Apr 2, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Telos Cloud Wallet (powered by Metakeep) #728

Telos Cloud Wallet (powered by Metakeep) #728

Viterbo commented Jan 3, 2024 •

edited

Loading

netlify bot commented Jan 3, 2024 •

edited

Loading

netlify bot commented Jan 3, 2024 •

edited

Loading

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024

Viterbo Jan 15, 2024 •

edited

Loading

Viterbo Jan 15, 2024

		// utils/metakeep-cache.ts

		export interface MetakeepCacheData {

Telos Cloud Wallet (powered by Metakeep) #728

Telos Cloud Wallet (powered by Metakeep) #728

Conversation

Viterbo commented Jan 3, 2024 • edited Loading

Fixes #727, #713

Description

Test scenarios

EVM

EVM auto-login

T-Zero (This still does not work because the endpoint is not ready)

T-Zero auto-login

Checklist:

netlify bot commented Jan 3, 2024 • edited Loading

✅ Deploy Preview for wallet-staging ready!

netlify bot commented Jan 3, 2024 • edited Loading

✅ Deploy Preview for wallet-develop-mainnet ready!

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Viterbo Jan 15, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Viterbo commented Jan 3, 2024 •

edited

Loading

netlify bot commented Jan 3, 2024 •

edited

Loading

netlify bot commented Jan 3, 2024 •

edited

Loading

Viterbo Jan 15, 2024 •

edited

Loading