Simplify notification badges, improve performance (#57)

Co-authored-by: Jon Staab <shtaab@gmail.com>

src/app/components/EventActivity.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {max, formatTimestampRelative} from "@welshman/lib"
+  import {max, gt, formatTimestampRelative} from "@welshman/lib"
   import {COMMENT} from "@welshman/util"
   import {load} from "@welshman/net"
   import {deriveArray, deriveEventsById} from "@welshman/store"
   import type {TrustedEvent} from "@welshman/util"
   import {repository} from "@welshman/app"
-  import {notifications} from "@app/util/notifications"
+  import {deriveChecked} from "@app/util/notifications"
   import Reply from "@assets/icons/reply-2.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
 
   const {url, path, event}: {url: string; path: string; event: TrustedEvent} = $props()
 
+  const checked = deriveChecked(path)
   const filters = [{kinds: [COMMENT], "#E": [event.id]}]
   const replies = deriveArray(deriveEventsById({repository, filters}))
   const lastActive = $derived(max([...$replies, event].map(e => e.created_at)))
@@ -26,7 +27,7 @@
   <span>{$replies.length} {$replies.length === 1 ? "reply" : "replies"}</span>
 </div>
 <div class="btn btn-neutral btn-xs relative hidden rounded-full sm:flex">
-  {#if $notifications.has(path)}
+  {#if gt(lastActive, $checked)}
     <div class="h-2 w-2 rounded-full bg-primary"></div>
   {/if}
   Active {formatTimestampRelative(lastActive)}

src/app/components/SpaceMenu.svelte

@@ -55,7 +55,6 @@
     displayRoom,
   } from "@app/core/state"
   import {setSpaceNotifications} from "@app/core/commands"
-  import {notifications} from "@app/util/notifications"
   import {pushModal} from "@app/util/modal"
   import {makeSpacePath, makeChatPath} from "@app/util/routes"
 
@@ -227,42 +226,27 @@
           <Icon icon={History} /> Recent Activity
         </SecondaryNavItem>
       {:else}
-        <SecondaryNavItem
-          {replaceState}
-          href={chatPath}
-          notification={$notifications.has(chatPath)}>
+        <SecondaryNavItem {replaceState} href={chatPath}>
           <Icon icon={ChatRound} /> Chat
         </SecondaryNavItem>
       {/if}
       {#if ENABLE_ZAPS && $spaceKinds.has(ZAP_GOAL)}
-        <SecondaryNavItem
-          {replaceState}
-          href={goalsPath}
-          notification={$notifications.has(goalsPath)}>
+        <SecondaryNavItem {replaceState} href={goalsPath}>
           <Icon icon={StarFallMinimalistic} /> Goals
         </SecondaryNavItem>
       {/if}
       {#if $spaceKinds.has(THREAD)}
-        <SecondaryNavItem
-          {replaceState}
-          href={threadsPath}
-          notification={$notifications.has(threadsPath)}>
+        <SecondaryNavItem {replaceState} href={threadsPath}>
           <Icon icon={NotesMinimalistic} /> Threads
         </SecondaryNavItem>
       {/if}
       {#if $spaceKinds.has(CLASSIFIED)}
-        <SecondaryNavItem
-          {replaceState}
-          href={classifiedsPath}
-          notification={$notifications.has(classifiedsPath)}>
+        <SecondaryNavItem {replaceState} href={classifiedsPath}>
           <Icon icon={CaseMinimalistic} /> Classifieds
         </SecondaryNavItem>
       {/if}
       {#if $spaceKinds.has(EVENT_TIME)}
-        <SecondaryNavItem
-          {replaceState}
-          href={calendarPath}
-          notification={$notifications.has(calendarPath)}>
+        <SecondaryNavItem {replaceState} href={calendarPath}>
           <Icon icon={CalendarMinimalistic} /> Calendar
         </SecondaryNavItem>
       {/if}
@@ -272,7 +256,7 @@
           <SecondaryNavHeader>Your Rooms</SecondaryNavHeader>
         {/if}
         {#each $userRooms as h, i (h)}
-          <SpaceMenuRoomItem {replaceState} notify {url} {h} />
+          <SpaceMenuRoomItem {replaceState} {url} {h} />
         {/each}
         {#if $otherRooms.length > 0}
           <div class="h-2"></div>

src/app/components/SpaceMenuButton.svelte

@@ -3,15 +3,11 @@
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import SpaceMenu from "@app/components/SpaceMenu.svelte"
-  import {notifications} from "@app/util/notifications"
-  import {makeSpacePath} from "@app/util/routes"
   import {pushDrawer} from "@app/util/modal"
   import {deriveSocketStatus} from "@app/core/state"
 
   const {url} = $props()
 
-  const path = makeSpacePath(url) + ":mobile"
-
   const status = deriveSocketStatus(url)
 
   const openMenu = () => pushDrawer(SpaceMenu, {url})
@@ -21,7 +17,5 @@
   <Icon icon={MenuDots} />
   {#if $status.theme !== "success"}
     <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-{$status.theme}"></div>
-  {:else if $notifications.has(path)}
-    <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-primary"></div>
   {/if}
 </Button>

src/app/components/SpaceMenuRoomItem.svelte

@@ -5,17 +5,15 @@
   import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
   import RoomNameWithImage from "@app/components/RoomNameWithImage.svelte"
   import {makeRoomPath} from "@app/util/routes"
-  import {notifications} from "@app/util/notifications"
   import {deriveShouldNotify} from "@app/core/state"
 
   interface Props {
     url: any
     h: any
-    notify?: boolean
     replaceState?: boolean
   }
 
-  const {url, h, notify = false, replaceState = false}: Props = $props()
+  const {url, h, replaceState = false}: Props = $props()
 
   const path = makeRoomPath(url, h)
   const shouldNotifyForSpace = deriveShouldNotify(url)
@@ -23,10 +21,7 @@
   const showDifferenceIcon = $derived($shouldNotifyForRoom !== $shouldNotifyForSpace)
 </script>
 
-<SecondaryNavItem
-  href={path}
-  {replaceState}
-  notification={notify ? $notifications.has(path) : false}>
+<SecondaryNavItem href={path} {replaceState}>
   <RoomNameWithImage {url} {h} />
   {#if showDifferenceIcon}
     <Icon icon={$shouldNotifyForRoom ? VolumeLoud : VolumeCross} size={4} class="opacity-50" />

src/app/core/state.ts

@@ -49,6 +49,7 @@ import {
   makeLoadItem,
   makeDeriveItem,
   deriveItemsByKey,
+  deriveDeduplicated,
   deriveEventsByIdByUrl,
   deriveEventsByIdForUrl,
   getEventsByIdForUrl,
@@ -99,6 +100,7 @@ import {
   readRoomMeta,
   makeRoomMeta,
   ManagementMethod,
+  sortEventsDesc,
 } from "@welshman/util"
 import type {TrustedEvent, RelayProfile, PublishedRoomMeta, List, Filter} from "@welshman/util"
 import {routerContext, Router} from "@welshman/router"
@@ -227,13 +229,18 @@ export const deriveEvent = makeDeriveEvent({
   onDerive: (filters: Filter[], relays: string[]) => load({filters, relays}),
 })
 
-export const getEventsForUrl = (url: string, filters: Filter[]) =>
+export const getEventsForUrl = (url: string, filters: Filter[] = [{}]) =>
   getEventsByIdForUrl({url, tracker, repository, filters}).values()
 
-export const deriveEventsForUrl = (url: string, filters: Filter[]) =>
+export const deriveEventsForUrl = (url: string, filters: Filter[] = [{}]) =>
   deriveArray(deriveEventsByIdForUrl({url, tracker, repository, filters}))
 
-export const deriveRelaySignedEvents = (url: string, filters: Filter[]) =>
+export const deriveLatestEventForUrl = (url: string, filters: Filter[] = [{}]) =>
+  deriveDeduplicated(deriveEventsByIdForUrl({url, tracker, repository, filters}), $eventsById =>
+    first(sortEventsDesc($eventsById.values())),
+  )
+
+export const deriveRelaySignedEvents = (url: string, filters: Filter[] = [{}]) =>
   derived(
     [deriveRelay(url), deriveEventsForUrl(url, filters)],
     ([relay, events]) => events,

src/app/util/notifications.ts

@@ -4,13 +4,12 @@ import {Capacitor} from "@capacitor/core"
 import {Badge} from "@capawesome/capacitor-badge"
 import {PushNotifications} from "@capacitor/push-notifications"
 import type {ActionPerformed, RegistrationError, Token} from "@capacitor/push-notifications"
-import {synced, throttled} from "@welshman/store"
+import {synced, throttled, withGetter} from "@welshman/store"
 import {load, LOCAL_RELAY_URL} from "@welshman/net"
 import {
   pubkey,
   tracker,
   repository,
-  relaysByUrl,
   publishThunk,
   loadRelay,
   waitForThunkError,
@@ -23,28 +22,22 @@ import {
   poll,
   prop,
   hash,
-  flatten,
-  find,
   spec,
   first,
   identity,
+  remove,
   now,
-  groupBy,
   maybe,
   throttle,
 } from "@welshman/lib"
 import type {TrustedEvent, Filter} from "@welshman/util"
 import {deriveEventsByIdByUrl} from "@welshman/store"
 import {
-  ZAP_GOAL,
-  EVENT_TIME,
-  THREAD,
-  CLASSIFIED,
-  COMMENT,
   DELETE,
   getTagValue,
   getPubkeyTagValues,
   getRelaysFromList,
+  matchFilter,
   matchFilters,
   getIdFilters,
   sortEventsDesc,
@@ -52,18 +45,7 @@ import {
   Address,
 } from "@welshman/util"
 import {buildUrl} from "@lib/util"
-import {
-  makeSpacePath,
-  makeChatPath,
-  makeGoalPath,
-  makeThreadPath,
-  makeClassifiedPath,
-  makeCalendarPath,
-  makeSpaceChatPath,
-  makeRoomPath,
-  getEventPath,
-  goToEvent,
-} from "@app/util/routes"
+import {makeSpacePath, makeChatPath, getEventPath, goToEvent} from "@app/util/routes"
 import {
   DM_KINDS,
   CONTENT_KINDS,
@@ -73,11 +55,9 @@ import {
   notificationSettings,
   notificationState,
   chatsById,
-  hasNip29,
   userSettingsValues,
   userGroupList,
   getSpaceUrlsFromGroupList,
-  getSpaceRoomsFromGroupList,
   makeCommentFilter,
   userSpaceUrls,
   shouldNotify,
@@ -85,6 +65,7 @@ import {
 } from "@app/core/state"
 import {kv} from "@app/core/storage"
 import {goto} from "$app/navigation"
+import {page} from "$app/stores"
 
 // Temporarily copied from welshman
 
@@ -94,65 +75,69 @@ const merged = <S extends Stores>(stores: S) => derived(stores, identity)
 
 // Checked state
 
-export const checked = synced<Record<string, number>>({
-  key: "checked",
-  defaultValue: {},
-  storage: kv,
-})
+export const checked = withGetter(
+  synced<Record<string, number>>({
+    key: "checked",
+    defaultValue: {},
+    storage: kv,
+  }),
+)
 
-export const deriveChecked = (key: string) => derived(checked, prop(key))
+export const getChecked = (key: string) => checked.get()[key]
 
-export const setChecked = (key: string) => checked.update(state => ({...state, [key]: now()}))
+export const deriveChecked = (key: string) => derived(checked, prop<number>(key))
+
+export const setChecked = (key: string) => checked.update(assoc(key, now()))
+
+export const syncChecked = () => {
+  let prev = ""
+
+  const getPaths = (path: string) =>
+    path
+      .split("/")
+      .map((_, i, segments) => segments.slice(0, i + 1).join("/"))
+      .slice(1)
+
+  // Set checked when we enter and when we leave a given page
+  return page.subscribe($page => {
+    checked.update($checked => {
+      for (const path of getPaths($page.url.pathname)) {
+        $checked[path] = now()
+      }
+
+      for (const path of getPaths(prev)) {
+        $checked[path] = now()
+      }
+
+      return $checked
+    })
+
+    prev = $page.url.pathname
+  })
+}
 
 // Derived notifications state
 
-const goalCommentFilters = [{kinds: [COMMENT], "#K": [String(ZAP_GOAL)]}]
-const threadCommentFilters = [{kinds: [COMMENT], "#K": [String(THREAD)]}]
-const classifiedCommentFilters = [{kinds: [COMMENT], "#K": [String(CLASSIFIED)]}]
-const calendarCommentFilters = [{kinds: [COMMENT], "#K": [String(EVENT_TIME)]}]
-const messageFilters = [{kinds: MESSAGE_KINDS}]
-const dmFilters = [{kinds: DM_KINDS}]
-const allFilters = flatten([
-  goalCommentFilters,
-  threadCommentFilters,
-  classifiedCommentFilters,
-  calendarCommentFilters,
-  messageFilters,
-  dmFilters,
-])
-
-export const notifications = derived(
+export const allNotifications = derived(
   throttled(
-    1000,
+    2000,
     derived(
       [
         pubkey,
         checked,
         chatsById,
         userGroupList,
-        relaysByUrl,
-        deriveEventsByIdByUrl({tracker, repository, filters: goalCommentFilters}),
-        deriveEventsByIdByUrl({tracker, repository, filters: threadCommentFilters}),
-        deriveEventsByIdByUrl({tracker, repository, filters: classifiedCommentFilters}),
-        deriveEventsByIdByUrl({tracker, repository, filters: calendarCommentFilters}),
-        deriveEventsByIdByUrl({tracker, repository, filters: messageFilters}),
+        deriveEventsByIdByUrl({
+          tracker,
+          repository,
+          filters: [{kinds: MESSAGE_KINDS}, makeCommentFilter(MESSAGE_KINDS)],
+        }),
       ],
       identity,
     ),
   ),
-  ([
-    $pubkey,
-    $checked,
-    $chatsById,
-    $userGroupList,
-    $relaysByUrl,
-    goalCommentsByUrl,
-    threadCommentsByUrl,
-    classifiedCommentsByUrl,
-    calendarCommentsByUrl,
-    messagesByUrl,
-  ]) => {
-    const hasNotification = (path: string, latestEvent: TrustedEvent | undefined) => {
+  ([$pubkey, $checked, $chatsById, $userGroupList, eventsByIdByUrl]) => {
+    const hasNotification = (path: string, latestEvent?: TrustedEvent) => {
       if (!latestEvent || latestEvent.pubkey === $pubkey) {
         return false
       }
@@ -184,107 +169,11 @@ export const notifications = derived(
 
     for (const url of getSpaceUrlsFromGroupList($userGroupList)) {
       const spacePath = makeSpacePath(url)
-      const spacePathMobile = spacePath + ":mobile"
-      const goalPath = makeGoalPath(url)
-      const threadPath = makeThreadPath(url)
-      const classifiedPath = makeClassifiedPath(url)
-      const calendarPath = makeCalendarPath(url)
-      const messagesPath = makeSpaceChatPath(url)
-      const goalComments = sortEventsDesc(goalCommentsByUrl.get(url)?.values() || [])
-      const threadComments = sortEventsDesc(threadCommentsByUrl.get(url)?.values() || [])
-      const classifiedComments = sortEventsDesc(classifiedCommentsByUrl.get(url)?.values() || [])
-      const calendarComments = sortEventsDesc(calendarCommentsByUrl.get(url)?.values() || [])
-      const messages = sortEventsDesc(messagesByUrl.get(url)?.values() || [])
+      const eventsById = eventsByIdByUrl.get(url) || new Map()
+      const latestEvent = first(sortEventsDesc(eventsById.values()))
 
-      const commentsByGoalId = groupBy(
-        e => getTagValue("E", e.tags),
-        goalComments.filter(spec({kind: COMMENT})),
-      )
-
-      for (const [goalId, [comment]] of commentsByGoalId.entries()) {
-        const goalItemPath = makeGoalPath(url, goalId)
-
-        if (hasNotification(goalPath, comment)) {
-          paths.add(spacePathMobile)
-          paths.add(goalPath)
-        }
-
-        if (hasNotification(goalItemPath, comment)) {
-          paths.add(goalItemPath)
-        }
-      }
-
-      const commentsByThreadId = groupBy(
-        e => getTagValue("E", e.tags),
-        threadComments.filter(spec({kind: COMMENT})),
-      )
-
-      for (const [threadId, [comment]] of commentsByThreadId.entries()) {
-        const threadItemPath = makeThreadPath(url, threadId)
-
-        if (hasNotification(threadPath, comment)) {
-          paths.add(spacePathMobile)
-          paths.add(threadPath)
-        }
-
-        if (hasNotification(threadItemPath, comment)) {
-          paths.add(threadItemPath)
-        }
-      }
-
-      const commentsByClassifiedAddress = groupBy(
-        e => getTagValue("A", e.tags),
-        classifiedComments.filter(spec({kind: COMMENT})),
-      )
-
-      for (const [address, [comment]] of commentsByClassifiedAddress.entries()) {
-        const classifiedItemPath = makeClassifiedPath(url, address)
-
-        if (hasNotification(classifiedPath, comment)) {
-          paths.add(spacePathMobile)
-          paths.add(classifiedPath)
-        }
-
-        if (hasNotification(classifiedItemPath, comment)) {
-          paths.add(classifiedItemPath)
-        }
-      }
-
-      const commentsByEventAddress = groupBy(
-        e => getTagValue("A", e.tags),
-        calendarComments.filter(spec({kind: COMMENT})),
-      )
-
-      for (const [address, [comment]] of commentsByEventAddress.entries()) {
-        const calendarItemPath = makeCalendarPath(url, address)
-
-        if (hasNotification(calendarPath, comment)) {
-          paths.add(spacePathMobile)
-          paths.add(calendarPath)
-        }
-
-        if (hasNotification(calendarItemPath, comment)) {
-          paths.add(calendarItemPath)
-        }
-      }
-
-      if (hasNip29($relaysByUrl.get(url))) {
-        for (const h of getSpaceRoomsFromGroupList(url, $userGroupList)) {
-          const roomPath = makeRoomPath(url, h)
-          const latestEvent = find(e => e.tags.some(spec(["h", h])), messages)
-
-          if (hasNotification(roomPath, latestEvent)) {
-            paths.add(spacePathMobile)
-            paths.add(spacePath)
-            paths.add(roomPath)
-          }
-        }
-      } else {
-        if (hasNotification(messagesPath, first(messages))) {
-          paths.add(spacePathMobile)
-          paths.add(spacePath)
-          paths.add(messagesPath)
-        }
+      if (hasNotification(spacePath, latestEvent)) {
+        paths.add(spacePath)
       }
     }
 
@@ -292,7 +181,12 @@ export const notifications = derived(
   },
 )
 
+export const notifications = derived([page, allNotifications], ([$page, $allNotifications]) => {
+  return new Set(remove($page.url.pathname, [...$allNotifications]))
+})
+
 export const onNotification = call(() => {
+  const allFilters = [{kinds: [...MESSAGE_KINDS, ...DM_KINDS]}, makeCommentFilter(MESSAGE_KINDS)]
   const filters = allFilters.map(assoc("since", now()))
   const subscribers: Subscriber<TrustedEvent>[] = []
 
@@ -687,7 +581,7 @@ class WebNotifications implements IPushAdapter {
         const {push, messages, mentions, spaces} = notificationSettings.get()
 
         if (push && document.hidden && Notification?.permission === "granted") {
-          if (messages && matchFilters(dmFilters, event)) {
+          if (messages && matchFilter({kinds: DM_KINDS}, event)) {
             this._notify(event, "New direct message", "Someone sent you a direct message.")
           } else if (
             mentions &&

src/routes/+layout.svelte

@@ -142,12 +142,15 @@
     // History, navigation, application data
     unsubscribers.push(setupHistory(), setupAnalytics(), syncApplicationData())
 
-    // Subscribe to badge count for changes
-    unsubscribers.push(notifications.syncBadges)
-
     // Initialize keyboard state tracking
     unsubscribers.push(syncKeyboard())
 
+    // Subscribe to badge count for changes
+    unsubscribers.push(notifications.syncBadges())
+
+    // Subscribe to page history to update checked state
+    unsubscribers.push(notifications.syncChecked())
+
     // Initialize background notifications
     unsubscribers.push(notifications.Push.sync())
 

src/routes/chat/+page.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import {page} from "$app/stores"
-  import {onDestroy} from "svelte"
   import InfoCircle from "@assets/icons/info-circle.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import MenuDots from "@assets/icons/menu-dots.svg?dataurl"
@@ -13,7 +11,6 @@
   import ChatMenu from "@app/components/ChatMenu.svelte"
   import {chatSearch} from "@app/core/state"
   import {pushModal} from "@app/util/modal"
-  import {setChecked} from "@app/util/notifications"
 
   let term = $state("")
 
@@ -22,10 +19,6 @@
   const openMenu = () => pushModal(ChatMenu)
 
   const chats = $derived($chatSearch.searchOptions(term))
-
-  onDestroy(() => {
-    setChecked($page.url.pathname)
-  })
 </script>
 
 <div class="hidden min-h-screen md:hero">

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

@@ -4,18 +4,10 @@
   import {append, uniq} from "@welshman/lib"
   import {pubkey} from "@welshman/app"
   import Chat from "@app/components/Chat.svelte"
-  import {notifications, setChecked} from "@app/util/notifications"
   import {splitChatId} from "@app/core/state"
 
   const {chat} = $page.params as MakeNonOptional<typeof $page.params>
   const pubkeys = uniq(append($pubkey!, splitChatId(chat)))
-
-  // We have to watch this one, since on mobile the badge will be visible when active
-  $effect(() => {
-    if ($notifications.has($page.url.pathname)) {
-      setChecked($page.url.pathname)
-    }
-  })
 </script>
 
 <Chat {pubkeys} />

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

@@ -8,10 +8,8 @@
   import SpaceAuthError from "@app/components/SpaceAuthError.svelte"
   import SpaceTrustRelay from "@app/components/SpaceTrustRelay.svelte"
   import {pushModal} from "@app/util/modal"
-  import {setChecked} from "@app/util/notifications"
   import {decodeRelay, relaysPendingTrust} from "@app/core/state"
   import {deriveRelayAuthError} from "@app/core/commands"
-  import {notifications} from "@app/util/notifications"
 
   type Props = {
     children?: Snippet
@@ -29,13 +27,6 @@
 
   const showPendingTrust = once(() => pushModal(SpaceTrustRelay, {url}, {noEscape: true}))
 
-  // We have to watch this one, since on mobile the badge will be visible when active
-  $effect(() => {
-    if ($notifications.has($page.url.pathname)) {
-      setChecked($page.url.pathname)
-    }
-  })
-
   // Watch for relay errors and notify the user
   $effect(() => {
     if ($authError) {

src/routes/spaces/[relay]/[h]/+page.svelte

@@ -45,7 +45,7 @@
     MESSAGE_KINDS,
     userSettingsValues,
   } from "@app/core/state"
-  import {setChecked, checked} from "@app/util/notifications"
+  import {checked} from "@app/util/notifications"
   import {canEnforceNip70, prependParent, publishDelete} from "@app/core/commands"
   import {makeFeed} from "@app/core/requests"
   import {popKey} from "@lib/implicit"
@@ -318,11 +318,6 @@
 
   onDestroy(() => {
     cleanup?.()
-
-    // Sveltekit calls onDestroy at the beginning of the page load for some reason
-    setTimeout(() => {
-      setChecked($page.url.pathname)
-    }, 800)
   })
 </script>
 

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

@@ -21,7 +21,6 @@
   import {pushModal} from "@app/util/modal"
   import {decodeRelay, makeCommentFilter} from "@app/core/state"
   import {makeCalendarFeed} from "@app/core/requests"
-  import {setChecked} from "@app/util/notifications"
 
   const url = decodeRelay($page.params.relay!)
 
@@ -108,7 +107,6 @@
 
     return () => {
       feed.cleanup()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/calendar/[address]/+page.svelte

@@ -25,7 +25,6 @@
   import CalendarEventDate from "@app/components/CalendarEventDate.svelte"
   import EventReply from "@app/components/EventReply.svelte"
   import {deriveEvent, decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
 
   const {relay, address} = $page.params as MakeNonOptional<typeof $page.params>
   const url = decodeRelay(relay)
@@ -57,7 +56,6 @@
 
     return () => {
       controller.abort()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/classifieds/+page.svelte

@@ -17,7 +17,6 @@
   import ClassifiedItem from "@app/components/ClassifiedItem.svelte"
   import ClassifiedCreate from "@app/components/ClassifiedCreate.svelte"
   import {decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
   import {makeCommentFilter} from "@app/core/state"
   import {makeFeed} from "@app/core/requests"
   import {pushModal} from "@app/util/modal"
@@ -59,7 +58,6 @@
 
     return () => {
       feed.cleanup()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/classifieds/[address]/+page.svelte

@@ -22,7 +22,6 @@
   import CommentActions from "@app/components/CommentActions.svelte"
   import EventReply from "@app/components/EventReply.svelte"
   import {deriveEvent, decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
 
   const {relay, address} = $page.params as MakeNonOptional<typeof $page.params>
   const url = decodeRelay(relay)
@@ -54,7 +53,6 @@
 
     return () => {
       controller.abort()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/goals/+page.svelte

@@ -17,7 +17,6 @@
   import GoalItem from "@app/components/GoalItem.svelte"
   import GoalCreate from "@app/components/GoalCreate.svelte"
   import {decodeRelay, makeCommentFilter} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
   import {makeFeed} from "@app/core/requests"
   import {pushModal} from "@app/util/modal"
 
@@ -58,7 +57,6 @@
 
     return () => {
       feed.cleanup()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/goals/[id]/+page.svelte

@@ -22,7 +22,6 @@
   import CommentActions from "@app/components/CommentActions.svelte"
   import EventReply from "@app/components/EventReply.svelte"
   import {deriveEvent, decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
 
   const {relay, id} = $page.params as MakeNonOptional<typeof $page.params>
   const url = decodeRelay(relay)
@@ -55,7 +54,6 @@
 
     return () => {
       controller.abort()
-      setChecked($page.url.pathname)
     }
   })
 </script>

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

@@ -17,7 +17,6 @@
   import ThreadItem from "@app/components/ThreadItem.svelte"
   import ThreadCreate from "@app/components/ThreadCreate.svelte"
   import {decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
   import {makeCommentFilter} from "@app/core/state"
   import {makeFeed} from "@app/core/requests"
   import {pushModal} from "@app/util/modal"
@@ -59,7 +58,6 @@
 
     return () => {
       feed.cleanup()
-      setChecked($page.url.pathname)
     }
   })
 </script>

src/routes/spaces/[relay]/threads/[id]/+page.svelte

@@ -22,7 +22,6 @@
   import CommentActions from "@app/components/CommentActions.svelte"
   import EventReply from "@app/components/EventReply.svelte"
   import {deriveEvent, decodeRelay} from "@app/core/state"
-  import {setChecked} from "@app/util/notifications"
 
   const {relay, id} = $page.params as MakeNonOptional<typeof $page.params>
   const url = decodeRelay(relay)
@@ -54,7 +53,6 @@
 
     return () => {
       controller.abort()
-      setChecked($page.url.pathname)
     }
   })
 </script>