Fixing text API request

README.md

@@ -1 +1,66 @@
-# proxy-server
+# ENS API
+
+## Running Locally
+
+```
+npm install
+npm i -g vercel
+vercel dev
+```
+
+## Example Requests
+
+### Get Ens Name
+
+```
+GET http://localhost:3000/api/name?accountId=0x903322c7e45a60d7c8c3ea236c5bea9af86310c7
+```
+
+Example response:
+
+```
+{
+    "name": "winstonwolfe.eth"
+}
+```
+
+### Get Ens Address
+
+```
+GET http://localhost:3000/api/address?name=winstonwolfe.eth
+```
+
+Example response:
+
+```
+0x903322C7E45A60d7c8C3EA236c5beA9Af86310c7
+```
+
+### Get Ens Text Records
+
+```
+GET http://localhost:3000/api/text?name=jellymcjellyfish.eth
+```
+
+Example response:
+
+```
+[
+    {
+        "key": "url",
+        "value": "https://oceanprotocol.com"
+    },
+    {
+        "key": "avatar",
+        "value": "https://raw.githubusercontent.com/oceanprotocol/art/main/logo/favicon-white.png"
+    },
+    {
+        "key": "com.github",
+        "value": "oceanprotocol"
+    },
+    {
+        "key": "com.twitter",
+        "value": "oceanprotocol"
+    }
+]
+```

pages/api/address.ts

@@ -0,0 +1,20 @@
+import { NextApiRequest, NextApiResponse } from 'next'
+import { getEns } from './_utils'
+
+export default async function getEnsAddress(
+  request: NextApiRequest,
+  response: NextApiResponse
+) {
+  try {
+    const ensName = request.query.name
+    console.log('ensName', ensName)
+    const ens = await getEns()
+    const address = await ens.name(ensName).getAddress()
+    console.log('address', address)
+
+    response.setHeader('Cache-Control', 's-maxage=86400')
+    response.status(200).send(address)
+  } catch (error) {
+    response.status(500).send(`${error}`)
+  }
+}

pages/api/name.ts

@@ -1,20 +1,23 @@
 import { NextApiRequest, NextApiResponse } from 'next'
 import { getEns } from './_utils'
 
-export default async function getEnsName(
-  request: NextApiRequest,
-  response: NextApiResponse
-) {
-  try {
-    const accountId = String(request.query.accountId)
+export async function getEnsName(accountId: string) {
   const ens = await getEns()
   let name = await ens.getName(accountId)
 
   // Check to be sure the reverse record is correct.
   const reverseAccountId = await ens.name(name.name).getAddress()
-    console.log('reverseAccountId', reverseAccountId)
   if (accountId.toLowerCase() !== reverseAccountId.toLowerCase()) name = null
+  return name
+}
 
+export default async function nameApi(
+  request: NextApiRequest,
+  response: NextApiResponse
+) {
+  try {
+    const accountId = String(request.query.accountId)
+    const name = await getEnsName(accountId)
     response.setHeader('Cache-Control', 's-maxage=86400')
     response.status(200).send(name)
   } catch (error) {

pages/api/profile.ts

@@ -0,0 +1,57 @@
+import { getEnsName } from './name'
+import { getEnsTextRecords } from './text'
+
+interface ProfileLink {
+  key: string
+  value: string
+}
+
+interface Profile {
+  name: string
+  url?: string
+  avatar?: string
+  description?: string
+  links?: ProfileLink[]
+}
+
+function getEnsAvatar(ensName: string): string {
+  return ensName
+    ? `https://metadata.ens.domains/mainnet/avatar/${ensName}`
+    : null
+}
+
+export async function getEnsProfile(accountId: string): Promise<Profile> {
+  const name = await getEnsName(accountId)
+  if (!name) return { name: null }
+
+  const records = await getEnsTextRecords(name)
+  if (!records) return { name }
+
+  const avatar = records.filter((record) => record.key === 'avatar')[0]?.value
+  const description = records.filter(
+    (record) => record.key === 'description'
+  )[0]?.value
+
+  // filter out what we need from the fetched text records
+  const linkKeys = [
+    'url',
+    'com.twitter',
+    'com.github',
+    'org.telegram',
+    'com.discord',
+    'com.reddit'
+  ]
+
+  const links: ProfileLink[] = records.filter((record) =>
+    linkKeys.includes(record.key)
+  )
+
+  const profile: Profile = {
+    name,
+    ...(avatar && { avatar: getEnsAvatar(name) }),
+    ...(description && { description }),
+    ...(links.length > 0 && { links })
+  }
+
+  return profile
+}

pages/api/text.ts

@@ -1,6 +1,6 @@
 import { NextApiRequest, NextApiResponse } from 'next'
 import { gql, OperationResult } from 'urql'
-import { fetchData } from './_utils'
+import { fetchData, getEns } from './_utils'
 
 const ProfileTextRecordsQuery = gql<{
   domains: [{ resolver: { texts: string[] } }]
@@ -14,12 +14,9 @@ const ProfileTextRecordsQuery = gql<{
   }
 `
 
-export default async function getEnsTextRecords(
-  request: NextApiRequest,
-  response: NextApiResponse
+export async function getEnsTextRecords(
+  ensName: string
 ): Promise<{ key: string; value: string }[]> {
-  try {
-    const ensName = String(request.query.name)
   // 1. Check which text records are set for the domain with ENS subgraph,
   // to prevent unnecessary contract calls.
   const result: OperationResult<{
@@ -36,15 +33,28 @@ export default async function getEnsTextRecords(
 
   // 2. Retrieve the text records.
   const { texts } = result.data.domains[0].resolver
+
   const records = []
-    let ens: any
+  const ens = await getEns()
 
   for (let index = 0; index < texts?.length; index++) {
     const key = texts[index]
     const value = await ens.name(ensName).getText(key)
+    console.log(value)
     records.push({ key, value })
   }
 
+  return records
+}
+
+export default async function ensTextApi(
+  request: NextApiRequest,
+  response: NextApiResponse
+) {
+  try {
+    const ensName = String(request.query.name)
+    const records = await getEnsTextRecords(ensName)
+
     response.setHeader('Cache-Control', 's-maxage=86400')
     response.status(200).send(records)
   } catch (error) {