mod: erc-20

[stephancill]

Change Summary

This mod introduces a representation for ERC-20 tokens

• Holder info based on current user
• Price info
• Token metadata
• Swap transaction
• Swap fee
• Cache token information endpoint responses (/api/erc-20)
• Refine styling
• Transaction progress states (tx hash, success)

Depends on #135 (PR #150)

v2 suggestions

• Optimize order routing speed
• Custom buy amount
• Sell action

Preview

No wallet connected state

Wallet connected state

Buy state

Available options depends on wallet eth balance on the specified chain

Transaction initiated state

Transaction complete state

Additional changes

• feat(core): add SETSTATE action
• feat(core+react-ui-shadcn): add Padding element
• feat(core): support multiple parellel async actions

Merge Checklist

• PR has a changeset
• PR includes documentation if necessary
• PR updates the rich-embed examples if necessary
• includes a parallel PR for Mod-starter and the gateway if necessary

[changeset-bot]

🦋 Changeset detected

Latest commit: 869c9d0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@mods/zora-nft-minter	Minor
@mod-protocol/react-ui-shadcn	Patch
@mod-protocol/react	Patch
@mod-protocol/core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
api	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 26, 2024 2:32pm
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 26, 2024 2:32pm
example-nextjs-shadcn	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 26, 2024 2:32pm

[qbig]

is this about to get shipped?

[davidfurlong]

is this about to get shipped?

do you have some urgency to use this @qbig? feel free to DM me

[stephancill]

Update:

• Implemented uniswap transactions with referral fee (feat: mod/client referrals #152 activates rev share). This takes noticeably longer to calculate swap routes than the 1inch API, so have introduced an intermediate "calculating best swap route" screen. There are caching options, but none that are serverless-compatible from what I can tell.
• Refactored token info endpoints
• Investigated the pagination issue with Airstack - don't think they will be implementing in-query filtering any time soon
• Added an href property to the avatar element to also link to the token's page

I think the holders you follow feature is valuable despite the relatively long initial loading time (can be optimized in a future update)

Let me know what your thoughts are on merge readiness @davidfurlong

[davidfurlong]

I'm getting 500s on localhost. There's something going wrong where in the example only one of the ERC20s loads

[davidfurlong]

seems to almost be like the two requests for the two different erc20s compete with eachother

[stephancill]

I think it's a rate limiting issue with the 1inch API that we're using for spot prices. Need to replace with uniswap SDK as well