Re-work invite links

src/routes/discover/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {addToMapKey, dec, gt} from "@welshman/lib"
+  import {dec} from "@welshman/lib"
   import {ROOMS} from "@welshman/util"
   import {Router} from "@welshman/router"
   import {load} from "@welshman/net"
@@ -13,17 +13,9 @@
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import PageHeader from "@lib/components/PageHeader.svelte"
-  import RelayName from "@app/components/RelayName.svelte"
-  import RelayDescription from "@app/components/RelayDescription.svelte"
+  import RelaySummary from "@app/components/RelaySummary.svelte"
   import SpaceCheck from "@app/components/SpaceCheck.svelte"
-  import ProfileCircles from "@app/components/ProfileCircles.svelte"
-  import {
-    membershipsByPubkey,
-    getMembershipUrls,
-    loadMembership,
-    userRoomsByUrl,
-    getDefaultPubkeys,
-  } from "@app/core/state"
+  import {getMembershipUrls, loadMembership, defaultPubkeys, membersByUrl} from "@app/core/state"
   import {pushModal} from "@app/util/modal"
 
   const discoverRelays = () =>
@@ -32,7 +24,7 @@
         filters: [{kinds: [ROOMS]}],
         relays: Router.get().Index().getUrls(),
       }),
-      ...getDefaultPubkeys().map(async pubkey => {
+      ...$defaultPubkeys.map(async pubkey => {
         await loadRelaySelections(pubkey)
 
         const membership = await loadMembership(pubkey)
@@ -42,27 +34,15 @@
       }),
     ])
 
-  const wotGraph = $derived.by(() => {
-    const scores = new Map<string, Set<string>>()
-
-    for (const pubkey of getDefaultPubkeys()) {
-      for (const url of getMembershipUrls($membershipsByPubkey.get(pubkey))) {
-        addToMapKey(scores, url, pubkey)
-      }
-    }
-
-    return scores
-  })
-
   const relaySearch = $derived(
     createSearch(
-      $relays.filter(r => wotGraph.has(r.url)),
+      $relays.filter(r => $membersByUrl.has(r.url)),
       {
         getValue: (relay: Relay) => relay.url,
         sortFn: ({score, item}) => {
           if (score && score > 0.1) return -score!
 
-          const wotScore = wotGraph.get(item.url)?.size || 0
+          const wotScore = $membersByUrl.get(item.url)?.size || 0
 
           return score ? dec(score) * wotScore : -wotScore
         },
@@ -110,44 +90,9 @@
     </label>
     {#each relaySearch.searchOptions(term).slice(0, limit) as relay (relay.url)}
       <Button
-        class="card2 bg-alt col-4 text-left shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]"
+        class="card2 bg-alt shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]"
         onclick={() => openSpace(relay.url)}>
-        <div class="col-2">
-          <div class="relative flex gap-4">
-            <div class="relative">
-              <div class="avatar relative">
-                <div
-                  class="center !flex h-12 w-12 min-w-12 rounded-full border-2 border-solid border-base-300 bg-base-300">
-                  {#if relay.profile?.icon}
-                    <img alt="" src={relay.profile.icon} />
-                  {:else}
-                    <Icon icon="ghost" size={5} />
-                  {/if}
-                </div>
-              </div>
-              {#if $userRoomsByUrl.has(relay.url)}
-                <div
-                  class="tooltip absolute -right-1 -top-1 h-5 w-5 rounded-full bg-primary"
-                  data-tip="You are already a member of this space.">
-                  <Icon icon="check-circle" class="scale-110" />
-                </div>
-              {/if}
-            </div>
-            <div>
-              <h2 class="ellipsize whitespace-nowrap text-xl">
-                <RelayName url={relay.url} />
-              </h2>
-              <p class="text-sm opacity-75">{relay.url}</p>
-            </div>
-          </div>
-          <RelayDescription url={relay.url} />
-        </div>
-        {#if gt(wotGraph.get(relay.url)?.size, 0)}
-          <div class="row-2 card2 card2-sm bg-alt">
-            Members:
-            <ProfileCircles pubkeys={Array.from(wotGraph.get(relay.url) || [])} />
-          </div>
-        {/if}
+        <RelaySummary url={relay.url} />
       </Button>
     {/each}
     {#await discoverRelays()}

src/routes/join/+page.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import {page} from "$app/stores"
+  import {goto} from "$app/navigation"
+  import Icon from "@lib/components/Icon.svelte"
+  import Dialog from "@lib/components/Dialog.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import SpaceInviteAccept from "@app/components/SpaceInviteAccept.svelte"
+</script>
+
+<Dialog>
+  <SpaceInviteAccept invite={$page.url.href}>
+    {#snippet abortAction()}
+      <Button class="btn btn-link" onclick={() => goto("/home")}>
+        <Icon icon="alt-arrow-left" />
+        Go back
+      </Button>
+    {/snippet}
+  </SpaceInviteAccept>
+</Dialog>

src/routes/people/+page.svelte

@@ -6,15 +6,13 @@
   import Page from "@lib/components/Page.svelte"
   import ContentSearch from "@lib/components/ContentSearch.svelte"
   import PeopleItem from "@app/components/PeopleItem.svelte"
-  import {getDefaultPubkeys} from "@app/core/state"
-
-  const defaultPubkeys = getDefaultPubkeys()
+  import {defaultPubkeys} from "@app/core/state"
 
   let term = $state("")
   let limit = $state(10)
   let element: Element | undefined = $state()
 
-  const pubkeys = $derived(term ? $profileSearch.searchValues(term) : defaultPubkeys)
+  const pubkeys = $derived(term ? $profileSearch.searchValues(term) : $defaultPubkeys)
 
   onMount(() => {
     const scroller = createScroller({