Lint

2025-12-11 03:17:02 +00:00 · 2024-08-26 14:43:43 -07:00
parent 644c32dd09
commit 88318e9753
36 changed files with 370 additions and 311 deletions
--- a/src/app.css
+++ b/src/app.css
@@ -43,11 +43,11 @@
 }

 .card2 {
-  @apply p-6 bg-base-100 text-base-content rounded-box;
+  @apply rounded-box bg-base-100 p-6 text-base-content;
 }

 .card2.card2-sm {
-  @apply p-4 bg-base-100 text-base-content rounded-box;
+  @apply rounded-box bg-base-100 p-4 text-base-content;
 }

 .card2.card2-alt {
@@ -93,11 +93,11 @@
 /* tiptap */

 .tiptap {
-  @apply rounded-box bg-base-300 px-4 p-2 max-h-[350px] overflow-y-auto;
+  @apply max-h-[350px] overflow-y-auto rounded-box bg-base-300 p-2 px-4;
 }

 .tiptap pre code {
-  @apply link-content w-full block;
+  @apply link-content block w-full;
 }

 .tiptap p code {
@@ -105,7 +105,7 @@
 }

 .link-content {
-  @apply text-sm rounded px-1 bg-neutral text-neutral-content no-underline;
+  @apply rounded bg-neutral px-1 text-sm text-neutral-content no-underline;
 }

 .link-content.link-content-selected {
--- a/src/app/commands.ts
+++ b/src/app/commands.ts
@@ -2,21 +2,15 @@ import {uniqBy, uniq, now, choice} from "@welshman/lib"
 import {
  GROUPS,
  GROUP_JOIN,
-  asDecryptedEvent,
  getGroupTags,
  getRelayTagValues,
-  readList,
-  editList,
-  makeList,
-  createList,
  createEvent,
  displayProfile,
 } from "@welshman/util"
 import {PublishStatus} from "@welshman/net"
-import {pk, signer, repository, INDEXER_RELAYS} from "@app/base"
+import {pk, repository, INDEXER_RELAYS} from "@app/base"
 import {
  loadOne,
-  subscribe,
  getWriteRelayUrls,
  loadGroup,
  loadGroupMembership,
@@ -27,7 +21,6 @@ import {
  loadRelaySelections,
  makeThunk,
  publishThunk,
-  ensurePlaintext,
  getProfilesByPubkey,
 } from "@app/state"

@@ -48,11 +41,18 @@ export const getPubkeyPetname = (pubkey: string) => {
  return display
 }

-export const makeMention = (pubkey: string, hints?: string[]) =>
-  ["p", pubkey, choice(hints || getPubkeyHints(pubkey)), getPubkeyPetname(pubkey)]
+export const makeMention = (pubkey: string, hints?: string[]) => [
+  "p",
+  pubkey,
+  choice(hints || getPubkeyHints(pubkey)),
+  getPubkeyPetname(pubkey),
+]

-export const makeIMeta = (url: string, data: Record<string, string>) =>
-  ["imeta", `url ${url}`, ...Object.entries(data).map(([k, v]) => [k, v].join(' '))]
+export const makeIMeta = (url: string, data: Record<string, string>) => [
+  "imeta",
+  `url ${url}`,
+  ...Object.entries(data).map(([k, v]) => [k, v].join(" ")),
+]

 // Loaders

@@ -83,7 +83,6 @@ export type ModifyTags = (tags: string[][]) => string[][]

 export const updateList = async (kind: number, modifyTags: ModifyTags) => {
  const $pk = pk.get()!
-  const $signer = signer.get()!
  const [prev] = repository.query([{kinds: [kind], authors: [$pk]}])
  const relays = getWriteRelayUrls(getRelaySelectionsByPubkey().get($pk))

@@ -103,15 +102,18 @@ export const removeGroupMemberships = (noms: string[]) =>

 export const sendJoinRequest = async (nom: string, url: string): Promise<[boolean, string]> => {
  const relays = [url]
-  const filters = [{kinds: [9000], '#h': [nom], '#p': [pk.get()!], since: now() - 30}]
+  const filters = [{kinds: [9000], "#h": [nom], "#p": [pk.get()!], since: now() - 30}]

  const event = createEvent(GROUP_JOIN, {tags: [["h", nom]]})
  const statusData = await publishThunk(makeThunk({event, relays}))
  const {status, message} = statusData[url]

-  if (message.includes('already a member')) return [true, ""]
+  if (message.includes("already a member")) return [true, ""]
  if (status !== PublishStatus.Success) return [false, message]
  if (await loadOne({filters, relays})) return [true, ""]

-  return [false, "Your request was not automatically approved, but may be approved manually later. Please try again later or contact the group admin."]
+  return [
+    false,
+    "Your request was not automatically approved, but may be approved manually later. Please try again later or contact the group admin.",
+  ]
 }
--- a/src/app/components/GroupCompose.svelte
+++ b/src/app/components/GroupCompose.svelte
@@ -1,45 +1,57 @@
 <script lang="ts">
-  import {onMount} from 'svelte'
-  import type {Readable} from 'svelte/store'
-  import {nprofileEncode} from 'nostr-tools/nip19'
-  import {createEditor, type Editor, EditorContent, SvelteNodeViewRenderer} from 'svelte-tiptap'
-  import {Extension} from '@tiptap/core'
-  import Code from '@tiptap/extension-code'
-  import CodeBlock from '@tiptap/extension-code-block'
-  import Document from '@tiptap/extension-document'
-  import Dropcursor from '@tiptap/extension-dropcursor'
-  import Gapcursor from '@tiptap/extension-gapcursor'
-  import History from '@tiptap/extension-history'
-  import Paragraph from '@tiptap/extension-paragraph'
-  import Text from '@tiptap/extension-text'
-  import HardBreakExtension from '@tiptap/extension-hard-break'
-  import {Bolt11Extension, NProfileExtension, NEventExtension, NAddrExtension, ImageExtension, VideoExtension, FileUploadExtension} from 'nostr-editor'
-  import type {StampedEvent} from '@welshman/util'
-  import {createEvent, CHAT_MESSAGE} from '@welshman/util'
-  import {LinkExtension, TopicExtension, createSuggestions, findNodes} from '@lib/tiptap'
-  import Icon from '@lib/components/Icon.svelte'
-  import Button from '@lib/components/Button.svelte'
-  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 {signer, INDEXER_RELAYS} from '@app/base'
-  import {searchProfiles, publishThunk, makeThunk, searchTopics, userRelayUrlsByNom, getWriteRelayUrls, displayProfileByPubkey, getRelaySelectionsByPubkey} from '@app/state'
-  import {getPubkeyHints, makeMention, makeIMeta} from '@app/commands'
+  import {onMount} from "svelte"
+  import type {Readable} from "svelte/store"
+  import {nprofileEncode} from "nostr-tools/nip19"
+  import {createEditor, type Editor, EditorContent, SvelteNodeViewRenderer} from "svelte-tiptap"
+  import Code from "@tiptap/extension-code"
+  import CodeBlock from "@tiptap/extension-code-block"
+  import Document from "@tiptap/extension-document"
+  import Dropcursor from "@tiptap/extension-dropcursor"
+  import Gapcursor from "@tiptap/extension-gapcursor"
+  import History from "@tiptap/extension-history"
+  import Paragraph from "@tiptap/extension-paragraph"
+  import Text from "@tiptap/extension-text"
+  import HardBreakExtension from "@tiptap/extension-hard-break"
+  import {
+    Bolt11Extension,
+    NProfileExtension,
+    NEventExtension,
+    NAddrExtension,
+    ImageExtension,
+    VideoExtension,
+    FileUploadExtension,
+  } from "nostr-editor"
+  import type {StampedEvent} from "@welshman/util"
+  import {createEvent, CHAT_MESSAGE} from "@welshman/util"
+  import {LinkExtension, TopicExtension, createSuggestions, findNodes} from "@lib/tiptap"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  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 {signer} from "@app/base"
+  import {
+    searchProfiles,
+    publishThunk,
+    makeThunk,
+    searchTopics,
+    userRelayUrlsByNom,
+  } from "@app/state"
+  import {getPubkeyHints, makeMention, makeIMeta} from "@app/commands"

  export let nom

  let editor: Readable<Editor>
  let uploading = false

-  const asInline = (extend: Record<string, any>) =>
-    ({inline: true, group: 'inline', ...extend})
+  const asInline = (extend: Record<string, any>) => ({inline: true, group: "inline", ...extend})

  const addFile = () => $editor.chain().selectFiles().run()

@@ -53,8 +65,12 @@
      tags: [
        ["h", nom],
        ...findNodes(TopicExtension.name, json).map(t => ["t", t.attrs!.name.toLowerCase()]),
-        ...findNodes(NProfileExtension.name, json).map(m => makeMention(m.attrs!.pubkey, m.attrs!.relays)),
-        ...findNodes(ImageExtension.name, json).map(({attrs: {src, sha256: x}}: any) => makeIMeta(src, {x, ox: x})),
+        ...findNodes(NProfileExtension.name, json).map(m =>
+          makeMention(m.attrs!.pubkey, m.attrs!.relays),
+        ),
+        ...findNodes(ImageExtension.name, json).map(({attrs: {src, sha256: x}}: any) =>
+          makeIMeta(src, {x, ox: x}),
+        ),
      ],
    })

@@ -78,9 +94,9 @@
        HardBreakExtension.extend({
          addKeyboardShortcuts() {
            return {
-              'Shift-Enter': () => this.editor.commands.setHardBreak(),
-              'Mod-Enter': () => this.editor.commands.setHardBreak(),
-              'Enter': () => {
+              "Shift-Enter": () => this.editor.commands.setHardBreak(),
+              "Mod-Enter": () => this.editor.commands.setHardBreak(),
+              Enter: () => {
                if (this.editor.getText().trim()) {
                  uploadFiles()

@@ -90,19 +106,21 @@
                return false
              },
            }
-          }
+          },
        }),
        LinkExtension.extend({
          addNodeView: () => SvelteNodeViewRenderer(GroupComposeLink),
        }),
-        Bolt11Extension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeBolt11)})),
+        Bolt11Extension.extend(
+          asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeBolt11)}),
+        ),
        NProfileExtension.extend({
          addNodeView: () => SvelteNodeViewRenderer(GroupComposeMention),
          addProseMirrorPlugins() {
            return [
              createSuggestions({
-                char: '@',
-                name: 'nprofile',
+                char: "@",
+                name: "nprofile",
                editor: this.editor,
                search: searchProfiles,
                select: (pubkey: string, props: any) => {
@@ -115,23 +133,27 @@
                suggestionsComponent: GroupComposeSuggestions,
              }),
            ]
-          }
+          },
        }),
-        NEventExtension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)})),
-        NAddrExtension.extend(asInline({addNodeView: () =>  SvelteNodeViewRenderer(GroupComposeEvent)})),
-        ImageExtension
-          .extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeImage)}))
-          .configure({defaultUploadUrl: 'https://nostr.build', defaultUploadType: 'nip96'}),
-        VideoExtension
-          .extend(asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeVideo)}))
-          .configure({defaultUploadUrl: 'https://nostr.build', defaultUploadType: 'nip96'}),
+        NEventExtension.extend(
+          asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)}),
+        ),
+        NAddrExtension.extend(
+          asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeEvent)}),
+        ),
+        ImageExtension.extend(
+          asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeImage)}),
+        ).configure({defaultUploadUrl: "https://nostr.build", defaultUploadType: "nip96"}),
+        VideoExtension.extend(
+          asInline({addNodeView: () => SvelteNodeViewRenderer(GroupComposeVideo)}),
+        ).configure({defaultUploadUrl: "https://nostr.build", defaultUploadType: "nip96"}),
        TopicExtension.extend({
          addNodeView: () => SvelteNodeViewRenderer(GroupComposeTopic),
          addProseMirrorPlugins() {
            return [
              createSuggestions({
-                char: '#',
-                name: 'topic',
+                char: "#",
+                name: "topic",
                editor: this.editor,
                search: searchTopics,
                select: (name: string, props: any) => props.command({name}),
@@ -155,13 +177,16 @@
          },
        }),
      ],
-      content: '',
+      content: "",
    })
  })
 </script>

-<div class="flex gap-2 relative z-feature border-t border-solid border-base-100 p-2 shadow-top-xl bg-base-100">
-  <Button on:click={addFile} class="bg-base-300 rounded-box w-10 h-10 center hover:bg-base-200 transition-colors">
+<div
+  class="shadow-top-xl relative z-feature flex gap-2 border-t border-solid border-base-100 bg-base-100 p-2">
+  <Button
+    on:click={addFile}
+    class="center h-10 w-10 rounded-box bg-base-300 transition-colors hover:bg-base-200">
    {#if uploading}
      <span class="loading loading-spinner loading-xs"></span>
    {:else}
--- a/src/app/components/GroupComposeBolt11.svelte
+++ b/src/app/components/GroupComposeBolt11.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import cx from 'classnames'
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import Icon from '@lib/components/Icon.svelte'
-  import Button from '@lib/components/Button.svelte'
-  import {clip} from '@app/toast'
+  import cx from "classnames"
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import {clip} from "@app/toast"

-  export let node: NodeViewProps['node']
-  export let selected: NodeViewProps['selected']
+  export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]

  const copy = () => clip(node.attrs.lnbc)
 </script>

 <NodeViewWrapper class="inline">
-  <Button on:click={copy} class={cx("link-content", {'link-content-selected': selected})}>
+  <Button on:click={copy} class={cx("link-content", {"link-content-selected": selected})}>
    <Icon icon="bolt" size={3} class="inline-block translate-y-px" />
    {node.attrs.lnbc.slice(0, 16)}...
  </Button>
--- a/src/app/components/GroupComposeEvent.svelte
+++ b/src/app/components/GroupComposeEvent.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import {ellipsize} from '@welshman/lib'
-  import {type TrustedEvent, fromNostrURI, Address} from '@welshman/util'
-  import Link from '@lib/components/Link.svelte'
-  import {deriveEvent} from '@app/state'
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import {ellipsize} from "@welshman/lib"
+  import {type TrustedEvent, fromNostrURI, Address} from "@welshman/util"
+  import Link from "@lib/components/Link.svelte"
+  import {deriveEvent} from "@app/state"

-  export let node: NodeViewProps['node']
+  export let node: NodeViewProps["node"]

  const displayEvent = (e: TrustedEvent) =>
-    e?.content.length > 1 ? ellipsize(e.content, 50) : fromNostrURI(nevent || naddr).slice(0, 16) + '...'
+    e?.content.length > 1
+      ? ellipsize(e.content, 50)
+      : fromNostrURI(nevent || naddr).slice(0, 16) + "..."

  $: ({identifier, pubkey, kind, id, relays = [], nevent, naddr} = node.attrs)
  $: event = deriveEvent(id || new Address(kind, pubkey, identifier).toString(), relays)
--- a/src/app/components/GroupComposeImage.svelte
+++ b/src/app/components/GroupComposeImage.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-  import cx from 'classnames'
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import Icon from '@lib/components/Icon.svelte'
+  import cx from "classnames"
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import Icon from "@lib/components/Icon.svelte"

-  export let node: NodeViewProps['node']
-  export let selected: NodeViewProps['selected']
+  export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]
 </script>

-<NodeViewWrapper class={cx("inline link-content", {'link-content-selected': selected})}>
+<NodeViewWrapper class={cx("link-content inline", {"link-content-selected": selected})}>
  <Icon icon="paperclip" size={3} class="inline-block translate-y-px" />
  {node.attrs.file.name}
 </NodeViewWrapper>
--- a/src/app/components/GroupComposeLink.svelte
+++ b/src/app/components/GroupComposeLink.svelte
@@ -1,19 +1,21 @@
 <script lang="ts">
-  import cx from 'classnames'
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import {displayUrl} from '@welshman/lib'
-  import Icon from '@lib/components/Icon.svelte'
-  import Link from '@lib/components/Link.svelte'
+  import cx from "classnames"
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import {displayUrl} from "@welshman/lib"
+  import Icon from "@lib/components/Icon.svelte"
+  import Link from "@lib/components/Link.svelte"

-  export let node: NodeViewProps['node']
-  export let selected: NodeViewProps['selected']
+  export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]
 </script>

 <NodeViewWrapper class="inline">
-  <Link external href={node.attrs.url} class={cx("link-content", {'link-content-selected': selected})}>
+  <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" />
    {displayUrl(node.attrs.url)}
  </Link>
 </NodeViewWrapper>
-
--- a/src/app/components/GroupComposeMention.svelte
+++ b/src/app/components/GroupComposeMention.svelte
@@ -1,19 +1,22 @@
 <script lang="ts">
-  import cx from 'classnames'
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import {displayProfile} from '@welshman/util'
-  import Link from '@lib/components/Link.svelte'
-  import {deriveProfile} from '@app/state'
+  import cx from "classnames"
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import {displayProfile} from "@welshman/util"
+  import Link from "@lib/components/Link.svelte"
+  import {deriveProfile} from "@app/state"

-  export let node: NodeViewProps['node']
-  export let selected: NodeViewProps['selected']
+  export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]

  $: profile = deriveProfile(node.attrs.pubkey, node.attrs.relays)
 </script>

 <NodeViewWrapper class="inline">
-  <Link external href="https://njump.me/{node.attrs.nprofile}" class={cx("link-content", {'link-content-selected': selected})}>
+  <Link
+    external
+    href="https://njump.me/{node.attrs.nprofile}"
+    class={cx("link-content", {"link-content-selected": selected})}>
    @{displayProfile($profile)}
  </Link>
 </NodeViewWrapper>
--- a/src/app/components/GroupComposeProfileSuggestion.svelte
+++ b/src/app/components/GroupComposeProfileSuggestion.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {deriveProfileDisplay} from '@app/state'
+  import {deriveProfileDisplay} from "@app/state"

  export let value

--- a/src/app/components/GroupComposeSuggestions.svelte
+++ b/src/app/components/GroupComposeSuggestions.svelte
@@ -4,7 +4,7 @@
  import {throttle} from "throttle-debounce"
  import {slide} from "svelte/transition"
  import {clamp} from "@welshman/lib"
-  import {theme} from '@app/theme'
+  import {theme} from "@app/theme"

  export let term
  export let search
@@ -23,13 +23,13 @@
    items = $search.searchValues(term).slice(0, 30)
  })

-  const setIndex = (newIndex: number, block: ScrollLogicalPosition) => {
+  const setIndex = (newIndex: number, block: any) => {
    index = clamp([0, items.length - 1], newIndex)
    element.querySelector(`button:nth-child(${index})`)?.scrollIntoView({block})
  }

  export const onKeyDown = (e: any) => {
-    if (['Enter', 'Tab'].includes(e.code)) {
+    if (["Enter", "Tab"].includes(e.code)) {
      const value = items[index]

      if (value) {
@@ -41,7 +41,7 @@
      }
    }

-    if (e.code === 'Space' && term && allowCreate) {
+    if (e.code === "Space" && term && allowCreate) {
      select(term)
      return true
    }
@@ -68,7 +68,7 @@
    class="mt-2 flex max-h-[350px] flex-col overflow-y-auto overflow-x-hidden shadow-xl">
    {#if term && allowCreate}
      <button
-        class="cursor-pointer px-4 py-2 text-left hover:bg-primary hover:text-primary-content transition-colors white-space-nowrap overflow-hidden text-ellipsis min-w-0"
+        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"
        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="cursor-pointer px-4 py-2 text-left hover:bg-primary hover:text-primary-content transition-colors white-space-nowrap overflow-hidden text-ellipsis min-w-0"
+        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:bg-primary={index === i}
        class:text-primary-content={index === i}
        on:mousedown|preventDefault
@@ -86,7 +86,7 @@
    {/each}
  </div>
  {#if loading}
-    <div transition:slide|local class="flex gap-2 bg-tinted-700 px-4 py-2 text-neutral-200">
+    <div transition:slide|local class="bg-tinted-700 flex gap-2 px-4 py-2 text-neutral-200">
      <div>
        <i class="fa fa-circle-notch fa-spin" />
      </div>
--- a/src/app/components/GroupComposeTopic.svelte
+++ b/src/app/components/GroupComposeTopic.svelte
@@ -1,15 +1,18 @@
 <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'
+  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']
+  export let node: NodeViewProps["node"]
+  export let selected: NodeViewProps["selected"]
 </script>

 <NodeViewWrapper class="inline">
-  <Link external href="https://coracle.social/topics/{node.attrs.name.toLowerCase()}" class={cx("link-content", {'link-content-selected': selected})}>
+  <Link
+    external
+    href="https://coracle.social/topics/{node.attrs.name.toLowerCase()}"
+    class={cx("link-content", {"link-content-selected": selected})}>
    #{node.attrs.name}
  </Link>
 </NodeViewWrapper>
--- a/src/app/components/GroupComposeVideo.svelte
+++ b/src/app/components/GroupComposeVideo.svelte
@@ -1,13 +1,12 @@
 <script lang="ts">
-  import cx from 'classnames'
-  import type {NodeViewProps} from '@tiptap/core'
-  import {NodeViewWrapper} from 'svelte-tiptap'
-  import Icon from '@lib/components/Icon.svelte'
+  import type {NodeViewProps} from "@tiptap/core"
+  import {NodeViewWrapper} from "svelte-tiptap"
+  import Icon from "@lib/components/Icon.svelte"

-  export let node: NodeViewProps['node']
+  export let node: NodeViewProps["node"]
 </script>

-<NodeViewWrapper class="inline link-content">
+<NodeViewWrapper class="link-content inline">
  <Icon icon="paperclip" size={3} class="inline-block translate-y-px" />
  {node.attrs.file.name}
 </NodeViewWrapper>
--- a/src/app/components/GroupNote.svelte
+++ b/src/app/components/GroupNote.svelte
@@ -5,13 +5,19 @@
  import type {TrustedEvent} from "@welshman/util"
  import {deriveEvents} from "@welshman/store"
  import {PublishStatus} from "@welshman/net"
-  import {GROUP_REPLY, REACTION, ZAP_RESPONSE, displayRelayUrl, getAncestorTags, displayPubkey} from "@welshman/util"
-  import {fly, fade} from "@lib/transition"
-  import {formatTimestampAsTime} from '@lib/util'
+  import {
+    GROUP_REPLY,
+    REACTION,
+    ZAP_RESPONSE,
+    displayRelayUrl,
+    getAncestorTags,
+  } from "@welshman/util"
+  import {fly} from "@lib/transition"
+  import {formatTimestampAsTime} from "@lib/util"
  import Icon from "@lib/components/Icon.svelte"
  import Button from "@lib/components/Button.svelte"
  import Avatar from "@lib/components/Avatar.svelte"
-  import {repository} from '@app/base'
+  import {repository} from "@app/base"
  import type {PublishStatusData} from "@app/state"
  import {deriveProfile, deriveProfileDisplay, deriveEvent, publishStatusData} from "@app/state"

@@ -19,31 +25,31 @@
  export let showPubkey: boolean

  const colors = [
-    ['amber', twColors.amber[600]],
-    ['blue', twColors.blue[600]],
-    ['cyan', twColors.cyan[600]],
-    ['emerald', twColors.emerald[600]],
-    ['fuchsia', twColors.fuchsia[600]],
-    ['green', twColors.green[600]],
-    ['indigo', twColors.indigo[600]],
-    ['sky', twColors.sky[600]],
-    ['lime', twColors.lime[600]],
-    ['orange', twColors.orange[600]],
-    ['pink', twColors.pink[600]],
-    ['purple', twColors.purple[600]],
-    ['red', twColors.red[600]],
-    ['rose', twColors.rose[600]],
-    ['sky', twColors.sky[600]],
-    ['teal', twColors.teal[600]],
-    ['violet', twColors.violet[600]],
-    ['yellow', twColors.yellow[600]],
-    ['zinc', twColors.zinc[600]],
+    ["amber", twColors.amber[600]],
+    ["blue", twColors.blue[600]],
+    ["cyan", twColors.cyan[600]],
+    ["emerald", twColors.emerald[600]],
+    ["fuchsia", twColors.fuchsia[600]],
+    ["green", twColors.green[600]],
+    ["indigo", twColors.indigo[600]],
+    ["sky", twColors.sky[600]],
+    ["lime", twColors.lime[600]],
+    ["orange", twColors.orange[600]],
+    ["pink", twColors.pink[600]],
+    ["purple", twColors.purple[600]],
+    ["red", twColors.red[600]],
+    ["rose", twColors.rose[600]],
+    ["sky", twColors.sky[600]],
+    ["teal", twColors.teal[600]],
+    ["violet", twColors.violet[600]],
+    ["yellow", twColors.yellow[600]],
+    ["zinc", twColors.zinc[600]],
  ]

  const profile = deriveProfile(event.pubkey)
  const profileDisplay = deriveProfileDisplay(event.pubkey)
-  const reactions = deriveEvents(repository, {filters: [{kinds: [REACTION], '#e': [event.id]}]})
-  const zaps = deriveEvents(repository, {filters: [{kinds: [ZAP_RESPONSE], '#e': [event.id]}]})
+  const reactions = deriveEvents(repository, {filters: [{kinds: [REACTION], "#e": [event.id]}]})
+  const zaps = deriveEvents(repository, {filters: [{kinds: [ZAP_RESPONSE], "#e": [event.id]}]})
  const {replies} = getAncestorTags(event.tags)
  const parentId = replies[0]?.[1]
  const parentHints = [replies[0]?.[2]].filter(Boolean)
@@ -52,8 +58,8 @@
  const ps = derived(publishStatusData, $m => Object.values($m[event.id] || {}))

  const displayReaction = (content: string) => {
-    if (content === '+') return "❤️"
-    if (content === '-') return "👎"
+    if (content === "+") return "❤️"
+    if (content === "-") return "👎"
    return content
  }

@@ -65,7 +71,8 @@
  $: parentProfileDisplay = deriveProfileDisplay(parentPubkey)
  $: isPublished = findStatus($ps, [PublishStatus.Success])
  $: isPending = findStatus($ps, [PublishStatus.Pending]) && event.created_at > now() - 30
-  $: failure = !isPending && !isPublished && findStatus($ps, [PublishStatus.Failure, PublishStatus.Timeout])
+  $: failure =
+    !isPending && !isPublished && findStatus($ps, [PublishStatus.Failure, PublishStatus.Timeout])
 </script>

 <div in:fly class="group relative flex flex-col gap-1 p-2 transition-colors hover:bg-base-300">
@@ -86,25 +93,26 @@
    {#if showPubkey}
      <Avatar src={$profile?.picture} class="border border-solid border-base-content" size={10} />
    {:else}
-      <div class="min-w-10 max-w-10 w-10" />
+      <div class="w-10 min-w-10 max-w-10" />
    {/if}
    <div class="-mt-1">
      {#if showPubkey}
-        <div class="flex gap-2 items-center">
-          <strong class="text-sm" style="color: {colorValue}" data-color={colorName}>{$profileDisplay}</strong>
-          <span class="opacity-50 text-xs">{formatTimestampAsTime(event.created_at)}</span>
+        <div class="flex items-center gap-2">
+          <strong class="text-sm" style="color: {colorValue}" data-color={colorName}
+            >{$profileDisplay}</strong>
+          <span class="text-xs opacity-50">{formatTimestampAsTime(event.created_at)}</span>
        </div>
      {/if}
      <p class="text-sm">
        {event.content}
        {#if isPending}
-          <span class="ml-1 flex-inline gap-1">
-            <span class="loading loading-spinner h-3 w-3 mx-1 translate-y-px" />
+          <span class="flex-inline ml-1 gap-1">
+            <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px" />
            <span class="opacity-50">Sending...</span>
          </span>
        {:else if failure}
          <span
-            class="ml-1 flex-inline gap-1 tooltip cursor-pointer"
+            class="flex-inline tooltip ml-1 cursor-pointer gap-1"
            data-tip="{failure.message} ({displayRelayUrl(failure.url)})">
            <Icon icon="danger" class="translate-y-px" size={3} />
            <span class="opacity-50">Failed to send!</span>
@@ -114,9 +122,9 @@
    </div>
  </div>
  {#if $reactions.length > 0 || $zaps.length > 0}
-    <div class="text-xs ml-12">
+    <div class="ml-12 text-xs">
      {#each groupBy(e => e.content, $reactions).entries() as [content, events]}
-        <Button class="btn btn-neutral btn-xs rounded-full mr-2 flex-inline gap-1">
+        <Button class="flex-inline btn btn-neutral btn-xs mr-2 gap-1 rounded-full">
          <span>{displayReaction(content)}</span>
          {#if events.length > 1}
            <span>{events.length}</span>
--- a/src/app/components/InfoNip29.svelte
+++ b/src/app/components/InfoNip29.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {displayRelayUrl} from '@welshman/util'
+  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"
--- a/src/app/components/LogIn.svelte
+++ b/src/app/components/LogIn.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import {first} from '@welshman/lib'
  import {makeSecret, getNip07, Nip46Broker} from "@welshman/signer"
  import Icon from "@lib/components/Icon.svelte"
  import Field from "@lib/components/Field.svelte"
@@ -26,10 +25,10 @@
    }
  }

-  const onSuccess = async (session: Session) => {
+  const onSuccess = async (session: Session, relays: string[] = []) => {
    addSession(session)

-    await loadUserData(session.pubkey)
+    await loadUserData(session.pubkey, relays)

    pushToast({message: "Successfully logged in!"})
    clearModal()
@@ -50,7 +49,7 @@
    const broker = Nip46Broker.get(pubkey, secret, handler)

    if (await broker.connect("", nip46Perms)) {
-      await onSuccess({method: "nip46", pubkey, secret, handler})
+      await onSuccess({method: "nip46", pubkey, secret, handler}, relays)
    } else {
      pushToast({
        theme: "error",
@@ -93,7 +92,12 @@
    <div class="flex items-center gap-2" slot="input">
      <label class="input input-bordered flex w-full items-center gap-2">
        <Icon icon="user-rounded" />
-        <input bind:value={username} disabled={loading} class="grow" type="text" placeholder="username" />
+        <input
+          bind:value={username}
+          disabled={loading}
+          class="grow"
+          type="text"
+          placeholder="username" />
        <span>@{handler.domain}</span>
      </label>
      {#if getNip07()}
--- a/src/app/components/PrimaryNav.svelte
+++ b/src/app/components/PrimaryNav.svelte
@@ -37,7 +37,7 @@
  }
 </script>

-<div class="relative w-14 bg-base-100 flex-shrink-0 pt-4" bind:this={element}>
+<div class="relative w-14 flex-shrink-0 bg-base-100 pt-4" bind:this={element}>
  <div
    class="absolute z-nav-active ml-2 h-[144px] w-12 bg-base-300"
    style={`top: ${$activeOffset}px`} />
--- a/src/app/components/SpaceJoin.svelte
+++ b/src/app/components/SpaceJoin.svelte
@@ -1,15 +1,12 @@
 <script lang="ts">
  import {append, remove} from "@welshman/lib"
  import {displayRelayUrl} from "@welshman/util"
-  import {PublishStatus} from "@welshman/net"
-  import {goto} from "$app/navigation"
  import Spinner from "@lib/components/Spinner.svelte"
  import Button from "@lib/components/Button.svelte"
  import Icon from "@lib/components/Icon.svelte"
  import InfoNip29 from "@app/components/InfoNip29.svelte"
  import {pushModal, clearModal} from "@app/modal"
  import {pushToast} from "@app/toast"
-  import type {PublishStatusData} from "@app/state"
  import {deriveGroup, displayGroup, relayUrlsByNom} from "@app/state"
  import {sendJoinRequest, addGroupMemberships} from "@app/commands"

@@ -30,7 +27,7 @@
      const [ok, message] = await sendJoinRequest(nom, url)

      if (!ok) {
-        return pushToast({theme: 'error', message})
+        return pushToast({theme: "error", message})
      }
    }

--- a/src/app/state.ts
+++ b/src/app/state.ts
@@ -1,4 +1,4 @@
-import {throttle} from 'throttle-debounce'
+import {throttle} from "throttle-debounce"
 import type {Readable} from "svelte/store"
 import type {FuseResult} from "fuse.js"
 import {get, writable, readable, derived} from "svelte/store"
@@ -6,7 +6,6 @@ import type {Maybe} from "@welshman/lib"
 import {
  max,
  first,
-  append,
  between,
  uniqBy,
  groupBy,
@@ -40,17 +39,30 @@ import {
  displayPubkey,
  GROUP_JOIN,
  GROUP_ADD_USER,
-  isStampedEvent,
-  isEventTemplate,
 } from "@welshman/util"
-import type {SignedEvent, HashedEvent, EventTemplate, TrustedEvent, PublishedProfile, PublishedList} from "@welshman/util"
-import type {SubscribeRequest, PublishRequest} from "@welshman/net"
+import type {
+  SignedEvent,
+  HashedEvent,
+  EventTemplate,
+  TrustedEvent,
+  PublishedProfile,
+  PublishedList,
+} from "@welshman/util"
+import type {SubscribeRequest} from "@welshman/net"
 import {publish as basePublish, subscribe as baseSubscribe, PublishStatus} from "@welshman/net"
 import {decrypt, stamp, own, hash} from "@welshman/signer"
 import {custom, deriveEvents, deriveEventsMapped, getter, withGetter} from "@welshman/store"
 import {createSearch} from "@lib/util"
 import type {Handle, Relay} from "@app/types"
-import {INDEXER_RELAYS, DUFFLEPUD_URL, repository, pk, getSession, getSigner, REACTION_KINDS} from "@app/base"
+import {
+  INDEXER_RELAYS,
+  DUFFLEPUD_URL,
+  repository,
+  pk,
+  getSession,
+  getSigner,
+  REACTION_KINDS,
+} from "@app/base"

 // Utils

@@ -156,10 +168,15 @@ thunkWorker.addGlobalHandler(async ({event, relays, resolve}: ThunkWithResolve)
  const {id} = event
  const statusByUrl: PublishStatusDataByUrl = {}

-  pub.emitter.on('*', (status: PublishStatus, url: string, message: string) => {
-    publishStatusData.update(assoc(id, Object.assign(statusByUrl, {[url]: {id, url, status, message}})))
+  pub.emitter.on("*", (status: PublishStatus, url: string, message: string) => {
+    publishStatusData.update(
+      assoc(id, Object.assign(statusByUrl, {[url]: {id, url, status, message}})),
+    )

-    if (Object.values(statusByUrl).filter(s => s.status !== PublishStatus.Pending).length === relays.length) {
+    if (
+      Object.values(statusByUrl).filter(s => s.status !== PublishStatus.Pending).length ===
+      relays.length
+    ) {
      resolve(statusByUrl)
    }
  })
@@ -207,8 +224,7 @@ export const load = (request: SubscribeRequest) =>
    sub.emitter.on("complete", () => resolve(events))
  })

-export const loadOne = async (request: SubscribeRequest) =>
-  first(await load(request))
+export const loadOne = async (request: SubscribeRequest) => first(await load(request))

 // Publish status

@@ -219,7 +235,6 @@ export type PublishStatusData = {
  status: PublishStatus
 }

-
 export type PublishStatusDataByUrl = Record<string, PublishStatusData>

 export type PublishStatusDataByUrlById = Record<string, PublishStatusDataByUrl>
@@ -279,7 +294,7 @@ export const topics = custom<Topic[]>(setter => {
  const getTopics = () => {
    const topics = new Map<string, number>()
    for (const tagString of repository.eventsByTag.keys()) {
-      if (tagString.startsWith('t:')) {
+      if (tagString.startsWith("t:")) {
        const topic = tagString.slice(2).toLowerCase()

        topics.set(topic, inc(topics.get(topic)))
@@ -310,7 +325,10 @@ export const searchTopics = derived(topics, $topics =>
 export const relays = writable<Relay[]>([])

 export const relaysByPubkey = derived(relays, $relays =>
-  groupBy(($relay: Relay) => $relay.pubkey, $relays.filter(r => r.pubkey)),
+  groupBy(
+    ($relay: Relay) => $relay.pubkey,
+    $relays.filter(r => r.pubkey),
+  ),
 )

 export const {
@@ -697,7 +715,11 @@ export type GroupMessage = {
 export const readGroupMessage = (event: TrustedEvent): Maybe<GroupMessage> => {
  const nom = event.tags.find(nthEq(0, "h"))?.[1]

-  if (!nom || between(GROUP_ADD_USER - 1, GROUP_JOIN + 1, event.kind) || REACTION_KINDS.includes(event.kind)) {
+  if (
+    !nom ||
+    between(GROUP_ADD_USER - 1, GROUP_JOIN + 1, event.kind) ||
+    REACTION_KINDS.includes(event.kind)
+  ) {
    return undefined
  }

@@ -789,17 +811,14 @@ export const userGroupsByNom = withGetter(
  }),
 )

-export const userRelayUrlsByNom = derived(
-  userGroupsByNom,
-  $userGroupsByNom => {
-    const $userRelayUrlsByNom = new Map()
+export const userRelayUrlsByNom = derived(userGroupsByNom, $userGroupsByNom => {
+  const $userRelayUrlsByNom = new Map()

-    for (const [nom, groups] of $userGroupsByNom.entries()) {
-      for (const group of groups) {
-        pushToMapKey($userRelayUrlsByNom, nom, group.relay.url)
-      }
+  for (const [nom, groups] of $userGroupsByNom.entries()) {
+    for (const group of groups) {
+      pushToMapKey($userRelayUrlsByNom, nom, group.relay.url)
    }
-
-    return $userRelayUrlsByNom
  }
-)
+
+  return $userRelayUrlsByNom
+})
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -6,7 +6,7 @@
 </style>

 <script lang="ts">
-  import cx from 'classnames'
+  import cx from "classnames"
  import {switcher} from "@welshman/lib"
  import AddSquare from "@assets/icons/Add Square.svg?dataurl"
  import Code2 from "@assets/icons/Code 2.svg?dataurl"
@@ -69,8 +69,8 @@
  const data = switcher(icon, {
    "add-square": AddSquare,
    "code-2": Code2,
-    "earth": Earth,
-    "pen": Pen,
+    earth: Earth,
+    pen: Pen,
    "headphones-round": HeadphonesRound,
    "add-circle": AddCircle,
    "alt-arrow-down": AltArrowDown,
@@ -105,7 +105,7 @@
    "menu-dots": MenuDots,
    "notes-minimalistic": NotesMinimalistic,
    "pallete-2": Pallete2,
-    "paperclip": Paperclip,
+    paperclip: Paperclip,
    plain: Plain,
    reply: Reply,
    "remote-controller-minimalistic": RemoteControllerMinimalistic,
--- a/src/lib/components/InputProfilePicture.svelte
+++ b/src/lib/components/InputProfilePicture.svelte
@@ -69,7 +69,7 @@
    on:dragleave|preventDefault|stopPropagation={onDragLeave}
    on:drop|preventDefault|stopPropagation={onDrop}>
    <div
-      class="absolute right-0 top-0 overflow-hidden rounded-full bg-primary h-5 w-5"
+      class="absolute right-0 top-0 h-5 w-5 overflow-hidden rounded-full bg-primary"
      class:bg-error={file}
      class:bg-primary={!file}>
      {#if file}
--- a/src/lib/components/SecondaryNav.svelte
+++ b/src/lib/components/SecondaryNav.svelte
@@ -1,3 +1,3 @@
-<div class="flex w-60 flex-col gap-1 bg-base-300 flex-shrink-0">
+<div class="flex w-60 flex-shrink-0 flex-col gap-1 bg-base-300">
  <slot />
 </div>
--- a/src/lib/components/SecondaryNavItem.svelte
+++ b/src/lib/components/SecondaryNavItem.svelte
@@ -36,7 +36,7 @@
    on:click
    class={cx(
      $$props.class,
-      "flex items-center gap-3 transition-all hover:bg-base-100 hover:text-base-content text-left",
+      "flex items-center gap-3 text-left transition-all hover:bg-base-100 hover:text-base-content",
    )}
    class:text-base-content={active}
    class:bg-base-100={active}>
@@ -48,7 +48,7 @@
    on:click
    class={cx(
      $$props.class,
-      "flex w-full items-center gap-3 transition-all hover:bg-base-100 hover:text-base-content text-left",
+      "flex w-full items-center gap-3 text-left transition-all hover:bg-base-100 hover:text-base-content",
    )}
    class:text-base-content={active}
    class:bg-base-100={active}>
--- a/src/lib/tiptap/LinkExtension.ts
+++ b/src/lib/tiptap/LinkExtension.ts
@@ -1,41 +1,42 @@
-import { Node, nodePasteRule, type PasteRuleMatch } from '@tiptap/core'
-import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
-import type { MarkdownSerializerState } from 'prosemirror-markdown'
+import {Node, nodePasteRule, type PasteRuleMatch} from "@tiptap/core"
+import type {Node as ProsemirrorNode} from "@tiptap/pm/model"
+import type {MarkdownSerializerState} from "prosemirror-markdown"

-export const LINK_REGEX = /^([a-z\+:]{2,30}:\/\/)?[^<>\(\)\s]+\.[a-z]{2,6}[^\s]*[^<>"'\.!?,:\s\)\(]*/gi
+export const LINK_REGEX =
+  /^([a-z\+:]{2,30}:\/\/)?[^<>\(\)\s]+\.[a-z]{2,6}[^\s]*[^<>"'\.!?,:\s\)\(]*/gi

 export const createPasteRuleMatch = <T extends Record<string, unknown>>(
  match: RegExpMatchArray,
  data: T,
-): PasteRuleMatch => ({ index: match.index!, replaceWith: match[2], text: match[0], match, data })
+): PasteRuleMatch => ({index: match.index!, replaceWith: match[2], text: match[0], match, data})

 export interface LinkAttributes {
  url: string
 }

-declare module '@tiptap/core' {
+declare module "@tiptap/core" {
  interface Commands<ReturnType> {
    link: {
-      insertLink: (options: { url: string }) => ReturnType
+      insertLink: (options: {url: string}) => ReturnType
    }
  }
 }

 export const LinkExtension = Node.create({
  atom: true,
-  name: 'link',
-  group: 'inline',
+  name: "link",
+  group: "inline",
  inline: true,
  selectable: true,
  draggable: true,
  priority: 1000,
  addAttributes() {
    return {
-      url: { default: null },
+      url: {default: null},
    }
  },
  renderHTML(props) {
-    return ['div', { 'data-url': props.node.attrs.url }]
+    return ["div", {"data-url": props.node.attrs.url}]
  },
  renderText(props) {
    return props.node.attrs.url
@@ -53,10 +54,10 @@ export const LinkExtension = Node.create({
  addCommands() {
    return {
      insertLink:
-        ({ url }) =>
-        ({ commands }) => {
+        ({url}) =>
+        ({commands}) => {
          return commands.insertContent(
-            { type: this.name, attrs: { url } },
+            {type: this.name, attrs: {url}},
            {
              updateSelection: false,
            },
@@ -68,13 +69,13 @@ export const LinkExtension = Node.create({
    return [
      nodePasteRule({
        type: this.type,
-        getAttributes: (match) => match.data,
-        find: (text) => {
+        getAttributes: match => match.data,
+        find: text => {
          const matches = []

          for (const match of text.matchAll(LINK_REGEX)) {
            try {
-              matches.push(createPasteRuleMatch(match, { url: match[0] }))
+              matches.push(createPasteRuleMatch(match, {url: match[0]}))
            } catch (e) {
              continue
            }
--- a/src/lib/tiptap/Suggestions.ts
+++ b/src/lib/tiptap/Suggestions.ts
@@ -1,19 +1,18 @@
-import type {SvelteComponent, ComponentType} from 'svelte'
-import type {Readable} from 'svelte/store'
-import tippy, {type Instance} from 'tippy.js'
-import {mergeAttributes, Node} from '@tiptap/core'
-import type {Editor} from '@tiptap/core'
-import {PluginKey} from '@tiptap/pm/state'
-import Suggestion from '@tiptap/suggestion'
-import type {Search} from '@lib/util'
+import type {SvelteComponent, ComponentType} from "svelte"
+import type {Readable} from "svelte/store"
+import tippy, {type Instance} from "tippy.js"
+import type {Editor} from "@tiptap/core"
+import {PluginKey} from "@tiptap/pm/state"
+import Suggestion from "@tiptap/suggestion"
+import type {Search} from "@lib/util"

 export type SuggestionsOptions = {
-  char: string,
-  name: string,
-  editor: Editor,
+  char: string
+  name: string
+  editor: Editor
  search: Readable<Search<any, any>>
  select: (value: any, props: any) => void
-  allowCreate?: boolean,
+  allowCreate?: boolean
  suggestionComponent: ComponentType
  suggestionsComponent: ComponentType
 }
@@ -27,7 +26,7 @@ export const createSuggestions = (options: SuggestionsOptions) =>
      // increase range.to by one when the next node is of type "text"
      // and starts with a space character
      const nodeAfter = editor.view.state.selection.$to.nodeAfter
-      const overrideSpace = nodeAfter?.text?.startsWith(' ')
+      const overrideSpace = nodeAfter?.text?.startsWith(" ")

      if (overrideSpace) {
        range.to += 1
@@ -38,13 +37,13 @@ export const createSuggestions = (options: SuggestionsOptions) =>
        .focus()
        .insertContentAt(range, [
          {type: options.name, attrs: props},
-          {type: 'text', text: ' '},
+          {type: "text", text: " "},
        ])
        .run()

      window.getSelection()?.collapseToEnd()
    },
-    allow: ({ state, range }) => {
+    allow: ({state, range}) => {
      const $from = state.doc.resolve(range.from)
      const type = state.schema.nodes[options.name]

@@ -67,7 +66,7 @@ export const createSuggestions = (options: SuggestionsOptions) =>
        onStart: props => {
          target = document.createElement("div")

-          popover = tippy('body', {
+          popover = tippy("body", {
            getReferenceClientRect: props.clientRect as any,
            appendTo: document.body,
            content: target,
--- a/src/lib/tiptap/TopicExtension.ts
+++ b/src/lib/tiptap/TopicExtension.ts
@@ -1,7 +1,7 @@
-import {Node, nodePasteRule} from '@tiptap/core'
-import type {Node as ProsemirrorNode} from '@tiptap/pm/model'
-import type {MarkdownSerializerState} from 'prosemirror-markdown'
-import {createPasteRuleMatch} from '@lib/tiptap/util'
+import {Node, nodePasteRule} from "@tiptap/core"
+import type {Node as ProsemirrorNode} from "@tiptap/pm/model"
+import type {MarkdownSerializerState} from "prosemirror-markdown"
+import {createPasteRuleMatch} from "@lib/tiptap/util"

 export const TOPIC_REGEX = /(#[^\s]+)/g

@@ -9,25 +9,25 @@ export interface TopicAttributes {
  name: string
 }

-declare module '@tiptap/core' {
+declare module "@tiptap/core" {
  interface Commands<ReturnType> {
    topic: {
-      insertTopic: (options: { name: string }) => ReturnType
+      insertTopic: (options: {name: string}) => ReturnType
    }
  }
 }

 export const TopicExtension = Node.create({
  atom: true,
-  name: 'topic',
-  group: 'inline',
+  name: "topic",
+  group: "inline",
  inline: true,
  selectable: true,
  draggable: true,
  priority: 1000,
  addAttributes() {
    return {
-      name: { default: null },
+      name: {default: null},
    }
  },
  renderText(props) {
@@ -46,10 +46,10 @@ export const TopicExtension = Node.create({
  addCommands() {
    return {
      insertTopic:
-        ({ name }) =>
-        ({ commands }) => {
+        ({name}) =>
+        ({commands}) => {
          return commands.insertContent(
-            { type: this.name, attrs: { name } },
+            {type: this.name, attrs: {name}},
            {
              updateSelection: false,
            },
@@ -61,13 +61,13 @@ export const TopicExtension = Node.create({
    return [
      nodePasteRule({
        type: this.type,
-        getAttributes: (match) => match.data,
-        find: (text) => {
+        getAttributes: match => match.data,
+        find: text => {
          const matches = []

          for (const match of text.matchAll(TOPIC_REGEX)) {
            try {
-              matches.push(createPasteRuleMatch(match, { name: match[0] }))
+              matches.push(createPasteRuleMatch(match, {name: match[0]}))
            } catch (e) {
              continue
            }
--- a/src/lib/tiptap/index.ts
+++ b/src/lib/tiptap/index.ts
@@ -1,4 +1,4 @@
-export * from '@lib/tiptap/util'
-export {createSuggestions} from '@lib/tiptap/Suggestions'
-export {TopicExtension} from '@lib/tiptap/TopicExtension'
-export {LinkExtension} from '@lib/tiptap/LinkExtension'
+export * from "@lib/tiptap/util"
+export {createSuggestions} from "@lib/tiptap/Suggestions"
+export {TopicExtension} from "@lib/tiptap/TopicExtension"
+export {LinkExtension} from "@lib/tiptap/LinkExtension"
--- a/src/lib/tiptap/util.ts
+++ b/src/lib/tiptap/util.ts
@@ -1,9 +1,9 @@
-import type {JSONContent, PasteRuleMatch} from '@tiptap/core'
+import type {JSONContent, PasteRuleMatch} from "@tiptap/core"

 export const createPasteRuleMatch = <T extends Record<string, unknown>>(
  match: RegExpMatchArray,
  data: T,
-): PasteRuleMatch => ({ index: match.index!, replaceWith: match[2], text: match[0], match, data })
+): PasteRuleMatch => ({index: match.index!, replaceWith: match[2], text: match[0], match, data})

 export const findNodes = (type: string, json: JSONContent) => {
  const results: JSONContent[] = []
--- a/src/lib/transition.ts
+++ b/src/lib/transition.ts
@@ -1,7 +1,7 @@
 import type {FlyParams} from "svelte/transition"
 import {fly as baseFly} from "svelte/transition"

-export {fade} from 'svelte/transition'
+export {fade} from "svelte/transition"

 export const fly = (node: Element, params?: FlyParams | undefined) =>
  baseFly(node, {y: 20, ...params})
--- a/src/lib/util.ts
+++ b/src/lib/util.ts
@@ -33,7 +33,6 @@ export const synced = <T>(key: string, defaultValue: T, delay = 300) => {
 }

 export type SearchOptions<V, T> = {
-
  getValue: (item: T) => V
  fuseOptions?: IFuseOptions<T>
  sortFn?: (items: FuseResult<T>) => any
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
  import "@src/app.css"
  import {onMount} from "svelte"
-  import {get, derived} from 'svelte/store'
+  import {get} from "svelte/store"
  import {page} from "$app/stores"
  import {goto} from "$app/navigation"
  import {browser} from "$app/environment"
@@ -70,8 +70,8 @@
          forward: ($psd: PublishStatusDataByUrlById) => {
            const data = []

-            for (const [id, itemsByUrl] of Object.entries($psd)) {
-              for (const [url, item] of Object.entries(itemsByUrl)) {
+            for (const itemsByUrl of Object.values($psd)) {
+              for (const item of Object.values(itemsByUrl)) {
                data.push(item)
              }
            }
@@ -94,7 +94,8 @@
        keyPath: "key",
        store: adapter({
          store: freshness,
-          forward: ($freshness: Record<string, number>) => Object.entries($freshness).map(([key, ts]) => ({key, ts})),
+          forward: ($freshness: Record<string, number>) =>
+            Object.entries($freshness).map(([key, ts]) => ({key, ts})),
          backward: (data: any[]) => {
            const result: Record<string, number> = {}

@@ -110,7 +111,8 @@
        keyPath: "id",
        store: adapter({
          store: plaintext,
-          forward: ($plaintext: Record<string, string>) => Object.entries($plaintext).map(([id, plaintext]) => ({id, plaintext})),
+          forward: ($plaintext: Record<string, string>) =>
+            Object.entries($plaintext).map(([id, plaintext]) => ({id, plaintext})),
          backward: (data: any[]) => {
            const result: Record<string, string> = {}

--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import {onMount} from 'svelte'
+  import {onMount} from "svelte"
  import {goto} from "$app/navigation"

-  onMount(() => goto('/home'))
+  onMount(() => goto("/home"))
 </script>
--- a/src/routes/discover/+page.svelte
+++ b/src/routes/discover/+page.svelte
@@ -57,7 +57,7 @@
      {#if $userMembership?.noms.has(group.nom)}
        <div class="center absolute flex w-full">
          <div
-            class="tooltip relative left-8 w-5 h-5 top-[38px] rounded-full bg-primary"
+            class="tooltip relative left-8 top-[38px] 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>
--- a/src/routes/settings/about/+page.svelte
+++ b/src/routes/settings/about/+page.svelte
@@ -3,10 +3,8 @@
  import Icon from "@lib/components/Icon.svelte"
  import Button from "@lib/components/Button.svelte"

-  const hash = import.meta.env.VITE_BUILD_HASH
  const nprofile =
    "nprofile1qqsf03c2gsmx5ef4c9zmxvlew04gdh7u94afnknp33qvv3c94kvwxgspz4mhxue69uhhyetvv9ujuerpd46hxtnfduhsz9rhwden5te0wfjkcctev93xcefwdaexwtcpzdmhxue69uhhqatjwpkx2urpvuhx2ue0vamm57"
-  const hodlbodPubkey = "97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322"
 </script>

 <div class="hero min-h-screen bg-base-200">
@@ -15,14 +13,12 @@
      <p class="text-center text-2xl">Thanks for using</p>
      <h1 class="mb-4 text-center text-5xl font-bold uppercase">Flotilla</h1>
      <div class="grid grid-cols-1 gap-8 lg:grid-cols-2">
-        <div class="card2 shadow-2xl flex flex-col gap-2 text-center">
+        <div class="card2 flex flex-col gap-2 text-center shadow-2xl">
          <h3 class="text-2xl sm:h-12">Support development</h3>
          <p class="sm:h-16">Funds will be used to support development.</p>
-          <Button class="btn btn-primary">
-            Zap the Developer
-          </Button>
+          <Button class="btn btn-primary">Zap the Developer</Button>
        </div>
-        <div class="card2 shadow-2xl flex flex-col gap-2 text-center">
+        <div class="card2 flex flex-col gap-2 text-center shadow-2xl">
          <h3 class="text-2xl sm:h-12">Get in touch</h3>
          <p class="sm:h-16">Having problems? Let us know by filing an issue.</p>
          <Link
--- a/src/routes/settings/relays/+page.svelte
+++ b/src/routes/settings/relays/+page.svelte
@@ -1,12 +1,10 @@
 <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 {onMount} from "svelte"
+  import {readable} from "svelte/store"
+  import {displayRelayUrl, isShareableRelayUrl} from "@welshman/util"
+  import type {SignedEvent} 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"
  import {DEFAULT_RELAYS, INDEXER_RELAYS} from "@app/base"
  import {searchRelays, subscribe, loadRelay} from "@app/state"

@@ -20,12 +18,12 @@

  onMount(() => {
    const sub = subscribe({
-      filters: [{kinds: [30166], '#N': ['29']}],
+      filters: [{kinds: [30166], "#N": ["29"]}],
      relays: [...INDEXER_RELAYS, ...DEFAULT_RELAYS],
    })

-    sub.emitter.on('event', (url: string, event: SignedEvent) => {
-      const d = event.tags.find(t => t[0] === 'd')?.[1] || ""
+    sub.emitter.on("event", (url: string, event: SignedEvent) => {
+      const d = event.tags.find(t => t[0] === "d")?.[1] || ""

      if (isShareableRelayUrl(d)) {
        loadRelay(d)
--- a/src/routes/spaces/[nom]/[[room]]/+page.svelte
+++ b/src/routes/spaces/[nom]/[[room]]/+page.svelte
@@ -8,7 +8,7 @@
 </script>

 <script lang="ts">
-  import {onMount} from 'svelte'
+  import {onMount} from "svelte"
  import {page} from "$app/stores"
  import {sortBy, now} from "@welshman/lib"
  import type {TrustedEvent} from "@welshman/util"
@@ -61,7 +61,7 @@

  onMount(() => {
    const sub = subscribe({
-      filters: [{'#h': [nom], since: now() - 30}],
+      filters: [{"#h": [nom], since: now() - 30}],
      relays: $userRelayUrlsByNom.get(nom)!,
    })

@@ -70,7 +70,7 @@
 </script>

 <div class="relative flex h-screen flex-col">
-  <div class="relative z-feature mx-2 pt-4 rounded-xl">
+  <div class="relative z-feature mx-2 rounded-xl pt-4">
    <div class="flex min-h-12 items-center gap-4 rounded-xl bg-base-100 px-4 shadow-xl">
      <div class="flex items-center gap-2">
        <Icon icon="hashtag" />
@@ -78,7 +78,7 @@
      </div>
    </div>
  </div>
-  <div class="flex flex-grow flex-col-reverse overflow-auto -mt-2 py-2">
+  <div class="-mt-2 flex flex-grow flex-col-reverse overflow-auto py-2">
    {#each elements as { type, id, value, showPubkey } (id)}
      {#if type === "date"}
        <div class="flex items-center gap-2 p-2 text-xs opacity-50">
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -6,7 +6,7 @@ export default {
  preprocess: vitePreprocess(),
  kit: {
    adapter: adapter({
-      fallback: 'index.html',
+      fallback: "index.html",
    }),
    alias: {
      "@src": "src",