Add registry method to Profile

Signed-off-by: Sebastian Martinez <sebastinez@me.com>

src/base/orgs/View.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
   import type { SvelteComponent } from 'svelte';
-  import Link from '@app/Link.svelte';
   import type { Config } from '@app/config';
-  import { formatName, parseEnsLabel, explorerLink } from '@app/utils';
+  import { formatName, explorerLink } from '@app/utils';
   import { session } from '@app/session';
   import Loading from '@app/Loading.svelte';
   import Modal from '@app/Modal.svelte';
@@ -196,7 +195,7 @@
           {#if utils.isAddressEqual(profile.address, org.address)}
             <div>
               {#if profile.name}
-                <Link to={`/registrations/${parseEnsLabel(profile.name, config)}`}>{profile.name}</Link>
+                <a href={profile.registry(config)} class="link" target="_blank">{profile.name}</a>
               {:else}
                 <span class="subtle">Not set</span>
               {/if}

src/base/users/View.svelte

@@ -8,8 +8,6 @@
   import { Org } from '@app/base/orgs/Org';
   import Message from '@app/Message.svelte';
   import Project from '@app/base/projects/Widget.svelte';
-  import Link from '@app/Link.svelte';
-  import { parseEnsLabel } from '@app/utils';
 
   export let address: string;
   export let config: Config;
@@ -112,7 +110,7 @@
         <div class="label">Profile</div>
         <div>
           {#if profile.name}
-            <Link to={`/registrations/${parseEnsLabel(profile.name, config)}`}>{profile.name}</Link>
+            <a href={profile.registry(config)} class="link" target="_blank">{profile.name}</a>
           {:else}
             <span class="subtle">Not set</span>
           {/if}

src/config.json

@@ -49,7 +49,10 @@
     "tokens": []
   },
   "walletConnect": { "bridge": "https://radicle.bridge.walletconnect.org" },
-  "ceramic": { "api": "https://gateway.ceramic.network" },
+  "ceramic": {
+    "api": "https://gateway.ceramic.network",
+    "registry": "https://self.id/"
+  },
   "radicle": {
     "seed": {
       "host": "0.0.0.0",

src/config.ts

@@ -62,7 +62,10 @@ export class Config {
     link: { port: number };
   };
   idx: { client: IDX };
-  ceramic: { client: CeramicClient };
+  ceramic: {
+   client: CeramicClient;
+   registry: string;
+  };
   tokens: string[];
   token: ethers.Contract;
 
@@ -116,7 +119,10 @@ export class Config {
     this.gasLimits = gasLimits;
     this.abi = config.abi;
     this.idx = { client: idx };
-    this.ceramic = { client: ceramic };
+    this.ceramic = {
+      client: ceramic,
+      registry: config.ceramic.registry
+    };
     this.tokens = cfg.tokens;
     this.token = new ethers.Contract(
       this.radToken.address,

src/profile.ts

@@ -1,7 +1,7 @@
 import type { EnsProfile } from "@app/base/registrations/registrar";
 import type { BasicProfile } from "@ceramicstudio/idx-constants";
 import {
-  isAddress, formatCAIP10Address, formatIpfsFile, resolveEnsProfile, resolveIdxProfile, parseUsername,
+  isAddress, formatCAIP10Address, formatIpfsFile, resolveEnsProfile, resolveIdxProfile, parseUsername, parseEnsLabel
 } from "@app/utils";
 import type { Config } from "@app/config";
 
@@ -98,6 +98,13 @@ export class Profile {
     return config;
   }
 
+  // Returns the corresponding registration form to edit a user profile.
+  // We are not interested in a non-existant registry link, since we check before hand if the name exists.
+  registry(config: Config): string {
+    if (this.profile?.ens) return `/registrations/${parseEnsLabel(this.profile.ens.name, config)}`;
+    else return `${config.ceramic.registry}${formatCAIP10Address(this.profile.address, "eip155", config.network.chainId)}`;
+  }
+
   // Keeping this function private since the desired entrypoint is .get()
   private static async lookupProfile(
     addressOrName: string,