pratham-bhatnagar / eif-multisig

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ— scaffold-eth | 🏰 BuidlGuidl

🚩 Challenge 5 - Multisig πŸ‘›

πŸ‘‡πŸΌ Quick Break-Down πŸ‘›

This is a smart contract that acts as an off-chain signature-based shared wallet amongst different signers that showcases use of meta-transaction knowledge and ECDSA recover(). If you are looking for the challenge, go to the challenges repo within scaffold-eth!

If you are unfamiliar with these concepts, check out all the ETH.BUILD videos by Austin Griffith, especially the Meta Transactions one!

At a high-level, the contract core functions are carried out as follows:

Off-chain: β›“πŸ™…πŸ»β€β™‚οΈ - Generation of a packed hash (bytes32) for a function call with specific parameters through a public view function . - It is signed by one of the signers associated to the multisig, and added to an array of signatures (bytes[] memory signatures)

On-Chain: β›“πŸ™†πŸ»β€β™‚οΈ

  • bytes[] memory signatures is then passed into executeTransaction as well as the necessary info to use recover() to obtain the public address that ought to line up with one of the signers of the wallet.
    • This method, plus some conditional logic to avoid any duplicate entries from a single signer, is how votes for a specific transaction (hashed tx) are assessed.
  • If it's a success, the tx is passed to the call(){} function of the deployed MetaMultiSigWallet contract (this contract), thereby passing the onlySelf modifier for any possible calls to internal txs such as (addSigner(),removeSigner(),transferFunds(),updateSignaturesRequried()).

Cool Stuff that is Showcased: 😎

  • NOTE: Showcases how the call(){} function is an external call that ought to increase the nonce of an external contract, as they increment differently from user accounts.
  • Normal internal functions, such as changing the signers, and adding or removing signers, are treated as external function calls when call() is used with the respective transaction hash.
  • Showcases use of an array (see constructor) populating a mapping to store pertinent information within the deployed smart contract storage location within the EVM in a more efficient manner.

πŸƒβ€β™€οΈ Quick Start

required: Node plus Yarn and Git

git clone https://github.com/scaffold-eth/scaffold-eth-challenges challenge-5-multisig

cd challenge-5-multisig

git checkout challenge-5-multisig
yarn install
yarn chain

in a second terminal window:

cd challenge-5-multisig
yarn start

πŸ” Edit your smart contract MultiSigWallet.sol in packages/hardhat/contracts

πŸ“ Edit your frontend App.jsx in packages/react-app/src

πŸ’Ό Edit your deployment script deploy.js in packages/hardhat/scripts

πŸ“± Open http://localhost:3000 to see the app

in a third terminal window:

yarn backend

πŸ”§ Configure your deployment in packages/hardhat/scripts/deploy.js

Edit the chainid, your owner addresses, and the number of signatures required:

image

in a fourth terminal deploy with your frontend address as one of the owners:

yarn deploy

Use the faucet wallet to send your multi-sig contract some funds:

image

To add new owners, use the "Owners" tab:

image

This will take you to a populated transaction create page:

image

Create & sign the new transaction:

image

You will see the new transaction in the pool (this is all off-chain):

image

Click on the ellipsses button [...] to read the details of the transaction

image

Give your account some gas at the faucet and execute the transaction

The transction will appear as "executed" on the front page:

image

Create a transaction to send some funds to your frontend account:

image

This time we will need a second signature:

image

Sign the transacton with enough owners: image

(You'll notice you don't need ⛽️gas to sign transactions.)

Execute the transction to transfer the funds:

image

(You might need to trigger a new block by sending yourself some faucet funds or something. HartHat blocks only get mined when there is a transaction.)

πŸ’Ό Edit your deployment script deploy.js in packages/hardhat/scripts

πŸ” Edit your contracts form, MetaMultiSigWallet.sol in packages/hardhat/contracts

πŸ“ Edit your frontend in packages/react-app/src/views

βš”οΈ Side Quests

🐟 Create custom signer roles for your Wallet

You may not want every signer to create new transfers, only allow them to sign existing transactions or a mega-admin role who will be able to veto any transaction.

😎 Integrate this MultiSig wallet into other branches like nifty-ink

Make a MultiSig wallet to store your precious doodle-NFTs!?


πŸ“‘ Deploy the wallet!

πŸ›° Ready to deploy to a testnet?

Change the defaultNetwork in packages/hardhat/hardhat.config.js

image

πŸ” Generate a deploy account with yarn generate

image

πŸ‘› View your deployer address using yarn account (You'll need to fund this account. Hint: use an instant wallet to fund your account via QR code)

image

πŸ‘¨β€πŸŽ€ Deploy your wallet:

yarn deploy

✏️ Edit your frontend App.jsx in packages/react-app/src to change the targetNetwork to wherever you deployed your contract:

image

You should see the correct network in the frontend:

image

Also change the poolServerUrl constant to your deployed backend (via yarn backend)

image

Alternatively you can use the pool server url in the above screenshot


πŸ”Ά Infura

You will need to get a key from infura.io and paste it into constants.js in packages/react-app/src:

image


πŸ›³ Ship the app!

βš™οΈ build and upload your frontend and share the url with your friends...

# build it:

yarn build

# upload it:

yarn surge

OR

yarn s3

OR

yarn ipfs

image

πŸ‘©β€β€οΈβ€πŸ‘¨ Share your public url with friends, add signers and send some tasty ETH to a few lucky ones πŸ˜‰!!

(Written by: @umphams)

πŸ’¬ Support Chat

Join the telegram support chat πŸ’¬ to ask questions and find others building with πŸ— scaffold-eth!


πŸ™ Please check out our Gitcoin grant too!

About

License:MIT License


Languages

Language:JavaScript 89.1%Language:Shell 4.5%Language:Solidity 3.4%Language:Dockerfile 1.2%Language:HTML 0.9%Language:TypeScript 0.5%Language:Less 0.4%Language:CSS 0.1%