From e90170d3de3ebfa57b96f6758cebc6568114a27b Mon Sep 17 00:00:00 2001
From: Jonathan Staab <shtaab@gmail.com>
Date: Fri, 3 Mar 2023 14:57:49 -0600
Subject: [PATCH] Add route name to document title

---
 src/util/nostr.ts                        | 2 ++
 src/views/Debug.svelte                   | 2 ++
 src/views/Keys.svelte                    | 2 ++
 src/views/Profile.svelte                 | 2 ++
 src/views/Settings.svelte                | 2 ++
 src/views/alerts/Alerts.svelte           | 2 ++
 src/views/chat/ChatDetail.svelte         | 2 ++
 src/views/chat/ChatList.svelte           | 1 +
 src/views/login/Login.svelte             | 2 ++
 src/views/login/Logout.svelte            | 2 ++
 src/views/messages/MessagesDetail.svelte | 2 ++
 src/views/messages/MessagesList.svelte   | 2 ++
 src/views/notes/NotesList.svelte         | 3 +++
 src/views/person/PersonDetail.svelte     | 2 ++
 src/views/relays/RelayDetail.svelte      | 7 +++++--
 src/views/relays/RelayList.svelte        | 2 ++
 src/views/search/Search.svelte           | 2 ++
 17 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/util/nostr.ts b/src/util/nostr.ts
index 5c514808..7bb56ee1 100644
--- a/src/util/nostr.ts
+++ b/src/util/nostr.ts
@@ -80,6 +80,8 @@ export const displayPerson = p => {
   }
 }
 
+export const displayRelay = ({url}) => last(url.split('://'))
+
 export const isLike = content => ['', '+', '🤙', '👍', '❤️', '😎', '🏅'].includes(content)
 
 export const isAlert = (e, pubkey) => {
diff --git a/src/views/Debug.svelte b/src/views/Debug.svelte
index 381ef23e..670edc21 100644
--- a/src/views/Debug.svelte
+++ b/src/views/Debug.svelte
@@ -4,6 +4,8 @@
   import {logs} from 'src/util/logger.js'
   import {formatTimestamp} from 'src/util/misc'
   import Content from 'src/partials/Content.svelte'
+
+  document.title = "Debug"
 </script>
 
 <Content>
diff --git a/src/views/Keys.svelte b/src/views/Keys.svelte
index b1851a03..6f20085b 100644
--- a/src/views/Keys.svelte
+++ b/src/views/Keys.svelte
@@ -30,6 +30,8 @@
       return navigate("/login")
     }
   })
+
+  document.title = 'Keys'
 </script>
 
 <div in:fly={{y: 20}}>
diff --git a/src/views/Profile.svelte b/src/views/Profile.svelte
index c8db6722..872964ec 100644
--- a/src/views/Profile.svelte
+++ b/src/views/Profile.svelte
@@ -32,6 +32,8 @@
     publishWithToast(getUserWriteRelays(), cmd.updateUser(values))
     navigate(routes.person(user.getPubkey(), 'profile'))
   }
+
+  document.title = "Profile"
 </script>
 
 <form on:submit={submit} in:fly={{y: 20}}>
diff --git a/src/views/Settings.svelte b/src/views/Settings.svelte
index e67e1608..1aa777a9 100644
--- a/src/views/Settings.svelte
+++ b/src/views/Settings.svelte
@@ -25,6 +25,8 @@
 
     toast.show("info", "Your settings have been saved!")
   }
+
+  document.title = "Settings"
 </script>
 
 <form on:submit={submit} in:fly={{y: 20}}>
diff --git a/src/views/alerts/Alerts.svelte b/src/views/alerts/Alerts.svelte
index 45a922df..e8640765 100644
--- a/src/views/alerts/Alerts.svelte
+++ b/src/views/alerts/Alerts.svelte
@@ -15,6 +15,8 @@
   let notes = null
 
   onMount(() => {
+    document.title = "Notifications"
+
     lastChecked.update(assoc('alerts', now()))
 
     return createScroller(async () => {
diff --git a/src/views/chat/ChatDetail.svelte b/src/views/chat/ChatDetail.svelte
index 7ce5918a..46c1efd6 100644
--- a/src/views/chat/ChatDetail.svelte
+++ b/src/views/chat/ChatDetail.svelte
@@ -46,6 +46,8 @@
     return event
   }
 
+  document.title = $room.name
+
   lastChecked.update(updateIn(assoc(id, now())))
 </script>
 
diff --git a/src/views/chat/ChatList.svelte b/src/views/chat/ChatList.svelte
index 4b72ca05..04db15ea 100644
--- a/src/views/chat/ChatList.svelte
+++ b/src/views/chat/ChatList.svelte
@@ -20,6 +20,7 @@
   $: search = fuzzy($otherRooms, {keys: ['name', 'about']})
   $: results = search(q).slice(0, 50)
 
+  document.title = 'Chat'
 
   onMount(() => {
     const sub = network.listen({
diff --git a/src/views/login/Login.svelte b/src/views/login/Login.svelte
index a3b1da64..6f44b9d9 100644
--- a/src/views/login/Login.svelte
+++ b/src/views/login/Login.svelte
@@ -25,6 +25,8 @@
   const pubkeyLogIn = () => {
     modal.set({type: 'login/pubkey'})
   }
+
+  document.title = "Log In"
 </script>
 
 <div in:fly={{y: 20}}>
diff --git a/src/views/login/Logout.svelte b/src/views/login/Logout.svelte
index fb7ac346..79e32797 100644
--- a/src/views/login/Logout.svelte
+++ b/src/views/login/Logout.svelte
@@ -20,6 +20,8 @@
       window.location.href = '/login'
     }, 1000)
   }
+
+  document.title = "Log Out"
 </script>
 
 <Content size="lg" class="text-center">
diff --git a/src/views/messages/MessagesDetail.svelte b/src/views/messages/MessagesDetail.svelte
index dd63829d..5360e10f 100644
--- a/src/views/messages/MessagesDetail.svelte
+++ b/src/views/messages/MessagesDetail.svelte
@@ -68,6 +68,8 @@
     // Return unencrypted content so we can display it immediately
     return {...event, content}
   }
+
+  document.title = `DMs with ${displayPerson($person)}`
 </script>
 
 <Channel {loadMessages} {listenForMessages} {sendMessage}>
diff --git a/src/views/messages/MessagesList.svelte b/src/views/messages/MessagesList.svelte
index d55176f0..dd6c858f 100644
--- a/src/views/messages/MessagesList.svelte
+++ b/src/views/messages/MessagesList.svelte
@@ -20,6 +20,8 @@
 
   const getDisplay = tab =>
     ({title: toTitle(tab), badge: getContacts(tab).length})
+
+  document.title = 'Direct Messages'
 </script>
 
 <Content>
diff --git a/src/views/notes/NotesList.svelte b/src/views/notes/NotesList.svelte
index 4a6101fd..3065e42e 100644
--- a/src/views/notes/NotesList.svelte
+++ b/src/views/notes/NotesList.svelte
@@ -1,5 +1,6 @@
 <script>
   import {navigate} from 'svelte-routing'
+  import {toTitle} from 'hurdak/lib/hurdak'
   import Anchor from "src/partials/Anchor.svelte"
   import Content from "src/partials/Content.svelte"
   import Tabs from "src/partials/Tabs.svelte"
@@ -11,6 +12,8 @@
   export let activeTab
 
   const setActiveTab = tab => navigate(`/notes/${tab}`)
+
+  document.title = toTitle(activeTab)
 </script>
 
 <Content>
diff --git a/src/views/person/PersonDetail.svelte b/src/views/person/PersonDetail.svelte
index 93c55394..96d74419 100644
--- a/src/views/person/PersonDetail.svelte
+++ b/src/views/person/PersonDetail.svelte
@@ -69,6 +69,8 @@
   onMount(async () => {
     log('Person', npub, person)
 
+    document.title = displayPerson(person)
+
     // Refresh our person
     network.loadPeople([pubkey], {force: true}).then(() => {
       person = database.getPersonWithFallback(pubkey)
diff --git a/src/views/relays/RelayDetail.svelte b/src/views/relays/RelayDetail.svelte
index a566f950..fca8db92 100644
--- a/src/views/relays/RelayDetail.svelte
+++ b/src/views/relays/RelayDetail.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-  import {last, find, propEq} from 'ramda'
+  import {find, propEq} from 'ramda'
   import {onMount} from 'svelte'
   import {poll, stringToColor} from "src/util/misc"
+  import {displayRelay} from "src/util/nostr"
   import {between} from 'hurdak/lib/hurdak'
   import Content from "src/partials/Content.svelte"
   import Anchor from "src/partials/Anchor.svelte"
@@ -35,6 +36,8 @@
       }
     })
   })
+
+  document.title = displayRelay(relay)
 </script>
 
 <Content>
@@ -44,7 +47,7 @@
       <span
         class="border-b border-solid"
         style={`border-color: ${stringToColor(relay.url)}`}>
-        {last(relay.url.split('://'))}
+        {displayRelay(relay)}
       </span>
       <span
         on:mouseout={() => {showStatus = false}}
diff --git a/src/views/relays/RelayList.svelte b/src/views/relays/RelayList.svelte
index a4c4aa70..5ee90b05 100644
--- a/src/views/relays/RelayList.svelte
+++ b/src/views/relays/RelayList.svelte
@@ -8,6 +8,8 @@
   import {modal} from "src/app/ui"
 
   const {relays} = user
+
+  document.title = 'Relays'
 </script>
 
 <div in:fly={{y: 20}}>
diff --git a/src/views/search/Search.svelte b/src/views/search/Search.svelte
index 2e93d775..a8039e86 100644
--- a/src/views/search/Search.svelte
+++ b/src/views/search/Search.svelte
@@ -8,6 +8,8 @@
   export let activeTab
 
   const setActiveTab = tab => navigate(`/search/${tab}`)
+
+  document.title = "Search"
 </script>
 
 <Content>