Lint

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 {

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.",
+  ]
 }

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}

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>

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)

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>

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>
-

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>

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
 

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>

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>

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>

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>

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"

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()}

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`} />

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})
       }
     }
 

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,9 +811,7 @@ export const userGroupsByNom = withGetter(
   }),
 )
 
-export const userRelayUrlsByNom = derived(
-  userGroupsByNom,
-  $userGroupsByNom => {
+export const userRelayUrlsByNom = derived(userGroupsByNom, $userGroupsByNom => {
   const $userRelayUrlsByNom = new Map()
 
   for (const [nom, groups] of $userGroupsByNom.entries()) {
@@ -801,5 +821,4 @@ export const userRelayUrlsByNom = derived(
   }
 
   return $userRelayUrlsByNom
-  }
-)
+})

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,

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}

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>

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}>

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
             }

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,

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
             }

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"

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[] = []

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})

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

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> = {}
 

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>

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>

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

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)

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">

svelte.config.js

@@ -6,7 +6,7 @@ export default {
   preprocess: vitePreprocess(),
   kit: {
     adapter: adapter({
-      fallback: 'index.html',
+      fallback: "index.html",
     }),
     alias: {
       "@src": "src",