Integrating Arweave Name Service (ANS)

[charmful0x]

About

Latest ArProfile is a great app that packs a user's profile metadata from several sources, this issue is about integrating ANS protocol to reverse resolve the profile's Arweave address.

The How

laa-widget already fetches the profile's Arweave address, and that will make integrating ANS as simple as a single HTTP GET request.

• API Endpoint: https://ans-stats.decent.land/profile/{ARWEAVE_ADDRESS} -- example: https://ans-stats.decent.land/profile/AeK_9yb3f3HEK1Gzwky6tIx8ujW9Pxr_FkhCkWftFtw

Only the profile's currentLabel can be bound as the main profile's ANS domain.

Code snippet

import axios from "axios";

async function getAnsLabel(addr) {
  try {
    const label = (
      await axios.get(`https://ans-stats.decent.land/profile/${addr}`)
    )?.data?.currentLabel;
    return label ? `${label}.ar` : void 0;
  } catch (error) {
    return undefined;
  }
}

// call it
getAnsLabel("AeK_9yb3f3HEK1Gzwky6tIx8ujW9Pxr_FkhCkWftFtw");

ANS has a decent number of users in the closed beta testing phase (572 at the time of writing this GH issue) and it would be great to see it integrated into laa-widget and your other social tech stack!

If you don't have an ANS label yet, please LMK so I can mint one for you to test it out, and we would be happy to open a PR to integrate ANS incase you don't have enough dev time for it, thanks and looking forward to it!