web/preferences: add option to change window title

Fixes #564

web/src/api/statestore/main.ts

@@ -76,7 +76,7 @@ export class StateStore {
 	readonly accountData: Map<string, UnknownEventContent> = new Map()
 	readonly accountDataSubs = new MultiSubscribable()
 	readonly emojiRoomsSub = new Subscribable()
-	readonly preferences: Preferences = getPreferenceProxy(this)
+	readonly preferences = getPreferenceProxy(this)
 	#frequentlyUsedEmoji: Map<string, number> | null = null
 	#emojiPackKeys: RoomStateGUID[] | null = null
 	#watchedRoomEmojiPacks: Record<string, CustomEmojiPack> | null = null

web/src/api/statestore/room.ts

@@ -112,7 +112,7 @@ export class RoomStateStore {
 	readonly accountDataSubs = new MultiSubscribable()
 	readonly openNotifications: Map<EventRowID, Notification> = new Map()
 	readonly #emojiPacksCache: Map<string, CustomEmojiPack | null> = new Map()
-	readonly preferences: Preferences
+	readonly preferences: Required<Preferences>
 	readonly localPreferenceCache: Preferences
 	readonly preferenceSub = new NoDataSubscribable()
 	serverPreferenceCache: Preferences = {}

web/src/api/types/preferences/preferences.ts

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 import type { ContentURI } from "../../types"
-import { Preference, anyContext } from "./types.ts"
+import { Preference, anyContext, anyGlobalContext } from "./types.ts"
 
 export const codeBlockStyles = [
 	"auto", "abap", "algol_nu", "algol", "arduino", "autumn", "average", "base16-snazzy", "borland", "bw",
@@ -171,6 +171,18 @@ export const preferences = {
 		allowedContexts: anyContext,
 		defaultValue: "",
 	}),
+	room_window_title: new Preference<string>({
+		displayName: "In-room window title",
+		description: "The title to use for the window when viewing a room. $room will be replaced with the room name",
+		allowedContexts: anyContext,
+		defaultValue: "$room - gomuks web",
+	}),
+	window_title: new Preference<string>({
+		displayName: "Default window title",
+		description: "The title to use for the window when not in a room.",
+		allowedContexts: anyGlobalContext,
+		defaultValue: "gomuks web",
+	}),
 } as const
 
 export const existingPreferenceKeys = new Set(Object.keys(preferences))

web/src/api/types/preferences/proxy.ts

@@ -19,7 +19,7 @@ import { PreferenceContext, PreferenceValueType } from "./types.ts"
 
 const prefKeys = Object.keys(preferences)
 
-export function getPreferenceProxy(store: StateStore, room?: RoomStateStore): Preferences {
+export function getPreferenceProxy(store: StateStore, room?: RoomStateStore): Required<Preferences> {
 	return new Proxy({}, {
 		set(): boolean {
 			throw new Error("The preference proxy is read-only")
@@ -61,5 +61,5 @@ export function getPreferenceProxy(store: StateStore, room?: RoomStateStore): Pr
 				writable: false,
 			} : undefined
 		},
-	})
+	}) as Required<Preferences>
 }

web/src/ui/MainScreen.tsx

@@ -124,6 +124,13 @@ class ContextFields implements MainScreenContextFields {
 		}
 	}
 
+	#getWindowTitle(room?: RoomStateStore, name?: string) {
+		if (!room) {
+			return this.client.store.preferences.window_title
+		}
+		return room.preferences.room_window_title.replace("$room", name!)
+	}
+
 	#setActiveRoom(room: RoomStateStore, pushState: boolean) {
 		window.activeRoom = room
 		this.directSetActiveRoom(room)
@@ -147,7 +154,7 @@ class ContextFields implements MainScreenContextFields {
 		if (roomNameForTitle && roomNameForTitle.length > 48) {
 			roomNameForTitle = roomNameForTitle.slice(0, 45) + "…"
 		}
-		document.title = `${roomNameForTitle} - gomuks web`
+		document.title = this.#getWindowTitle(room, roomNameForTitle)
 	}
 
 	#closeActiveRoom(pushState: boolean) {
@@ -161,7 +168,7 @@ class ContextFields implements MainScreenContextFields {
 		if (pushState) {
 			history.pushState({}, "")
 		}
-		document.title = "gomuks web"
+		document.title = this.#getWindowTitle()
 	}
 
 	clickRoom = (evt: React.MouseEvent) => {

web/src/ui/settings/SettingsView.tsx

@@ -110,6 +110,9 @@ const PreferenceRow = ({
 		val: PreferenceValueType | undefined,
 		inheritedVal: PreferenceValueType,
 	) => {
+		if (!pref.allowedContexts.includes(context)) {
+			return null
+		}
 		if (prefType === "boolean") {
 			return <BooleanPreferenceCell
 				name={name}