mod: erc-20

.changeset/eleven-phones-notice.md

@@ -0,0 +1,5 @@
+---
+"@mods/zora-nft-minter": minor
+---
+
+fix: button layout

.changeset/lemon-spoons-raise.md

@@ -0,0 +1,7 @@
+---
+"@mod-protocol/react-ui-shadcn": patch
+"@mod-protocol/react": patch
+"@mod-protocol/core": patch
+---
+
+feat: add optional `href` to avatar component

.changeset/orange-spies-teach.md

@@ -0,0 +1,5 @@
+---
+"@mod-protocol/core": patch
+---
+
+feat: add `SETSTATE` action

.changeset/purple-zebras-stare.md

@@ -0,0 +1,7 @@
+---
+"@mod-protocol/react-ui-shadcn": patch
+"@mod-protocol/react": patch
+"@mod-protocol/core": patch
+---
+
+feat: skeleton loading state on layouts

.changeset/silly-students-compete.md

@@ -0,0 +1,5 @@
+---
+"@mod-protocol/core": patch
+---
+
+feat: support multiple async actions

.changeset/slimy-starfishes-march.md

@@ -0,0 +1,6 @@
+---
+"@mod-protocol/react-ui-shadcn": patch
+"@mod-protocol/core": patch
+---
+
+feat: add `Padding` element

.changeset/wicked-rabbits-beg.md

@@ -0,0 +1,5 @@
+---
+"@mod-protocol/react-ui-shadcn": patch
+---
+
+fix: padding on link element

examples/api/package.json

@@ -16,20 +16,24 @@
     "@lit-protocol/types": "^2.2.61",
     "@mod-protocol/core": "^0.1.1",
     "@reservoir0x/reservoir-sdk": "^1.8.4",
+    "@uniswap/smart-order-router": "^3.20.1",
     "@vercel/postgres-kysely": "^0.6.0",
     "@zoralabs/protocol-sdk": "^0.5.0",
     "chatgpt": "^5.2.5",
     "cheerio": "^1.0.0-rc.12",
+    "ethers": "^5.7.2",
     "kysely": "^0.26.3",
     "next": "^13.5.6",
     "nft.storage": "^7.1.1",
     "open-graph-scraper": "^6.3.2",
     "pg": "^8.11.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "reverse-mirage": "^1.0.3",
     "siwe": "^1.1.6",
     "uint8arrays": "^3.0.0",
-    "viem": "1.20.1"
+    "viem": "1.20.1",
+    "viem2": "npm:viem@^2.0.6"
   },
   "devDependencies": {
     "@types/node": "^17.0.12",

examples/api/src/app/api/erc-20/balances/route.ts

@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { createPublicClient, formatEther, http } from "viem2";
+import {
+  chainByName,
+  getEthUsdPrice,
+  numberWithCommas,
+  parseInfoRequestParams,
+} from "../lib/utils";
+
+export async function GET(request: NextRequest) {
+  const { blockchain, tokenAddress } = parseInfoRequestParams(request);
+  const userAddress = request.nextUrl.searchParams
+    .get("walletAddress")
+    ?.toLowerCase();
+  const buyOptionsUsd = request.nextUrl.searchParams
+    .get("buyOptionsUsd")
+    .split(",")
+    .map((x) => parseFloat(x));
+
+  if (!tokenAddress || !blockchain) {
+    return new Response("Missing tokenAddress or blockchain", {
+      status: 400,
+    });
+  }
+
+  // Get eth balance on blockchain
+  const chain = chainByName[blockchain];
+  const client = createPublicClient({
+    transport: http(),
+    chain,
+  });
+
+  const [balance, ethPriceUsd] = await Promise.all([
+    client.getBalance({
+      address: userAddress as `0x${string}`,
+    }),
+    getEthUsdPrice(),
+  ]);
+
+  const ethBalanceUsd = parseFloat(formatEther(balance)) * Number(ethPriceUsd);
+
+  return NextResponse.json({
+    ethBalance: numberWithCommas(
+      parseFloat(formatEther(balance)).toPrecision(4)
+    ),
+    ethPriceUsd,
+    ethBalanceUsd: numberWithCommas(ethBalanceUsd.toFixed(2)),
+    chain: {
+      id: chain.id,
+      name: chain.name,
+    },
+    buyOptionsUsd: buyOptionsUsd.map((x) => ethBalanceUsd > x),
+  });
+}

examples/api/src/app/api/erc-20/buy/route.ts

@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from "next/server";
+import { fromHex } from "viem2";
+import {
+  chainByName,
+  getEthUsdPrice,
+  getSwapTransaction,
+  parseInfoRequestParams,
+} from "../lib/utils";
+
+export async function POST(request: NextRequest) {
+  const { blockchain, tokenAddress } = parseInfoRequestParams(request);
+
+  const userAddress = request.nextUrl.searchParams
+    .get("walletAddress")
+    ?.toLowerCase();
+  const buyAmountUsd = parseFloat(
+    request.nextUrl.searchParams.get("buyAmountUsd")
+  );
+
+  if (!tokenAddress || !blockchain) {
+    return new Response("Missing tokenAddress or blockchain", {
+      status: 400,
+    });
+  }
+
+  const chain = chainByName[blockchain];
+
+  const ethPriceUsd = await getEthUsdPrice();
+  const ethInputAmount = (buyAmountUsd / ethPriceUsd).toString();
+
+  const swapRoute = await getSwapTransaction({
+    blockchain,
+    ethInputAmountFormatted: ethInputAmount,
+    outTokenAddress: tokenAddress,
+    recipientAddress: userAddress,
+    feePercentageInt: 5,
+    feeRecipientAddress: process.env.ERC_20_FEE_RECIPIENT,
+  });
+
+  const tx = swapRoute.methodParameters;
+
+  return NextResponse.json({
+    transaction: {
+      from: userAddress,
+      to: tx.to,
+      value: fromHex(tx.value as `0x${string}`, {
+        to: "bigint",
+      }).toString(),
+      data: tx.calldata,
+    },
+    explorer: chain.blockExplorers.default,
+  });
+}

examples/api/src/app/api/erc-20/info/holders/route.ts

@@ -0,0 +1,27 @@
+import { NextRequest } from "next/server";
+import {
+  getFollowingHolderInfo,
+  parseInfoRequestParams,
+} from "../../lib/utils";
+
+export async function GET(request: NextRequest) {
+  const { fid, tokenAddress, blockchain } = parseInfoRequestParams(request);
+  const result = await getFollowingHolderInfo({
+    fid,
+    blockchain,
+    tokenAddress,
+  });
+
+  if (!tokenAddress || !blockchain) {
+    return new Response("Missing tokenAddress or blockchain", {
+      status: 400,
+    });
+  }
+
+  return Response.json(result, {
+    headers: new Headers({
+      // Cache for 1 day
+      "Cache-Control": "public, max-age=86400, immutable",
+    }),
+  });
+}

examples/api/src/app/api/erc-20/info/price/route.ts

@@ -0,0 +1,23 @@
+import { NextRequest } from "next/server";
+import { getPriceData, parseInfoRequestParams } from "../../lib/utils";
+
+export async function GET(request: NextRequest) {
+  const { tokenAddress, blockchain } = parseInfoRequestParams(request);
+  const result = await getPriceData({
+    blockchain,
+    tokenAddress,
+  });
+
+  if (!tokenAddress || !blockchain) {
+    return new Response("Missing tokenAddress or blockchain", {
+      status: 400,
+    });
+  }
+
+  return Response.json(result, {
+    headers: new Headers({
+      // Cache for 1 hour
+      "Cache-Control": "public, max-age=3600, immutable",
+    }),
+  });
+}

examples/api/src/app/api/erc-20/info/token/route.ts

@@ -0,0 +1,23 @@
+import { NextRequest } from "next/server";
+import { getTokenInfo, parseInfoRequestParams } from "../../lib/utils";
+
+export async function GET(request: NextRequest) {
+  const { tokenAddress, blockchain } = parseInfoRequestParams(request);
+  const result = await getTokenInfo({
+    blockchain,
+    tokenAddress,
+  });
+
+  if (!tokenAddress || !blockchain) {
+    return new Response("Missing tokenAddress or blockchain", {
+      status: 400,
+    });
+  }
+
+  return Response.json(result, {
+    headers: new Headers({
+      // Cache for 1 month
+      "Cache-Control": "public, max-age=2592000, immutable",
+    }),
+  });
+}