1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
import { e } from "./helper.ts";
import { PREFS, change_pref } from "./preferences/mod.ts";
import { crypto_hash } from "./protocol/crypto.ts";
import { SignalingConnection } from "./protocol/mod.ts";
interface Watch {
secret: string,
hash: string,
name: string,
user_count: number,
}
export function ui_room_watches(conn: SignalingConnection): HTMLElement {
const listing = e("div", { class: "room-watches-listing" })
const watches: Watch[] = []
const update_watches = () => (conn.send_control({ watch_rooms: watches.map(w => w.hash) }), update_listing());
const add_watch = async (secret: string) => watches.push({ name: secret.split("#")[0], secret, hash: await crypto_hash(secret), user_count: 0 })
const save_watches = () => change_pref("room_watches", JSON.stringify(watches.map(w => w.secret)))
const load_watches = async () => { for (const secret of JSON.parse(PREFS.room_watches)) { await add_watch(secret) } update_watches() }
conn.control_handler.add_listener(packet => {
if (packet.room_info) {
const w = watches.find(w => w.hash == packet.room_info!.hash)
w!.user_count = packet.room_info.user_count
update_listing()
}
})
const update_listing = () => {
listing.innerHTML = ""
for (const w of watches) {
const ucont = []
if (w.user_count > 0) ucont.push(e("div", {}))
if (w.user_count > 1) ucont.push(e("div", {}))
if (w.user_count > 2) ucont.push(e("div", {}))
if (w.user_count > 3) ucont.push(e("span", {}, `+${w.user_count - 3}`))
listing.append(e("li", {},
e("a", {
href: "#" + encodeURIComponent(w.secret),
class: w.secret == conn.room ? "current-room" : []
},
w.name,
e("div", { class: "users" }, ...ucont)
)
))
}
}
load_watches()
let input: HTMLInputElement;
return e("div", { class: "room-watches" },
e("h2", {}, "Known Rooms"),
listing,
e("div", { class: "room-watches-edit" },
e("label", {}, "Add room:", input = e("input", { type: "text" })),
e("button", {
async onclick(_e) {
await add_watch(input.value)
update_watches()
save_watches()
input.value = ""
}
}, "Add")
)
)
}
|
