feat: Display Linea ENS domain

packages/functions/global-api.ts

@@ -55,18 +55,25 @@ export async function handler(event: {
       };
     }
 
-    const [activations, pohStatus, openBlockScore, lxpBalance, lxpLBalance] =
-      await Promise.all([
-        getActivations(),
-        fetchPohStatus(address),
-        getOpenBlockScore(address.toLowerCase()),
-        isLineascan
-          ? fetchBalanceFromLineascan(LXP_CONTRACT_ADDRESS, address)
-          : Promise.resolve('0'),
-        isLineascan
-          ? fetchBalanceFromLineascan(LXP_L_CONTRACT_ADDRESS, address)
-          : Promise.resolve('0'),
-      ]);
+    const [
+      activations,
+      pohStatus,
+      openBlockScore,
+      lxpBalance,
+      lxpLBalance,
+      name,
+    ] = await Promise.all([
+      getActivations(),
+      fetchPohStatus(address),
+      getOpenBlockScore(address.toLowerCase()),
+      isLineascan
+        ? fetchBalanceFromLineascan(LXP_CONTRACT_ADDRESS, address)
+        : Promise.resolve('0'),
+      isLineascan
+        ? fetchBalanceFromLineascan(LXP_L_CONTRACT_ADDRESS, address)
+        : Promise.resolve('0'),
+      isLineascan ? fetchLineaEns(address.toLowerCase()) : undefined,
+    ]);
 
     return {
       statusCode: 200,
@@ -77,6 +84,7 @@ export async function handler(event: {
         openBlockScore,
         lxpBalance,
         lxpLBalance,
+        name,
       }),
     };
   }
@@ -110,6 +118,23 @@ async function getData(
   return response.json();
 }
 
+async function postData(url: string, data: Record<string, string>) {
+  const response = await fetch(url, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(data),
+  });
+
+  if (!response.ok) {
+    console.error(`Call to ${url} failed with status ${response.status}`);
+    throw new Error(`HTTP error! Status: ${response.status}`);
+  }
+
+  return response.json();
+}
+
 /**
  * Get current active activations from Contentful.
  * @returns The activations object.
@@ -194,3 +219,17 @@ async function fetchPohStatus(address: string) {
     return false;
   }
 }
+
+async function fetchLineaEns(address: string) {
+  try {
+    const res = await postData(
+      `https://api.studio.thegraph.com/query/69290/ens-linea-sepolia/v0.0.4`,
+      {
+        query: `query getNamesForAddress {domains(first: 1, where: {and: [{or: [{owner: \"${address}\"}, {registrant: \"${address}\"}, {wrappedOwner: \"${address}\"}]}, {parent_not: \"0x91d1777781884d03a6757a803996e38de2a42967fb37eeaca72729271025a9e2\"}, {or: [{expiryDate_gt: \"1718459214\"}, {expiryDate: null}]}, {or: [{owner_not: \"0x0000000000000000000000000000000000000000\"}, {resolver_not: null}, {and: [{registrant_not: \"0x0000000000000000000000000000000000000000\"}, {registrant_not: null}]}]}]}) {...DomainDetailsWithoutParent}} fragment DomainDetailsWithoutParent on Domain {name}`,
+      },
+    );
+    return res.data.domains[0].name as string;
+  } catch (e) {
+    return undefined;
+  }
+}

packages/site/src/index.html

@@ -31,8 +31,8 @@ <h1>
       </h1>
       <h2>Follow your Linea Voyage</h2>
       <p>
-        View your LXP and LXP-L balances, POH status, and current activations
-        inside of MetaMask!
+        View your LXP and LXP-L balances, POH status, Linea ENS domain and
+        current activations inside of MetaMask!
       </p>
       <p id="loading">Loading...</p>
       <div id="context"></div>

packages/site/src/script.js

@@ -1,5 +1,5 @@
 const snapId = 'npm:@consensys/linea-voyager';
-const snapVersion = '^0.8.0';
+const snapVersion = '^0.9.0';
 let isAccountConnected = false;
 
 const isLatestVersion = (installedVersion) => {

packages/snap/locales/en.json

@@ -16,6 +16,7 @@
     "none": "There are no current activations",
     "one": "There is {count} active LXP activation"
   },
+  "lineaEns": "Linea ENS domain",
   "lxpAddress": {
     "heading": "LXP wallet address",
     "prompt": "Please enter the wallet address linked to your LXP"

packages/snap/locales/es.json

@@ -16,6 +16,7 @@
     "none": "No hay activas activaciones de LXP",
     "one": "Hay {count} activacion de LXP activa"
   },
+  "lineaEns": "Dominion Linea ENS",
   "lxpAddress": {
     "heading": "Cuenta que usas para LXP",
     "prompt": "Ingresa tu cuenta para ver tu balance"

packages/snap/locales/fr.json

@@ -16,6 +16,7 @@
     "none": "Il n'y a pas d'activation active",
     "one": "Il y a {count} activation LXP active"
   },
+  "lineaEns": "Domaine Linea ENS",
   "lxpAddress": {
     "heading": "Adresse du portefeuille LXP",
     "prompt": "Veuillez saisir l'adresse de votre wallet lié à vos LXP"

packages/snap/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consensys/linea-voyager",
-  "version": "0.8.0",
-  "description": "View your minted LXP and LXP-L balances, POH status, and current activations.",
+  "version": "0.9.0",
+  "description": "View your minted LXP and LXP-L balances, POH status, Linea ENS domain and current activations.",
   "repository": {
     "type": "git",
     "url": "https://github.com/Consensys/linea-voyager-snap"
@@ -28,6 +28,7 @@
     "test": "jest"
   },
   "dependencies": {
+    "@metamask/abi-utils": "^2.0.2",
     "@metamask/snaps-sdk": "3.2.0",
     "@metamask/utils": "^8.4.0",
     "buffer": "^6.0.3"

packages/snap/snap.manifest.json

@@ -1,13 +1,13 @@
 {
-  "version": "0.8.0",
-  "description": "View your minted LXP and LXP-L balances, POH status, and current activations.",
+  "version": "0.9.0",
+  "description": "View your minted LXP and LXP-L balances, POH status, Linea ENS domain and current activations.",
   "proposedName": "Linea Voyager",
   "repository": {
     "type": "git",
     "url": "https://github.com/Consensys/linea-voyager-snap"
   },
   "source": {
-    "shasum": "qn+fCn/bffFvogA9Ac9AQYZ4ffji8hrk9O85XTagYJg=",
+    "shasum": "ag9aJGWrHU8DQ+MtXQez579IagSFJM2HeHjfSwvLlKs=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/snap/src/index.ts

@@ -35,15 +35,22 @@ export const onHomePage: OnHomePageHandler = async () => {
 
   const myAccount = snapState.lxpAddress as string;
 
-  const { lxpBalance, lxpLBalance, openBlockScore, pohStatus, activations } =
-    await getDataForUser(myAccount, chainId);
+  const {
+    lxpBalance,
+    lxpLBalance,
+    openBlockScore,
+    pohStatus,
+    activations,
+    name,
+  } = await getDataForUser(myAccount, chainId);
 
   await setState({
     myLxpBalance: lxpBalance,
     myLxpLBalance: lxpLBalance,
     myOpenBlockScore: openBlockScore,
     myPohStatus: pohStatus,
     activations,
+    myLineaEns: name,
   });
 
   return renderMainUi(myAccount);

packages/snap/src/service.ts

@@ -1,3 +1,6 @@
+import { decode } from '@metamask/abi-utils';
+import type { Hex } from '@metamask/utils';
+
 import { callGlobalApi } from './api';
 import type { UserData } from './types';
 import {
@@ -18,10 +21,11 @@ export async function getDataForUser(
 ): Promise<UserData> {
   try {
     const isLineascan = chainId !== '0xe708';
-    const [userData, lxpBalanceRaw, lxpLBalanceRaw] = await Promise.all([
+    const [userData, lxpBalanceRaw, lxpLBalanceRaw, name] = await Promise.all([
       callGlobalApi(address, isLineascan),
       isLineascan ? 0 : getBalanceFromChain(LXP_CONTRACT_ADDRESS, address),
       isLineascan ? 0 : getBalanceFromChain(LXP_L_CONTRACT_ADDRESS, address),
+      isLineascan ? '' : getNameFromChain(address),
     ]);
 
     userData.lxpBalance = isLineascan
@@ -30,6 +34,7 @@ export async function getDataForUser(
     userData.lxpLBalance = isLineascan
       ? convertBalanceToDisplay(userData.lxpLBalance.toString())
       : lxpLBalanceRaw;
+    userData.name = isLineascan ? userData.name : name;
 
     return userData;
   } catch (error) {
@@ -39,6 +44,7 @@ export async function getDataForUser(
       lxpLBalance: 0,
       pohStatus: false,
       activations: [],
+      name: '',
     };
   }
 }
@@ -63,3 +69,51 @@ async function getBalanceFromChain(tokenAddress: string, address: string) {
 
   return convertBalanceToDisplay(rawBalance);
 }
+
+/**
+ * Get the Linea ENS node hash from the chain.
+ * @param address - The address to get the Linea ENS node hash for.
+ * @returns The Linea ENS node hash for the address.
+ */
+async function getNodeHashFromChain(address: string) {
+  const method = 'eth_call';
+  const params = [
+    {
+      to: '0x2372154B01F1071b2f2BB02e93Ab97404f1F7a76',
+      data: `0xbffbe61c000000000000000000000000${address.slice(2)}`,
+    },
+    'latest',
+  ];
+
+  return ethereum.request<string>({ method, params });
+}
+
+/**
+ * Get the Linea ENS domain name for an address from the chain.
+ * @param address - The address to get the Linea ENS domain name for.
+ * @returns The Linea ENS domain name for the address.
+ */
+async function getNameFromChain(address: string): Promise<string> {
+  const nodeHash = await getNodeHashFromChain(address);
+
+  if (!nodeHash || nodeHash === '0x') {
+    return '';
+  }
+
+  const method = 'eth_call';
+  const params = [
+    {
+      to: '0x5bDA6a6B90452e8a399B412E70915B61Dd50c82B',
+      data: `0x691f3431${nodeHash.slice(2)}`,
+    },
+    'latest',
+  ];
+
+  const rawName = await ethereum.request<string>({ method, params });
+
+  if (!rawName || rawName === '0x') {
+    return '';
+  }
+
+  return decode(['string'], rawName.toString() as Hex)[0] as string;
+}

packages/snap/src/types/index.ts

@@ -16,6 +16,7 @@ export type Captions = {
     none: string;
     one: string;
   };
+  lineaEns: string;
   lxpAddress: {
     heading: string;
     prompt: string;
@@ -68,6 +69,7 @@ export type UserData = {
   openBlockScore: number;
   lxpBalance: number;
   lxpLBalance: number;
+  name: string;
 };
 
 export type SnapState = {
@@ -78,4 +80,5 @@ export type SnapState = {
   myOpenBlockScore?: number;
   myPohStatus?: boolean;
   activations?: Activation[];
+  myLineaEns?: string;
 };

packages/snap/src/ui.ts

@@ -28,13 +28,16 @@ export async function renderMainUi(myAccount: string) {
   const lxpLBalance = snapState?.myLxpLBalance ?? 0;
   const openBlockScore = snapState?.myOpenBlockScore ?? 0;
   const activations = snapState?.activations ?? [];
+  const name = snapState?.myLineaEns ?? '';
+
   const captions = snapState?.captions;
 
   const labelBalance = captions?.balance;
   const labelLxpLBalance = captions?.balanceLxpL;
   const labelPendingLxpLBalance = captions?.pendingBalanceLxpL;
   const labelAddress = captions?.address;
   const labelPohStatus = captions?.pohStatus;
+  const labelLineaEns = captions?.lineaEns;
 
   const pohStatus = `${
     snapState?.myPohStatus
@@ -85,6 +88,10 @@ export async function renderMainUi(myAccount: string) {
     );
   }
 
+  if (name && name !== '') {
+    myData.push(row(labelLineaEns, text(name)));
+  }
+
   const help = captions?.help as string;
   const viewBalance = captions?.viewBalance as string;
   const viewLxpLBalance = captions?.viewLxpLBalance as string;

yarn.lock

@@ -1647,6 +1647,7 @@ __metadata:
   resolution: "@consensys/linea-voyager@workspace:packages/snap"
   dependencies:
     "@jest/globals": ^29.5.0
+    "@metamask/abi-utils": ^2.0.2
     "@metamask/auto-changelog": 3.4.4
     "@metamask/eslint-config": 12.2.0
     "@metamask/eslint-config-jest": 12.1.0