From 339e53e50621a5f97b8332506f6278cf6f1212fc Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Wed, 11 Sep 2024 11:09:25 -0700
Subject: [PATCH] Lint, rename chat compose stuff

---
 src/app.css                                   |  2 +-
 src/app/commands.ts                           | 45 ++++++++++++---
 ...GroupCompose.svelte => ChatCompose.svelte} |  0
 ...Bolt11.svelte => ChatComposeBolt11.svelte} |  0
 ...seEvent.svelte => ChatComposeEvent.svelte} |  0
 ...seImage.svelte => ChatComposeImage.svelte} |  0
 ...poseLink.svelte => ChatComposeLink.svelte} |  4 +-
 ...ntion.svelte => ChatComposeMention.svelte} |  0
 ...s.svelte => ChatComposeSuggestions.svelte} |  6 +-
 ...seVideo.svelte => ChatComposeVideo.svelte} |  0
 .../{GroupNote.svelte => ChatMessage.svelte}  |  0
 ...on.svelte => ChatSuggestionProfile.svelte} |  0
 src/app/components/GroupComposeTopic.svelte   | 18 ------
 .../GroupComposeTopicSuggestion.svelte        |  5 --
 src/app/components/InfoRelay.svelte           |  3 -
 src/app/components/LogIn.svelte               |  2 +-
 src/app/components/RoomCreate.svelte          | 12 +---
 src/app/components/SpaceJoin.svelte           |  7 +--
 src/app/editor.ts                             | 56 +++++++++----------
 src/app/routes.ts                             |  7 ++-
 src/app/state.ts                              | 23 +-------
 src/routes/+layout.svelte                     |  6 +-
 src/routes/discover/+page.svelte              |  4 +-
 src/routes/settings/relays/+page.svelte       |  5 +-
 src/routes/spaces/[nrelay]/+layout.svelte     |  8 +--
 .../spaces/[nrelay]/[[topic]]/+page.svelte    | 12 ++--
 26 files changed, 94 insertions(+), 131 deletions(-)
 rename src/app/components/{GroupCompose.svelte => ChatCompose.svelte} (100%)
 rename src/app/components/{GroupComposeBolt11.svelte => ChatComposeBolt11.svelte} (100%)
 rename src/app/components/{GroupComposeEvent.svelte => ChatComposeEvent.svelte} (100%)
 rename src/app/components/{GroupComposeImage.svelte => ChatComposeImage.svelte} (100%)
 rename src/app/components/{GroupComposeLink.svelte => ChatComposeLink.svelte} (83%)
 rename src/app/components/{GroupComposeMention.svelte => ChatComposeMention.svelte} (100%)
 rename src/app/components/{GroupComposeSuggestions.svelte => ChatComposeSuggestions.svelte} (83%)
 rename src/app/components/{GroupComposeVideo.svelte => ChatComposeVideo.svelte} (100%)
 rename src/app/components/{GroupNote.svelte => ChatMessage.svelte} (100%)
 rename src/app/components/{GroupComposeProfileSuggestion.svelte => ChatSuggestionProfile.svelte} (100%)
 delete mode 100644 src/app/components/GroupComposeTopic.svelte
 delete mode 100644 src/app/components/GroupComposeTopicSuggestion.svelte

diff --git a/src/app.css b/src/app.css
index d1d65e74f..1f033e6a5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -105,7 +105,7 @@
 }
 
 .link-content {
-  @apply inline-block max-w-full overflow-hidden text-ellipsis whitespace-nowrap rounded bg-neutral px-1 text-sm text-neutral-content no-underline;
+  @apply max-w-full overflow-hidden text-ellipsis whitespace-nowrap rounded bg-neutral px-1 text-neutral-content no-underline;
 }
 
 .link-content.link-content-selected {
diff --git a/src/app/commands.ts b/src/app/commands.ts
index 425476ce5..ddfe9e0bc 100644
--- a/src/app/commands.ts
+++ b/src/app/commands.ts
@@ -1,19 +1,18 @@
-import {uniqBy, equals, uniq, now, choice} from "@welshman/lib"
-import {getRelayTagValues, createEvent, displayProfile} from "@welshman/util"
-import {PublishStatus} from "@welshman/net"
+import {uniqBy, sleep, chunk, equals, choice} from "@welshman/lib"
+import {getPubkeyTagValues, createEvent, displayProfile} from "@welshman/util"
+import type {SubscribeRequestWithHandlers} from "@welshman/net"
 import {
   pubkey,
   repository,
-  load,
   makeThunk,
   publishThunk,
   loadProfile,
   profilesByPubkey,
   relaySelectionsByPubkey,
-  loadRelaySelections,
   getWriteRelayUrls,
   loadFollows,
   loadMutes,
+  followsByPubkey,
 } from "@welshman/app"
 import {MEMBERSHIPS, INDEXER_RELAYS} from "@app/state"
 
@@ -49,8 +48,32 @@ export const makeIMeta = (url: string, data: Record<string, string>) => [
 
 // Loaders
 
-export const loadUserData = (pubkey: string, hints: string[] = []) =>
-  Promise.all([loadProfile(pubkey), loadFollows(pubkey), loadMutes(pubkey)])
+export const loadUserData = (
+  pubkey: string,
+  request: Partial<SubscribeRequestWithHandlers> = {},
+) => {
+  const promise = Promise.all([
+    loadProfile(pubkey, request),
+    loadFollows(pubkey, request),
+    loadMutes(pubkey, request),
+  ])
+
+  // Load followed profiles slowly in the background without clogging other stuff up
+  promise.then(async () => {
+    const followsList = followsByPubkey.get().get(pubkey)
+    const follows = getPubkeyTagValues(followsList?.event.tags || [])
+
+    for (const pubkeys of chunk(50, follows)) {
+      await sleep(300)
+
+      for (const pubkey of pubkeys) {
+        loadProfile(pubkey)
+      }
+    }
+  })
+
+  return promise
+}
 
 // Updates
 
@@ -73,10 +96,14 @@ export const addSpaceMembership = (url: string) =>
   updateList(MEMBERSHIPS, (tags: string[][]) => uniqBy(t => t.join(""), [...tags, ["r", url]]))
 
 export const addRoomMembership = (url: string, topic: string) =>
-  updateList(MEMBERSHIPS, (tags: string[][]) => uniqBy(t => t.join(""), [...tags, ["t", topic, url]]))
+  updateList(MEMBERSHIPS, (tags: string[][]) =>
+    uniqBy(t => t.join(""), [...tags, ["t", topic, url]]),
+  )
 
 export const removeSpaceMembership = (url: string) =>
-  updateList(MEMBERSHIPS, (tags: string[][]) => tags.filter(t => !equals(["r", url], t) && t[2] !== url))
+  updateList(MEMBERSHIPS, (tags: string[][]) =>
+    tags.filter(t => !equals(["r", url], t) && t[2] !== url),
+  )
 
 export const removeRoomMembership = (url: string, topic: string) =>
   updateList(MEMBERSHIPS, (tags: string[][]) => tags.filter(t => !equals(["t", topic, url], t)))
diff --git a/src/app/components/GroupCompose.svelte b/src/app/components/ChatCompose.svelte
similarity index 100%
rename from src/app/components/GroupCompose.svelte
rename to src/app/components/ChatCompose.svelte
diff --git a/src/app/components/GroupComposeBolt11.svelte b/src/app/components/ChatComposeBolt11.svelte
similarity index 100%
rename from src/app/components/GroupComposeBolt11.svelte
rename to src/app/components/ChatComposeBolt11.svelte
diff --git a/src/app/components/GroupComposeEvent.svelte b/src/app/components/ChatComposeEvent.svelte
similarity index 100%
rename from src/app/components/GroupComposeEvent.svelte
rename to src/app/components/ChatComposeEvent.svelte
diff --git a/src/app/components/GroupComposeImage.svelte b/src/app/components/ChatComposeImage.svelte
similarity index 100%
rename from src/app/components/GroupComposeImage.svelte
rename to src/app/components/ChatComposeImage.svelte
diff --git a/src/app/components/GroupComposeLink.svelte b/src/app/components/ChatComposeLink.svelte
similarity index 83%
rename from src/app/components/GroupComposeLink.svelte
rename to src/app/components/ChatComposeLink.svelte
index e25b6c86f..a777a88c1 100644
--- a/src/app/components/GroupComposeLink.svelte
+++ b/src/app/components/ChatComposeLink.svelte
@@ -10,12 +10,12 @@
   export let selected: NodeViewProps["selected"]
 </script>
 
-<NodeViewWrapper class="inline">
+<NodeViewWrapper class="inline-block">
   <Link
     external
     href={node.attrs.url}
     class={cx("link-content", {"link-content-selected": selected})}>
-    <Icon icon="link-round" size={3} class="inline-block translate-y-px" />
+    <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(node.attrs.url)}
   </Link>
 </NodeViewWrapper>
diff --git a/src/app/components/GroupComposeMention.svelte b/src/app/components/ChatComposeMention.svelte
similarity index 100%
rename from src/app/components/GroupComposeMention.svelte
rename to src/app/components/ChatComposeMention.svelte
diff --git a/src/app/components/GroupComposeSuggestions.svelte b/src/app/components/ChatComposeSuggestions.svelte
similarity index 83%
rename from src/app/components/GroupComposeSuggestions.svelte
rename to src/app/components/ChatComposeSuggestions.svelte
index 7a1793b5b..a0dcdfc06 100644
--- a/src/app/components/GroupComposeSuggestions.svelte
+++ b/src/app/components/ChatComposeSuggestions.svelte
@@ -65,10 +65,10 @@
     data-theme={$theme}
     bind:this={element}
     transition:slide|local={{duration: 100}}
-    class="mt-2 flex max-h-[350px] flex-col overflow-y-auto overflow-x-hidden shadow-xl">
+    class="mt-2 max-h-[350px] overflow-y-auto overflow-x-hidden shadow-xl">
     {#if term && allowCreate}
       <button
-        class="white-space-nowrap min-w-0 cursor-pointer overflow-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
         on:mousedown|preventDefault
         on:click|preventDefault={() => select(term)}>
         Use "<svelte:component this={component} value={term} />"
@@ -76,7 +76,7 @@
     {/if}
     {#each items as value, i (value)}
       <button
-        class="white-space-nowrap min-w-0 cursor-pointer overflow-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
         class:bg-primary={index === i}
         class:text-primary-content={index === i}
         on:mousedown|preventDefault
diff --git a/src/app/components/GroupComposeVideo.svelte b/src/app/components/ChatComposeVideo.svelte
similarity index 100%
rename from src/app/components/GroupComposeVideo.svelte
rename to src/app/components/ChatComposeVideo.svelte
diff --git a/src/app/components/GroupNote.svelte b/src/app/components/ChatMessage.svelte
similarity index 100%
rename from src/app/components/GroupNote.svelte
rename to src/app/components/ChatMessage.svelte
diff --git a/src/app/components/GroupComposeProfileSuggestion.svelte b/src/app/components/ChatSuggestionProfile.svelte
similarity index 100%
rename from src/app/components/GroupComposeProfileSuggestion.svelte
rename to src/app/components/ChatSuggestionProfile.svelte
diff --git a/src/app/components/GroupComposeTopic.svelte b/src/app/components/GroupComposeTopic.svelte
deleted file mode 100644
index 15b027527..000000000
--- a/src/app/components/GroupComposeTopic.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-  import cx from "classnames"
-  import type {NodeViewProps} from "@tiptap/core"
-  import {NodeViewWrapper} from "svelte-tiptap"
-  import Link from "@lib/components/Link.svelte"
-
-  export let node: NodeViewProps["node"]
-  export let selected: NodeViewProps["selected"]
-</script>
-
-<NodeViewWrapper class="inline">
-  <Link
-    external
-    href="https://coracle.social/topics/{node.attrs.topic.toLowerCase()}"
-    class={cx("link-content", {"link-content-selected": selected})}>
-    #{node.attrs.topic}
-  </Link>
-</NodeViewWrapper>
diff --git a/src/app/components/GroupComposeTopicSuggestion.svelte b/src/app/components/GroupComposeTopicSuggestion.svelte
deleted file mode 100644
index 9ed267ab7..000000000
--- a/src/app/components/GroupComposeTopicSuggestion.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-  export let value
-</script>
-
-#{value}
diff --git a/src/app/components/InfoRelay.svelte b/src/app/components/InfoRelay.svelte
index 6c06d4fb5..9dfb15deb 100644
--- a/src/app/components/InfoRelay.svelte
+++ b/src/app/components/InfoRelay.svelte
@@ -1,9 +1,6 @@
 <script lang="ts">
-  import {displayRelayUrl} from "@welshman/util"
   import Button from "@lib/components/Button.svelte"
   import Link from "@lib/components/Link.svelte"
-  import Icon from "@lib/components/Icon.svelte"
-  import {clip} from "@app/toast"
 </script>
 
 <div class="column gap-4">
diff --git a/src/app/components/LogIn.svelte b/src/app/components/LogIn.svelte
index 9f7cce3ce..af4000854 100644
--- a/src/app/components/LogIn.svelte
+++ b/src/app/components/LogIn.svelte
@@ -26,7 +26,7 @@
   const onSuccess = async (session: Session, relays: string[] = []) => {
     addSession(session)
 
-    await loadUserData(session.pubkey, relays)
+    await loadUserData(session.pubkey, {relays})
 
     pushToast({message: "Successfully logged in!"})
     clearModal()
diff --git a/src/app/components/RoomCreate.svelte b/src/app/components/RoomCreate.svelte
index bbd83a0b5..79bc5f519 100644
--- a/src/app/components/RoomCreate.svelte
+++ b/src/app/components/RoomCreate.svelte
@@ -1,21 +1,15 @@
 <script lang="ts">
   import {goto} from "$app/navigation"
-  import {append, remove} from "@welshman/lib"
   import {displayRelayUrl} from "@welshman/util"
-  import {deriveRelay} from "@welshman/app"
   import Field from "@lib/components/Field.svelte"
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
-  import {pushModal} from "@app/modal"
-  import {pushToast} from "@app/toast"
   import {addRoomMembership} from "@app/commands"
-  import {makeSpacePath} from '@app/routes'
+  import {makeSpacePath} from "@app/routes"
 
   export let url
 
-  const relay = deriveRelay(url)
-
   const back = () => history.back()
 
   const tryCreate = async () => {
@@ -39,9 +33,7 @@
 </script>
 
 <form class="column gap-4" on:submit|preventDefault={create}>
-  <h1 class="heading">
-    Create a Room
-  </h1>
+  <h1 class="heading">Create a Room</h1>
   <p class="text-center">
     On <span class="text-primary">{displayRelayUrl(url)}</span>
   </p>
diff --git a/src/app/components/SpaceJoin.svelte b/src/app/components/SpaceJoin.svelte
index 9ef3dca26..f2911d56e 100644
--- a/src/app/components/SpaceJoin.svelte
+++ b/src/app/components/SpaceJoin.svelte
@@ -1,18 +1,13 @@
 <script lang="ts">
-  import {append, remove} from "@welshman/lib"
   import {displayRelayUrl} from "@welshman/util"
-  import {deriveRelay} from "@welshman/app"
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
-  import {pushModal, clearModal} from "@app/modal"
-  import {pushToast} from "@app/toast"
+  import {clearModal} from "@app/modal"
   import {addSpaceMembership} from "@app/commands"
 
   export let url
 
-  const relay = deriveRelay(url)
-
   const back = () => history.back()
 
   const tryJoin = async () => {
diff --git a/src/app/editor.ts b/src/app/editor.ts
index 0028cfc68..0b0b3a725 100644
--- a/src/app/editor.ts
+++ b/src/app/editor.ts
@@ -21,18 +21,16 @@ import {
   FileUploadExtension,
 } from "nostr-editor"
 import type {StampedEvent} from "@welshman/util"
-import {signer, topicSearch, profileSearch} from "@welshman/app"
+import {signer, profileSearch} from "@welshman/app"
 import {LinkExtension, asInline, createSuggestions} from "@lib/tiptap"
-import GroupComposeMention from "@app/components/GroupComposeMention.svelte"
-import GroupComposeTopic from "@app/components/GroupComposeTopic.svelte"
-import GroupComposeEvent from "@app/components/GroupComposeEvent.svelte"
-import GroupComposeImage from "@app/components/GroupComposeImage.svelte"
-import GroupComposeBolt11 from "@app/components/GroupComposeBolt11.svelte"
-import GroupComposeVideo from "@app/components/GroupComposeVideo.svelte"
-import GroupComposeLink from "@app/components/GroupComposeLink.svelte"
-import GroupComposeSuggestions from "@app/components/GroupComposeSuggestions.svelte"
-import GroupComposeTopicSuggestion from "@app/components/GroupComposeTopicSuggestion.svelte"
-import GroupComposeProfileSuggestion from "@app/components/GroupComposeProfileSuggestion.svelte"
+import ChatComposeMention from "@app/components/ChatComposeMention.svelte"
+import ChatComposeEvent from "@app/components/ChatComposeEvent.svelte"
+import ChatComposeImage from "@app/components/ChatComposeImage.svelte"
+import ChatComposeBolt11 from "@app/components/ChatComposeBolt11.svelte"
+import ChatComposeVideo from "@app/components/ChatComposeVideo.svelte"
+import ChatComposeLink from "@app/components/ChatComposeLink.svelte"
+import ChatComposeSuggestions from "@app/components/ChatComposeSuggestions.svelte"
+import ChatSuggestionProfile from "@app/components/ChatSuggestionProfile.svelte"
 import {getPubkeyHints} from "@app/commands"
 
 export const addFile = (editor: Editor) => editor.chain().selectFiles().run()
@@ -74,13 +72,13 @@ export const getChatEditorOptions = ({uploading, sendMessage}: ChatComposeEditor
       },
     }),
     LinkExtension.extend({
-      addNodeView: () => SvelteNodeViewRenderer(GroupComposeLink),
+      addNodeView: () => SvelteNodeViewRenderer(ChatComposeLink),
     }),
     Bolt11Extension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeBolt11)}),
+      asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeBolt11)}),
     ),
     NProfileExtension.extend({
-      addNodeView: () => SvelteNodeViewRenderer(GroupComposeMention),
+      addNodeView: () => SvelteNodeViewRenderer(ChatComposeMention),
       addProseMirrorPlugins() {
         return [
           createSuggestions({
@@ -94,21 +92,19 @@ export const getChatEditorOptions = ({uploading, sendMessage}: ChatComposeEditor
 
               return props.command({pubkey, nprofile, relays})
             },
-            suggestionComponent: GroupComposeProfileSuggestion,
-            suggestionsComponent: GroupComposeSuggestions,
+            suggestionComponent: ChatSuggestionProfile,
+            suggestionsComponent: ChatComposeSuggestions,
           }),
         ]
       },
     }),
-    NEventExtension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)}),
-    ),
-    NAddrExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)})),
+    NEventExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeEvent)})),
+    NAddrExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeEvent)})),
     ImageExtension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeImage)}),
+      asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeImage)}),
     ).configure({defaultUploadUrl: "https://nostr.build", defaultUploadType: "nip96"}),
     VideoExtension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeVideo)}),
+      asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeVideo)}),
     ).configure({defaultUploadUrl: "https://nostr.build", defaultUploadType: "nip96"}),
     FileUploadExtension.configure({
       immediateUpload: false,
@@ -136,19 +132,17 @@ export const getChatViewOptions = (content: string) => ({
     Paragraph,
     Text,
     LinkExtension.extend({
-      addNodeView: () => SvelteNodeViewRenderer(GroupComposeLink),
+      addNodeView: () => SvelteNodeViewRenderer(ChatComposeLink),
     }),
     Bolt11Extension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeBolt11)}),
+      asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeBolt11)}),
     ),
     NProfileExtension.extend({
-      addNodeView: () => SvelteNodeViewRenderer(GroupComposeMention),
+      addNodeView: () => SvelteNodeViewRenderer(ChatComposeMention),
     }),
-    NEventExtension.extend(
-      asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)}),
-    ),
-    NAddrExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)})),
-    ImageExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeImage)})),
-    VideoExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeVideo)})),
+    NEventExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeEvent)})),
+    NAddrExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeEvent)})),
+    ImageExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeImage)})),
+    VideoExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(ChatComposeVideo)})),
   ],
 })
diff --git a/src/app/routes.ts b/src/app/routes.ts
index 9c67a5e7d..f161fd940 100644
--- a/src/app/routes.ts
+++ b/src/app/routes.ts
@@ -1,4 +1,4 @@
-import {nip19} from 'nostr-tools'
+import {nip19} from "nostr-tools"
 import type {Page} from "@sveltejs/kit"
 import {userMembership, decodeNEvent} from "@app/state"
 
@@ -6,7 +6,7 @@ export const makeSpacePath = (url: string, extra = "") => {
   let path = `/spaces/${nip19.nrelayEncode(url)}`
 
   if (extra) {
-    path += '/' + extra
+    path += "/" + extra
   }
 
   return path
@@ -20,10 +20,11 @@ export const getPrimaryNavItemIndex = ($page: Page) => {
   switch (getPrimaryNavItem($page)) {
     case "discover":
       return urls.length + 2
-    case "spaces":
+    case "spaces": {
       const routeUrl = decodeNEvent($page.params.nrelay)
 
       return urls.findIndex(url => url === routeUrl) + 1
+    }
     case "settings":
       return urls.length + 3
     default:
diff --git a/src/app/state.ts b/src/app/state.ts
index afd117cfa..457725fcb 100644
--- a/src/app/state.ts
+++ b/src/app/state.ts
@@ -1,24 +1,10 @@
-import {nip19} from 'nostr-tools'
-import type {FuseResult} from "fuse.js"
+import {nip19} from "nostr-tools"
 import {get, derived, writable} from "svelte/store"
 import type {Maybe} from "@welshman/lib"
-import {
-  setContext,
-  max,
-  between,
-  groupBy,
-  pushToMapKey,
-  nthEq,
-  stripProtocol,
-  indexBy,
-  uniq,
-} from "@welshman/lib"
+import {setContext, max, groupBy, pushToMapKey, nthEq} from "@welshman/lib"
 import {
   getIdFilters,
-  getIdentifier,
-  normalizeRelayUrl,
   RELAYS,
-  APP_DATA,
   REACTION,
   ZAP_RESPONSE,
   getRelayTagValues,
@@ -29,21 +15,16 @@ import type {TrustedEvent} from "@welshman/util"
 import {
   pubkey,
   repository,
-  createSearch,
   load,
   subscribe,
   collection,
   loadRelay,
-  relaysByPubkey,
   loadProfile,
   profilesByPubkey,
-  loadRelaySelections,
-  getWriteRelayUrls,
   getDefaultAppContext,
   getDefaultNetContext,
   makeRouter,
 } from "@welshman/app"
-import type {Relay} from "@welshman/app"
 import type {SubscribeRequestWithHandlers} from "@welshman/net"
 import {deriveEvents, deriveEventsMapped, withGetter} from "@welshman/store"
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ddb8e0db3..d39c4c537 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -20,8 +20,8 @@
     freshness,
     storageAdapters,
   } from "@welshman/app"
-  import type {PublishStatusData, PublishStatusDataByUrlById} from "@welshman/app"
-  import {createEventStore, adapter} from "@welshman/store"
+  import * as app from "@welshman/app"
+  import {createEventStore} from "@welshman/store"
   import ModalBox from "@lib/components/ModalBox.svelte"
   import Toast from "@app/components/Toast.svelte"
   import Landing from "@app/components/Landing.svelte"
@@ -59,7 +59,7 @@
   }
 
   onMount(() => {
-    Object.assign(window, {get, state})
+    Object.assign(window, {get, ...app, ...state})
 
     ready = db
       ? Promise.resolve()
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
index 6e2b3baa2..a2eab83c8 100644
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -2,7 +2,7 @@
   import {onMount} from "svelte"
   import Masonry from "svelte-bricks"
   import {displayRelayUrl} from "@welshman/util"
-  import {load, relaySearch} from "@welshman/app"
+  import {relaySearch} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
   import {makeSpacePath} from "@app/routes"
   import {userMembership, discoverRelays} from "@app/state"
@@ -58,7 +58,7 @@
       <div class="card-body">
         <h2 class="card-title justify-center">{displayRelayUrl(relay.url)}</h2>
         {#if relay.profile?.description}
-          <p class="py-4 text-sm text-center">{relay.profile.description}</p>
+          <p class="py-4 text-center text-sm">{relay.profile.description}</p>
         {/if}
       </div>
     </a>
diff --git a/src/routes/settings/relays/+page.svelte b/src/routes/settings/relays/+page.svelte
index 7840f1b69..c9dcda8f8 100644
--- a/src/routes/settings/relays/+page.svelte
+++ b/src/routes/settings/relays/+page.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import {onMount} from "svelte"
   import {readable} from "svelte/store"
-  import {displayRelayUrl, isShareableRelayUrl} from "@welshman/util"
-  import type {SignedEvent} from "@welshman/util"
-  import {subscribe, loadRelay, relaySearch} from "@welshman/app"
+  import {displayRelayUrl} from "@welshman/util"
+  import {relaySearch} from "@welshman/app"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
   import {INDEXER_RELAYS, discoverRelays} from "@app/state"
diff --git a/src/routes/spaces/[nrelay]/+layout.svelte b/src/routes/spaces/[nrelay]/+layout.svelte
index f9eb11308..bf2ff8945 100644
--- a/src/routes/spaces/[nrelay]/+layout.svelte
+++ b/src/routes/spaces/[nrelay]/+layout.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import {nip19} from 'nostr-tools'
   import {page} from "$app/stores"
-  import {sort} from '@welshman/lib'
-  import {displayRelayUrl} from '@welshman/util'
+  import {sort} from "@welshman/lib"
+  import {displayRelayUrl} from "@welshman/util"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
   import Page from "@lib/components/Page.svelte"
@@ -104,7 +103,8 @@
       {#each rooms as topic, i (topic)}
         <div transition:fly|local={{delay: 250 + i * 50}}>
           <SecondaryNavItem href={makeSpacePath(url, topic)}>
-            <Icon icon="hashtag" /> {topic}
+            <Icon icon="hashtag" />
+            {topic}
           </SecondaryNavItem>
         </div>
       {/each}
diff --git a/src/routes/spaces/[nrelay]/[[topic]]/+page.svelte b/src/routes/spaces/[nrelay]/[[topic]]/+page.svelte
index 54d62d468..856c39601 100644
--- a/src/routes/spaces/[nrelay]/[[topic]]/+page.svelte
+++ b/src/routes/spaces/[nrelay]/[[topic]]/+page.svelte
@@ -15,9 +15,9 @@
   import {subscribe, formatTimestampAsDate} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
   import Spinner from "@lib/components/Spinner.svelte"
-  import GroupNote from "@app/components/GroupNote.svelte"
-  import GroupCompose from "@app/components/GroupCompose.svelte"
-  import {deriveChat, userMembership, MESSAGE, REPLY} from "@app/state"
+  import ChatMessage from "@app/components/ChatMessage.svelte"
+  import ChatCompose from "@app/components/ChatCompose.svelte"
+  import {deriveChat, MESSAGE, REPLY} from "@app/state"
 
   const {url, topic} = $page.params
   const chat = deriveChat(url)
@@ -62,7 +62,7 @@
   onMount(() => {
     const since = now() - 30
     const kinds = [MESSAGE, REPLY]
-    const filter = topic ? {kinds, since, "#t": [topic]} : {kinds, since} as Filter
+    const filter = topic ? {kinds, since, "#t": [topic]} : ({kinds, since} as Filter)
     const sub = subscribe({filters: [filter], relays: [url]})
 
     return () => sub.close()
@@ -87,7 +87,7 @@
           <div class="h-px flex-grow bg-base-content opacity-25" />
         </div>
       {:else}
-        <GroupNote event={assertEvent(value)} {showPubkey} />
+        <ChatMessage event={assertEvent(value)} {showPubkey} />
       {/if}
     {/each}
     <p class="flex h-10 items-center justify-center py-20">
@@ -100,5 +100,5 @@
       </Spinner>
     </p>
   </div>
-  <GroupCompose {url} {topic} />
+  <ChatCompose {url} {topic} />
 </div>