feat: add name service (dcSpark#1)

example/src/App.tsx

@@ -4,6 +4,7 @@ import {
   getBalance,
   signAndSendTransaction,
   watchTransaction,
+  fetchName,
 } from "solib";
 import { useCallback, useState } from "react";
 import "./App.css";
@@ -24,16 +25,20 @@ import {
 function App() {
   const toast = useToast();
   const [address, setAddress] = useState<string | undefined>("");
+  const [name, setName] = useState<string | undefined>("");
   const [balance, setBalance] = useState<string | undefined>("");
   const [signature, setSignature] = useState<string | undefined>("");
   const [message, setMessage] = useState<string | undefined>("");
   const [toAddress, setToAddress] = useState<string | undefined>("");
   const [amount, setAmount] = useState<number>(0);
   const onClick = useCallback(() => {
     connect()
-      .then((publicKey) => setAddress(publicKey!))
-      .then(() => {
+      .then((publicKey) => {setAddress(publicKey!); return publicKey})
+      .then((publicKey) => {
         getBalance().then((value) => setBalance(value.toString()));
+        fetchName({address: publicKey}).then((name) => {
+          setName(name || publicKey);
+        });
       });
   }, []);
 
@@ -136,6 +141,9 @@ function App() {
             </Flex>
           </Flex>
         )}
+        {name && (
+          <Flex>SNS Name: {name}</Flex>
+        )} 
       </Flex>
     </div>
   );

package.json

@@ -15,11 +15,15 @@
     "preview": "vite preview"
   },
   "devDependencies": {
+    "@types/bn.js": "^5.1.1",
     "typescript": "^4.6.4",
     "vite": "^3.1.0"
   },
   "dependencies": {
+    "@ethersproject/sha2": "^5.7.0",
     "@solana/web3.js": "^1.63.0",
+    "bn.js": "^5.2.1",
+    "borsh": "^0.7.0",
     "bs58": "^5.0.0",
     "buffer": "^6.0.3",
     "valtio": "^1.7.0"

src/actions/index.ts

@@ -6,3 +6,5 @@ export {
   sendTransaction,
   watchTransaction,
 } from "./transactions";
+
+export { fetchName } from "./nameService";

src/actions/nameService.ts

@@ -0,0 +1,40 @@
+import { Connection, PublicKey } from "@solana/web3.js";
+import { solanaClusters } from "../defaults/clusters";
+import { getFavoriteDomain, getAllDomains, performReverseLookup } from "./spl";
+
+export type FetchNameArgs = {
+  address: string
+}
+
+export type FetchNameResult = string | null
+
+/**
+* Retrieves a domain name to display for a user if any
+* First it attempts to get the favorite domain.
+* This feature doesn't appear to commonly be used hence
+* if none is set we try to capture other domains associated to the
+* account and use the first one that pops up.
+* @param connection The Solana RPC connection object
+* @param owner The owner you want to retrieve the favorite domain for
+* @returns
+*/
+export async function fetchName(args: FetchNameArgs): Promise<FetchNameResult> {
+  const connection = new Connection(solanaClusters.mainnetBeta.endpoint, 'confirmed');
+  const address = new PublicKey(args.address);
+
+  try {
+    return (await getFavoriteDomain(connection, address)).reverse;
+  } catch (e) {}
+
+  const otherDomains = await getSolDomainsFromPublicKey(connection, address);
+
+  return otherDomains.length > 0 ? otherDomains[0] : null;
+}
+
+async function getSolDomainsFromPublicKey(connection: Connection, wallet: PublicKey):Promise<string[]>{
+  const allDomainKeys = await getAllDomains(connection, wallet);
+  const allDomainNames = await Promise.all(allDomainKeys.map((key: PublicKey) => {
+    return performReverseLookup(connection, key)
+  }));
+  return allDomainNames;
+}