ThreeFold Wallet Connector (Browser extension)

tf wallet connector (Github repo link) is a browser extension which allows users to store their accounts (aka. mnemonic) in an encrypted way, providing an interface for websites to interact with after getting access permission from the user himself.

The tf-wallet-connector will eventually replace the polkadot extension and the profile manager everywhere within the TF ecosystem.

Why

First, the polkadot extension doesn’t work well for the deployment process. The fact that you need to sign so many times means you will keep getting popups to sign. It might work well for things like updating farm configurations, which is most likely just one signing request, but in case of deployments it won’t work ergonomically for the users.

But we have the Profile Manager?

It’s true, we already did so many iterations on the Profile Manager in the Dashboard and the Playground. We are merging both in 3.13 in a complete rewrite that’s actually very close to being finished, and we are using the Profile Manager in there. But the plan is to replace it completely with the browser extension and expose APIs for other people wanting to follow the same philosophy to use a browser extension instead of the current implementation (site-based, while it’s secure and encrypted, it doesn’t give the same feeling of a browser extension safety in a way).

The tf-wallet-connector also makes it possible to set different accounts within the extension. This will ease the log in process of features such as TF Dashboard.

The extension supports all the following networks (Mainnet, Testnet, Qanet, Devnet).

Features

11 Likes

It looks cool, but I’m trying to understand when I would use this. In stead of Polkadot?

Indeed, thanks so much for the post @mayarosama18 – and maybe we can get some clarifications on what this means exactly for grid users and how to get started. Thanks again! :pray:

Thanks @mayarosama18 for sharing.

Works like a charm.

image

For those who want to try it, the github repo contains the Installation steps, which are very clear.

# Install yarn
npm i -g yarn

# Clone extension repo
git clone https://github.com/threefoldtech/tf-wallet-connector-extension.git

# Go to extension directory
cd ./tf-wallet-connector-extension

# Install project dependencies
yarn

# Build extension
yarn build:extension

# Hit to your chrome and find `manage extension` then enable *developer mode* and *load unpack* which should be the build output `tf-wallet-connector-extension/extension`
2 Likes