Lint/format

src/routes/discover/+page.svelte

@@ -51,7 +51,7 @@
     let:item={relay}>
     <a
       href={makeSpacePath(relay.url)}
-      class="flex flex-col gap-2 card2 text-center bg-alt shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
+      class="card2 bg-alt flex flex-col gap-2 text-center shadow-xl transition-all hover:shadow-2xl hover:brightness-[1.1]">
       <div class="center avatar mt-8">
         <div
           class="center relative !flex w-20 rounded-full border-2 border-solid border-base-300 bg-base-300">
@@ -77,7 +77,7 @@
         <h2 class="text-center text-xl">
           <RelayName url={relay.url} />
         </h2>
-        <p class="opacity-75 text-sm">{relay.url}</p>
+        <p class="text-sm opacity-75">{relay.url}</p>
       </div>
       <RelayDescription url={relay.url} />
     </a>

src/routes/home/+layout.svelte

@@ -71,7 +71,7 @@
     </div>
   </SecondaryNavSection>
   <label
-    class="input input-sm input-bordered mx-6 -mt-4 flex items-center gap-2 mb-2"
+    class="input input-sm input-bordered mx-6 -mt-4 mb-2 flex items-center gap-2"
     in:fly={{delay: 250}}>
     <Icon icon="magnifer" />
     <input bind:value={term} class="grow" type="text" />

src/routes/home/[chat]/+page.svelte

@@ -9,18 +9,10 @@
 
 <script lang="ts">
   import {page} from "$app/stores"
-  import {ctx, uniq, sortBy, remove} from "@welshman/lib"
+  import {sortBy, remove} from "@welshman/lib"
   import type {TrustedEvent, EventContent} from "@welshman/util"
   import {createEvent, DIRECT_MESSAGE} from "@welshman/util"
-  import {Nip59} from "@welshman/signer"
-  import {
-    pubkey,
-    signer,
-    formatTimestampAsDate,
-    tagPubkey,
-    makeThunk,
-    publishThunk,
-  } from "@welshman/app"
+  import {pubkey, formatTimestampAsDate, tagPubkey} from "@welshman/app"
   import {fly} from "@lib/transition"
   import Spinner from "@lib/components/Spinner.svelte"
   import Divider from "@lib/components/Divider.svelte"
@@ -32,7 +24,7 @@
   import {deriveChat, splitChatId} from "@app/state"
   import {sendWrapped} from "@app/commands"
 
-  const id = $page.params.chat === 'notes' ? $pubkey! : $page.params.chat
+  const id = $page.params.chat === "notes" ? $pubkey! : $page.params.chat
   const chat = deriveChat(id)
   const pubkeys = splitChatId(id)
   const others = remove($pubkey, pubkeys)

src/routes/home/chats/+page.svelte

@@ -1,24 +1,15 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {page} from "$app/stores"
   import {ctx, ago, remove} from "@welshman/lib"
   import {WRAP} from "@welshman/util"
   import {pubkey, subscribe} from "@welshman/app"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
-  import Page from "@lib/components/Page.svelte"
   import Link from "@lib/components/Link.svelte"
-  import Button from "@lib/components/Button.svelte"
-  import SecondaryNav from "@lib/components/SecondaryNav.svelte"
-  import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
-  import SecondaryNavHeader from "@lib/components/SecondaryNavHeader.svelte"
-  import SecondaryNavSection from "@lib/components/SecondaryNavSection.svelte"
   import Name from "@app/components/Name.svelte"
   import ProfileCircle from "@app/components/ProfileCircle.svelte"
   import ProfileCircles from "@app/components/ProfileCircles.svelte"
-  import ChatStart from "@app/components/ChatStart.svelte"
   import {chatSearch, pullConservatively} from "@app/state"
-  import {pushModal} from "@app/modal"
 
   let term = ""
 
@@ -38,15 +29,15 @@
 </script>
 
 <div class="content column gap-2">
-  <label class="input input-bordered flex items-center gap-2 mb-2" in:fly={{delay: 250}}>
+  <label class="input input-bordered mb-2 flex items-center gap-2" in:fly={{delay: 250}}>
     <Icon icon="magnifer" />
     <input bind:value={term} class="grow" type="text" placeholder="Search for conversations..." />
   </label>
-  <div class="overflow-auto column gap-2">
+  <div class="column gap-2 overflow-auto">
     {#each chats as { id, pubkeys, messages }, i (id)}
       {@const message = messages[0]}
       {@const others = remove($pubkey, pubkeys)}
-      <div class="cursor-pointer card2 bg-alt hover:bg-alt px-6 py-2 transition-colors">
+      <div class="card2 bg-alt hover:bg-alt cursor-pointer px-6 py-2 transition-colors">
         <Link class="flex flex-col justify-start gap-1" href="/home/{id}">
           <div class="flex items-center gap-2">
             {#if others.length === 1}

src/routes/home/people/+page.svelte

@@ -29,7 +29,7 @@
 
 <div class="content column gap-4" bind:this={element}>
   <h1 class="superheading mt-20 hidden sm:block">People</h1>
-  <p class="text-center hidden sm:block">Get the latest from people in your network</p>
+  <p class="hidden text-center sm:block">Get the latest from people in your network</p>
   <label class="input input-bordered flex w-full items-center gap-2">
     <Icon icon="magnifer" />
     <input bind:value={term} class="grow" type="text" placeholder="Search for people..." />

src/routes/settings/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {always, ctx} from "@welshman/lib"
+  import {ctx} from "@welshman/lib"
   import {getListTags, createEvent, getPubkeyTagValues, MUTES} from "@welshman/util"
   import {userMutes, tagPubkey, publishThunk} from "@welshman/app"
   import Field from "@lib/components/Field.svelte"

src/routes/settings/about/+page.svelte

@@ -2,14 +2,16 @@
   import Link from "@lib/components/Link.svelte"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
-  import ProfileDetail from '@app/components/ProfileDetail.svelte'
-  import {pushDrawer} from '@app/modal'
+  import ProfileDetail from "@app/components/ProfileDetail.svelte"
+  import {pushDrawer} from "@app/modal"
 
   const openProfile = () =>
-    pushDrawer(ProfileDetail, {pubkey: '97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322'})
+    pushDrawer(ProfileDetail, {
+      pubkey: "97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322",
+    })
 </script>
 
-<div class="mt-8 sm:hero min-h-screen bg-base-200">
+<div class="mt-8 min-h-screen bg-base-200 sm:hero">
   <div class="hero-content">
     <div class="column content gap-6">
       <p class="text-center text-2xl">Thanks for using</p>

src/routes/settings/profile/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {last, ctx} from "@welshman/lib"
+  import {ctx} from "@welshman/lib"
   import {
     createEvent,
     displayPubkey,

src/routes/spaces/[nrelay]/+layout.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import {onMount} from "svelte"
   import {page} from "$app/stores"
-  import {sort, ago} from "@welshman/lib"
+  import {ago} from "@welshman/lib"
   import {displayRelayUrl, REACTION, NOTE, EVENT_DATE, EVENT_TIME, CLASSIFIED} from "@welshman/util"
   import {subscribe} from "@welshman/app"
   import {fly, slide} from "@lib/transition"
@@ -16,7 +16,16 @@
   import SpaceExit from "@app/components/SpaceExit.svelte"
   import SpaceJoin from "@app/components/SpaceJoin.svelte"
   import RoomCreate from "@app/components/RoomCreate.svelte"
-  import {getMembershipRoomsByUrl, getMembershipUrls, userMembership, pullConservatively, roomsByUrl, decodeNRelay, GENERAL, MESSAGE} from "@app/state"
+  import {
+    getMembershipRoomsByUrl,
+    getMembershipUrls,
+    userMembership,
+    pullConservatively,
+    roomsByUrl,
+    decodeNRelay,
+    GENERAL,
+    MESSAGE,
+  } from "@app/state"
   import {pushModal} from "@app/modal"
   import {makeSpacePath} from "@app/routes"
 

src/routes/spaces/[nrelay]/calendar/+page.svelte

@@ -66,7 +66,7 @@
     </p>
   </div>
   <Button
-    class="tooltip tooltip-left fixed bottom-16 sm:bottom-4 right-2 sm:right-4 p-1 z-feature"
+    class="tooltip tooltip-left fixed bottom-16 right-2 z-feature p-1 sm:bottom-4 sm:right-4"
     data-tip="Create an Event"
     on:click={createEvent}>
     <div class="btn btn-circle btn-primary flex h-12 w-12 items-center justify-center">

src/routes/spaces/[nrelay]/threads/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import {onMount} from 'svelte'
+  import {onMount} from "svelte"
   import {page} from "$app/stores"
   import {sortBy} from "@welshman/lib"
-  import {createScroller} from '@lib/html'
+  import {createScroller} from "@lib/html"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import PageBar from "@lib/components/PageBar.svelte"
@@ -24,10 +24,10 @@
 
   onMount(() => {
     const scroller = createScroller({
-      element: element.closest('.max-h-screen')!,
+      element: element.closest(".max-h-screen")!,
       onScroll: async () => {
         limit += 10
-      }
+      },
     })
 
     return () => scroller.stop()
@@ -46,7 +46,7 @@
     <strong slot="title">Threads</strong>
   </PageBar>
   <div class="flex flex-grow flex-col gap-2 overflow-auto p-2">
-    {#each threads.slice(0, 10) as { root, replies } (root.id)}
+    {#each threads.slice(0, limit) as { root, replies } (root.id)}
       <ThreadItem {root} {replies} />
     {/each}
     <p class="flex h-10 items-center justify-center py-20">
@@ -60,7 +60,7 @@
     </p>
   </div>
   <Button
-    class="tooltip tooltip-left fixed bottom-16 sm:bottom-4 right-2 sm:right-4 p-1 z-feature"
+    class="tooltip tooltip-left fixed bottom-16 right-2 z-feature p-1 sm:bottom-4 sm:right-4"
     data-tip="Create an Event"
     on:click={createThread}>
     <div class="btn btn-circle btn-primary flex h-12 w-12 items-center justify-center">