feat: add registration and update flow

Author: adamazad

src/api/GraphQl/schemas/generated/ens.ts

@@ -37,7 +37,7 @@ interface PublishIpfsParams {
 }
 export const publishNimiIpfs = async (params: PublishIpfsParams) => {
   const { data } = await getNimiAPIClient().post<{
-    data: { cidv1: string };
+    data: { cid: string };
   }>('/nimi/publish', params);
   return data.data;
 };

src/api/GraphQl/schemas/generated/lens.tsx

@@ -28,17 +28,18 @@ export function useRegisterNimiId() {
 }
 
 interface UpdateContentParams {
-  contentHash: string;
+  contenthash: string;
   signature: string;
   domainsNameHash: string;
 }
 
-const updateContent = async ({ contentHash, signature, domainsNameHash }: UpdateContentParams) => {
+const updateContent = async ({ contenthash, signature, domainsNameHash }: UpdateContentParams) => {
   const { data } = await getNimiIdApiClient().put<{
     data: any;
-  }>(`/domains/${domainsNameHash}/contentHash`, { signature, contentHash });
+  }>(`/domains/${domainsNameHash}/contenthash`, { signature, contenthash });
   return data.data;
 };
-export function useSetIdContent() {
+
+export function useSetIdContentHash() {
   return useMutation(['updateNimiIdContent'], updateContent);
 }

src/api/RestAPI/hooks/usePublishNimiIPNS.ts

@@ -33,7 +33,7 @@ export function getNimiAPIClient() {
 
 export function getNimiIdApiClient() {
   return axios.create({
-    baseURL: 'http://api.nimi.id',
+    baseURL: 'https://api.nimi.id',
   });
 }
 

src/api/RestAPI/hooks/useRegisterNimiId.ts

@@ -12,7 +12,7 @@ import { PoapField } from './partials/PoapField';
 import { BlockchainAddresses, FormItem, InnerWrapper, MainContent, PageSectionTitle } from './styled';
 import { themes } from './themes';
 import { usePublishNimiIpfs } from '../../api/RestAPI/hooks/usePublishNimiIPNS';
-import { useSetIdContent } from '../../api/RestAPI/hooks/useRegisterNimiId';
+import { useSetIdContentHash } from '../../api/RestAPI/hooks/useRegisterNimiId';
 import { useENSPublicResolverContract } from '../../hooks/useENSPublicResolverContract';
 import { useRainbow } from '../../hooks/useRainbow';
 import {
@@ -54,7 +54,7 @@ export function CreateNimi({ ensAddress, ensName, availableThemes, initialNimi }
   const [showPreviewMobile, setShowPreviewMobile] = useState(false);
   const { modalOpened, ModalTypes, openModal, closeModal, showSpinner } = useUserInterface();
   const { mutateAsync: publishNimiAsync } = usePublishNimiIpfs();
-  const { mutateAsync: updateNimiId } = useSetIdContent();
+  const { mutateAsync: updateNimiId } = useSetIdContentHash();
   // const { mutateAsync: updateNimiAsync } = useUpdateNimiIPNS();
   const [isPublishingNimi, setIsPublishingNimi] = useState(false);
   const [isNimiPublished, setIsNimiPublished] = useState(false);
@@ -117,29 +117,32 @@ export function CreateNimi({ ensAddress, ensName, availableThemes, initialNimi }
       }
 
       // Publishing a new Nimi IPNS record
-      console.log('nimi', nimi);
-      const { cidv1 } = await publishNimiAsync({
+      debug('nimi', nimi);
+      const { cid } = await publishNimiAsync({
         nimi,
         chainId: chainId as number,
       });
 
-      if (!cidv1) {
+      if (!cid) {
         throw new Error('No CID returned from publishNimiViaIPNS');
       }
 
-      const contentHash = `ipfs://${cidv1}`;
+      const contentHash = `ipfs://${cid}`;
       const newContentHashEncoded = encodeContenthash(contentHash).encoded as unknown as string;
       const signature = await signMessage({
         message: JSON.stringify({ contentHash: newContentHashEncoded }),
       });
-      console.log('signature', signature);
-      console.log('contentHash', contentHash);
+      debug({ signature, contentHash });
       const domainsNameHash = ensNameHash(nimi.displayName);
 
-      const mutation = await updateNimiId({ contentHash, signature, domainsNameHash });
-      console.log('mutation', mutation);
+      const mutation = await updateNimiId({
+        contenthash: newContentHashEncoded,
+        signature,
+        domainsNameHash,
+      });
+      debug('mutation', mutation);
       setStepsCompleted([PublishNimiPageStep.BUNDLE_NIMI_PAGE]);
-      setPublishNimiResponseIpfsHash(cidv1);
+      setPublishNimiResponseIpfsHash(cid);
 
       setStepsCompleted((stepsCompleted) => [...stepsCompleted, PublishNimiPageStep.SET_CONTENT_HASH]);
       setIsNimiPublished(true);

src/api/RestAPI/utils.ts

@@ -16,11 +16,11 @@ export const SearchInputSelect = ({ isSearching, isNameAvailable, value, handleO
   return (
     <SearchGroup>
       <SearchInputRing isSearching={isSearching} isENSNameAvailable={isNameAvailable}>
-        <SearchInput placeholder="Username.Ethbr.Co" value={value} onChange={handleOnChange} />
+        <SearchInput placeholder="username.ethbr.co" value={value} onChange={handleOnChange} />
         {value.length !== 0 && (
           <SearchSuggestion>
             {value}
-            <Placeholder placeholder=".Ethbr.co" disabled={true} />
+            <Placeholder placeholder=".ethbr.co" disabled={true} />
           </SearchSuggestion>
         )}
 

src/components/CreateNimi/CreateNimi.tsx

@@ -79,7 +79,7 @@ export function PublishNimiModal({
         ) : (
           <Step isBusy={true}>Bundling your Nimi page 👀</Step>
         )}
-        (<Step as="div">Update NIMI ID records for {ensName}</Step>)
+        {/* <Step as="div">Update NIMI ID records for {ensName}</Step> */}
         {isPublished ? (
           <Step isBusy={true} target="_blank" rel="noreferrer" href={`https://${ensName}.limo`}>
             Your Nimi has been published

src/components/Input/SearchInput/index.tsx

@@ -36,19 +36,18 @@ export function Landing() {
   const onClaimHandler = async () => {
     setSpinner(true);
     try {
-      const rioName = `${searchValue}.${RIO_SUFIX}`;
+      const name = `${searchValue}.${RIO_SUFIX}`;
       if (account && claimCode) {
-        // const signature = await signMessage({
-        //   message: JSON.stringify({ name: rioName, registrant: account, claimCode }),
-        // });
-        // const data = await mutateAsync({
-        //   name: rioName,
-        //   registrant: account,
-        //   signature: signature,
-        //   claimCode,
-        // });
-        // console.log('data', data);
-
+        const signature = await signMessage({
+          message: JSON.stringify({ name, registrant: account, claimCode }),
+        });
+        const data = await mutateAsync({
+          name,
+          registrant: account,
+          signature: signature,
+          claimCode,
+        });
+        console.log('data', data);
         navigate(`domains/${searchValue}.${RIO_SUFIX}`);
       }
     } catch (e) {