Ethereum Delegated Transactions Widget
Elegant Ethereum delegated transactions implementation.
Primarily, delegated transactions, or meta transactions allow users to pay fee in tokens instead of Ether, making crypto user experience great again. This widget is shipped with the back end, which can be used for any token or smart contract supporting doing-something-via-signature.
- Highly customizable widget and a stand-alone page
- Can work with any token which supports function delegation (but you have to set up a back end for it)
- Helpful hints, which allow to quickly onboard inexperienced users
- Signature standard-free paradigm (use any signature your contract supports, e.g.
eth_personalSign
,eth_signTypedData
) - Automatically picks an icon of your token (from Trust Wallet repository)
→ CHECK THE DEMO HERE! ←
Need test tokens? Use this widget via this link
and
mint some test tokens in Kovan network
by calling mintTokens
function (mints 10 tokens to a calling account).
Need some Ether in Kovan? Find any faucet that can give you some.
Embedding
<iframe src="https://zitros.github.io/ethereum-delegated-tx-widget/?contractAddress=0x82f4ded9cec9b5750fbff5c2185aee35afc16587&otherParams=abc"
frameborder="0">
</iframe>
Widget Customization:
URL Parameter | Default | Example | Description |
---|---|---|---|
fixed |
false |
true |
Disable all inputs |
contractAddress |
0x82f4ded..fc16587 |
0x1234..cdef |
Smart contract address (usually token address) which is supported by at least one back end |
functionName |
transfer |
approveAndCall |
Smart contract function name which is supported by at least one back end |
functionArguments |
0x17A8..a29D,1000000 |
0x1aa4..cdaf,20000000 |
Comma-separated arguments of the function (in this example, transfer("0x1aa4..cdaf", 20000000) ). |
customBackEnds |
my-website.com/api/kovan,my-website.com/api/mainnet |
Custom delegated transactions back end APIs list (see ethereum-delegated-tx-service). Otherwise, pre-defined back ends are used. | |
successRedirectUrl |
my-website.com/handle-redirect |
URL the user is redirected to once the transaction is mined. |
Development
To start development server, run the following:
npm install
npm run start
To build and deploy the project to GitHub (access is restricted), run
npm run deploy