From b296067e55da5b5897196b27aeb022985591403a Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 14 Nov 2024 08:33:11 -0800
Subject: [PATCH] Add checked store and set data

---
 src/app/state.ts                                | 12 +++++++++++-
 src/routes/chat/[chat]/+page.svelte             |  6 ++++++
 src/routes/spaces/[relay]/+page.svelte          |  7 ++++++-
 src/routes/spaces/[relay]/[room]/+page.svelte   |  6 ++++++
 src/routes/spaces/[relay]/calendar/+page.svelte |  4 +++-
 src/routes/spaces/[relay]/threads/+page.svelte  |  4 +++-
 6 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/app/state.ts b/src/app/state.ts
index 1938ab6ed..89e9c2710 100644
--- a/src/app/state.ts
+++ b/src/app/state.ts
@@ -1,9 +1,10 @@
 import twColors from "tailwindcss/colors"
-import {get, derived} from "svelte/store"
+import {get, derived, writable} from "svelte/store"
 import {nip19} from "nostr-tools"
 import type {Maybe} from "@welshman/lib"
 import {
   ctx,
+  now,
   setContext,
   remove,
   assoc,
@@ -16,6 +17,7 @@ import {
   nthEq,
   shuffle,
   parseJson,
+  prop,
 } from "@welshman/lib"
 import {
   getIdFilters,
@@ -259,6 +261,14 @@ export const deriveEventsForUrl = (url: string, filters: Filter[]) =>
     ),
   )
 
+// Last checked timestamps, notifications
+
+export const checked = writable<Record<string, number>>({})
+
+export const deriveChecked = (key: string) => derived(checked, prop(key))
+
+export const setChecked = (key: string, ts = now()) => checked.update(assoc(key, ts))
+
 // Settings
 
 export const SETTINGS = 38489
diff --git a/src/routes/chat/[chat]/+page.svelte b/src/routes/chat/[chat]/+page.svelte
index 5a8417163..4542ffb92 100644
--- a/src/routes/chat/[chat]/+page.svelte
+++ b/src/routes/chat/[chat]/+page.svelte
@@ -1,6 +1,12 @@
 <script lang="ts">
+  import {onMount} from "svelte"
   import {page} from "$app/stores"
   import Chat from "@app/components/Chat.svelte"
+  import {setChecked} from "@app/state"
+
+  onMount(() => {
+    setChecked($page.url.pathname)
+  })
 </script>
 
 <Chat id={$page.params.chat} />
diff --git a/src/routes/spaces/[relay]/+page.svelte b/src/routes/spaces/[relay]/+page.svelte
index b57e9a774..a6c9579e3 100644
--- a/src/routes/spaces/[relay]/+page.svelte
+++ b/src/routes/spaces/[relay]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import {onMount} from "svelte"
   import {page} from "$app/stores"
   import {deriveRelay} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
@@ -10,7 +11,7 @@
   import ProfileFeed from "@app/components/ProfileFeed.svelte"
   import RelayName from "@app/components/RelayName.svelte"
   import RelayDescription from "@app/components/RelayDescription.svelte"
-  import {decodeRelay} from "@app/state"
+  import {decodeRelay, setChecked} from "@app/state"
   import {pushDrawer} from "@app/modal"
   import {makeChatPath} from "@app/routes"
 
@@ -20,6 +21,10 @@
   const openMenu = () => pushDrawer(MenuSpace, {url})
 
   $: pubkey = $relay?.profile?.pubkey
+
+  onMount(() => {
+    setChecked($page.url.pathname)
+  })
 </script>
 
 <div class="relative flex flex-col">
diff --git a/src/routes/spaces/[relay]/[room]/+page.svelte b/src/routes/spaces/[relay]/[room]/+page.svelte
index 6eced4dc0..3cf4be91f 100644
--- a/src/routes/spaces/[relay]/[room]/+page.svelte
+++ b/src/routes/spaces/[relay]/[room]/+page.svelte
@@ -8,6 +8,7 @@
 </script>
 
 <script lang="ts">
+  import {onMount} from "svelte"
   import {page} from "$app/stores"
   import {sortBy, append} from "@welshman/lib"
   import type {TrustedEvent, EventContent} from "@welshman/util"
@@ -33,6 +34,7 @@
     MESSAGE,
     COMMENT,
     getMembershipRoomsByUrl,
+    setChecked,
   } from "@app/state"
   import {addRoomMembership, removeRoomMembership} from "@app/commands"
   import {pushDrawer} from "@app/modal"
@@ -89,6 +91,10 @@
     elements.reverse()
   }
 
+  onMount(() => {
+    setChecked($page.url.pathname)
+  })
+
   setTimeout(() => {
     loading = false
   }, 5000)
diff --git a/src/routes/spaces/[relay]/calendar/+page.svelte b/src/routes/spaces/[relay]/calendar/+page.svelte
index 9e9166913..11db346e4 100644
--- a/src/routes/spaces/[relay]/calendar/+page.svelte
+++ b/src/routes/spaces/[relay]/calendar/+page.svelte
@@ -14,7 +14,7 @@
   import EventItem from "@app/components/EventItem.svelte"
   import EventCreate from "@app/components/EventCreate.svelte"
   import {pushModal, pushDrawer} from "@app/modal"
-  import {deriveEventsForUrl, pullConservatively, decodeRelay} from "@app/state"
+  import {deriveEventsForUrl, pullConservatively, decodeRelay, setChecked} from "@app/state"
 
   const url = decodeRelay($page.params.relay)
   const kinds = [EVENT_DATE, EVENT_TIME]
@@ -54,6 +54,8 @@
     .slice(0, limit)
 
   onMount(() => {
+    setChecked($page.url.pathname)
+
     const sub = subscribe({filters: [{kinds, since: ago(30)}]})
 
     pullConservatively({filters: [{kinds}], relays: [url]})
diff --git a/src/routes/spaces/[relay]/threads/+page.svelte b/src/routes/spaces/[relay]/threads/+page.svelte
index cfa5c211e..c597ca95e 100644
--- a/src/routes/spaces/[relay]/threads/+page.svelte
+++ b/src/routes/spaces/[relay]/threads/+page.svelte
@@ -15,7 +15,7 @@
   import MenuSpace from "@app/components/MenuSpace.svelte"
   import ThreadItem from "@app/components/ThreadItem.svelte"
   import ThreadCreate from "@app/components/ThreadCreate.svelte"
-  import {THREAD, COMMENT, decodeRelay} from "@app/state"
+  import {THREAD, COMMENT, decodeRelay, setChecked} from "@app/state"
   import {pushModal, pushDrawer} from "@app/modal"
 
   const url = decodeRelay($page.params.relay)
@@ -33,6 +33,8 @@
   let events: TrustedEvent[] = []
 
   onMount(() => {
+    setChecked($page.url.pathname)
+
     let unmounted = false
 
     const ctrl = createFeedController({