a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 1 | import { derived, get, readable, writable } from 'svelte/store'; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 2 | import { closeThreadList, getAccountData, openThreadList, paginateThreadList, runCommand, setAccountData } from './api'; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 3 | import { pushBanner, rooms, sessionUser, threadLists, timelines } from './store'; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 4 | import { roomThreads } from './thread-index'; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 5 | import type { ThreadEntry } from './thread-index'; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 6 | import type { ThreadListEntry, ThreadUnread, TimelineItem } from './types'; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 7 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 8 | const PINNED_TYPE = 'dev.malice.pinned_threads'; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 9 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 10 | export interface OpenThread { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 11 | room_id: string; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 12 | root_event_id: string; |
4f91f89d99fa | atagen | 2026-10-25 10:47 UTC | 13 | focus_event_id?: string; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 14 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 15 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 16 | export const openThread = writable<OpenThread | null>(null); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 17 | export const pinnedThreads = writable<Record<string, string[]>>({}); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 18 | |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 19 | const NO_TIMELINE: TimelineItem[] = []; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 20 | const NO_PINS: string[] = []; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 21 | const NO_ENTRIES: ThreadListEntry[] = []; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 22 | const NO_UNREADS: Record<string, ThreadUnread> = {}; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 23 | |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 24 | interface RoomThreadsCache { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 25 | timeline: TimelineItem[]; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 26 | pins: string[]; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 27 | entries: ThreadListEntry[]; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 28 | unreads: Record<string, ThreadUnread>; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 29 | list: ThreadEntry[]; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 30 | } |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 31 | |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 32 | function createThreadsByRoom() { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 33 | let cache = new Map<string, RoomThreadsCache>(); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 34 | let last: Record<string, ThreadEntry[]> = {}; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 35 | const computed = derived([timelines, pinnedThreads, threadLists, rooms], ([$timelines, $pinned, $lists, $rooms]) => { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 36 | const unreads = new Map($rooms.map((room) => [room.room_id, room.thread_unreads])); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 37 | const next = new Map<string, RoomThreadsCache>(); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 38 | const out: Record<string, ThreadEntry[]> = {}; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 39 | const ids = [...Object.keys($timelines), ...Object.keys($pinned), ...Object.keys($lists), ...unreads.keys()]; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 40 | for (const roomId of new Set(ids)) { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 41 | const timeline = $timelines[roomId] ?? NO_TIMELINE; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 42 | const pins = $pinned[roomId] ?? NO_PINS; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 43 | const entries = $lists[roomId]?.entries ?? NO_ENTRIES; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 44 | const roomUnreads = unreads.get(roomId) ?? NO_UNREADS; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 45 | const hit = cache.get(roomId); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 46 | const reuse = hit && hit.timeline === timeline && hit.pins === pins && hit.entries === entries && hit.unreads === roomUnreads; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 47 | const entry = reuse ? hit : { timeline, pins, entries, unreads: roomUnreads, list: roomThreads(roomId, timeline, pins, entries, roomUnreads) }; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 48 | next.set(roomId, entry); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 49 | if (entry.list.length) out[roomId] = entry.list; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 50 | } |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 51 | const keys = Object.keys(out); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 52 | const unchanged = keys.length === Object.keys(last).length && keys.every((roomId) => out[roomId] === last[roomId]); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 53 | cache = next; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 54 | if (unchanged) return last; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 55 | last = out; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 56 | return out; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 57 | }); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 58 | return readable(last, (set) => { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 59 | let sent: Record<string, ThreadEntry[]> | null = null; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 60 | return computed.subscribe((value) => { |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 61 | if (value === sent) return; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 62 | sent = value; |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 63 | set(value); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 64 | }); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 65 | }); |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 66 | } |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 67 | |
a802a95814e6 | atagen | 2026-10-26 03:48 UTC | 68 | export const threadsByRoom = createThreadsByRoom(); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 69 | |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 70 | const THREAD_PAGE = 20; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 71 | const openLists = new Set<string>(); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 72 | |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 73 | /** Keeps a server thread list open for exactly the rooms in `wanted`, loading a first page for each new one. */ |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 74 | export function syncThreadLists(wanted: string[]): void { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 75 | const want = new Set(wanted); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 76 | for (const roomId of [...openLists]) { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 77 | if (want.has(roomId)) continue; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 78 | openLists.delete(roomId); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 79 | void closeThreadList(roomId).catch(() => undefined); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 80 | } |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 81 | for (const roomId of want) { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 82 | if (openLists.has(roomId)) continue; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 83 | openLists.add(roomId); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 84 | void openThreadList(roomId) |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 85 | .then(() => paginateThreadList(roomId, THREAD_PAGE)) |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 86 | .catch(() => openLists.delete(roomId)); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 87 | } |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 88 | } |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 89 | |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 90 | export async function loadOlderThreads(roomId: string): Promise<void> { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 91 | try { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 92 | await paginateThreadList(roomId, THREAD_PAGE); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 93 | } catch (e) { |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 94 | pushBanner(e instanceof Error ? e.message : 'Could not load older threads'); |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 95 | } |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 96 | } |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 97 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 98 | function parsePinned(raw: unknown): Record<string, string[]> { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 99 | if (typeof raw !== 'object' || raw === null) return {}; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 100 | const rooms = (raw as Record<string, unknown>)['rooms']; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 101 | if (typeof rooms !== 'object' || rooms === null) return {}; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 102 | const out: Record<string, string[]> = {}; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 103 | for (const [roomId, list] of Object.entries(rooms)) { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 104 | if (Array.isArray(list)) out[roomId] = list.filter((id): id is string => typeof id === 'string'); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 105 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 106 | return out; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 107 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 108 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 109 | export async function loadPinnedThreads(): Promise<void> { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 110 | try { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 111 | pinnedThreads.set(parsePinned(await getAccountData(PINNED_TYPE))); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 112 | } catch { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 113 | pinnedThreads.set({}); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 114 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 115 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 116 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 117 | export async function togglePinnedThread(roomId: string, rootEventId: string): Promise<void> { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 118 | const before = get(pinnedThreads); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 119 | const list = before[roomId] ?? []; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 120 | const nextList = list.includes(rootEventId) ? list.filter((id) => id !== rootEventId) : [...list, rootEventId]; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 121 | const next = { ...before, [roomId]: nextList }; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 122 | if (nextList.length === 0) delete next[roomId]; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 123 | pinnedThreads.set(next); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 124 | try { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 125 | await setAccountData(PINNED_TYPE, { rooms: next }); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 126 | } catch (e) { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 127 | pinnedThreads.set(before); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 128 | pushBanner(e instanceof Error ? e.message : 'Pinning the thread failed'); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 129 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 130 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 131 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 132 | let opened: OpenThread | null = null; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 133 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 134 | /** The room must already be open, since macltok builds thread timelines inside it. */ |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 135 | export async function showThread(target: OpenThread | null): Promise<void> { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 136 | const previous = opened; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 137 | opened = target; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 138 | openThread.set(target); |
4f91f89d99fa | atagen | 2026-10-25 10:47 UTC | 139 | if (previous && target && previous.room_id === target.room_id && previous.root_event_id === target.root_event_id) return; |
4f91f89d99fa | atagen | 2026-10-25 10:47 UTC | 140 | if (previous) runCommand({ op: 'close_thread', room_id: previous.room_id, root_event_id: previous.root_event_id }).catch(() => undefined); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 141 | if (!target) return; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 142 | try { |
4f91f89d99fa | atagen | 2026-10-25 10:47 UTC | 143 | await runCommand({ op: 'open_thread', room_id: target.room_id, root_event_id: target.root_event_id }); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 144 | } catch (e) { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 145 | if (opened === target) { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 146 | opened = null; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 147 | openThread.set(null); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 148 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 149 | pushBanner(e instanceof Error ? e.message : 'Opening the thread failed'); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 150 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 151 | } |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 152 | |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 153 | let account: string | null | undefined; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 154 | sessionUser.subscribe((user) => { |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 155 | if (user === account) return; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 156 | account = user; |
249e439c27e5 | atagen | 2026-10-25 13:26 UTC | 157 | openLists.clear(); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 158 | opened = null; |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 159 | openThread.set(null); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 160 | pinnedThreads.set({}); |
7ebc2472a9e3 | atagen | 2026-10-25 09:53 UTC | 161 | }); |