Cache space nav items and fix meta storage

src/app/components/SpaceMenuNavItems.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import {derived} from "svelte/store"
+  import {getJson, setJson} from "@welshman/lib"
   import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, PINBOARD, POLL} from "@welshman/util"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import UsersGroup from "@assets/icons/users-group-rounded.svg?dataurl"
@@ -38,17 +39,23 @@
   const calendarPath = makeSpacePath(url, "calendar")
   const pollsPath = makeSpacePath(url, "polls")
 
+  // Content events aren't retained across page loads, so seed with the kinds seen last time
+  // to keep the nav from re-populating as they load in the background.
+  const spaceKindsKey = `space-kinds:${url}`
+  const cachedKinds: number[] = getJson(spaceKindsKey) ?? []
+
   const spaceKinds = derived(
     deriveEventsForUrl(url, [{kinds: CONTENT_KINDS}]),
-    $events => new Set($events.map(e => e.kind)),
+    $events => new Set([...cachedKinds, ...$events.map(e => e.kind)]),
   )
 
-  const boardEvents = deriveEventsForUrl(url, [{kinds: [PINBOARD]}])
   const hasNip29 = $derived($relay?.hasNip(29) ?? false)
   const supportedMethods = deriveSpaceSupportedMethods(url)
-  const showLibrary = $derived($boardEvents.length > 0 || $supportedMethods.includes("signevent"))
+  const showLibrary = $derived($spaceKinds.has(PINBOARD) || $supportedMethods.includes("signevent"))
 
   const openSearch = () => pushModal(SpaceSearch, {url})
+
+  $effect(() => setJson(spaceKindsKey, [...$spaceKinds]))
 </script>
 
 <SecondaryNavItem href={makeSpacePath(url, "about")}>

src/app/content.ts

@@ -6,6 +6,7 @@ import {
   DIRECT_MESSAGE_FILE,
   EVENT_TIME,
   GENERIC_REPOST,
+  PINBOARD,
   POLL,
   REACTION,
   REPORT,
@@ -40,7 +41,7 @@ if (ENABLE_ZAPS) {
   REACTION_KINDS.push(ZAP_RECEIPT)
 }
 
-export const CONTENT_KINDS = [ZAP_GOAL, EVENT_TIME, THREAD, CLASSIFIED, POLL]
+export const CONTENT_KINDS = [ZAP_GOAL, EVENT_TIME, THREAD, CLASSIFIED, POLL, PINBOARD]
 
 export const DM_KINDS = [DIRECT_MESSAGE, DIRECT_MESSAGE_FILE]
 

src/app/storage.ts

@@ -250,7 +250,8 @@ class Storage {
   }
 
   private syncEvents = () => {
-    const table = this.db.table<TrustedEvent>("events")
+    const eventsTable = this.db.table<TrustedEvent>("events")
+    const trackerTable = this.db.table<TrackerItem>("tracker")
 
     return on(
       this.app.repository,
@@ -273,11 +274,26 @@ class Storage {
         }
 
         if (add.length > 0) {
-          await table.bulkPut(add)
+          // The ingest policy tracks an event before publishing it, so by the time the
+          // repository reports it, its provenance is already in the tracker — persist the
+          // two together so an event is never saved without the relays it came from.
+          const items: TrackerItem[] = []
+
+          for (const {id} of add) {
+            const relays = Array.from(this.app.tracker.getRelays(id))
+
+            if (relays.length > 0) {
+              items.push({id, relays})
+            }
+          }
+
+          await eventsTable.bulkPut(add)
+          await trackerTable.bulkPut(items)
         }
 
         if (remove.size > 0) {
-          await table.bulkDelete(remove)
+          await eventsTable.bulkDelete(remove)
+          await trackerTable.bulkDelete(remove)
         }
       }),
     )
@@ -312,6 +328,9 @@ class Storage {
       for (const id of ids) {
         const event = this.app.repository.getEvent(id)
 
+        // A brand-new event is tracked before it's published, so it isn't queryable here —
+        // syncEvents persists its provenance along with the event itself. This pass only
+        // records additional relays for events we already have.
         if (!event || !shouldPersistEvent(event)) continue
 
         const relays = Array.from(this.app.tracker.getRelays(id))