aboutsummaryrefslogtreecommitdiff
path: root/client-web/source/index.ts
blob: 852e48f51cb9e4a6d510994410635a47a0279eab (plain)
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
70
71
72
73
74
75
76
/*
    This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
    which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
    Copyright (C) 2022 metamuffin <metamuffin@disroot.org>
*/
/// <reference lib="dom" />

import { init_serviceworker } from "./sw/init.ts";
import { esection, OVERLAYS } from "./helper.ts";
import { setup_keybinds } from "./keybinds.ts";
import { log, LOGGER_CONTAINER } from "./logger.ts"
import { BottomMenu, MenuBr } from "./menu.ts";
import { load_params, PREFS } from "./preferences/mod.ts";
import { SignalingConnection } from "./protocol/mod.ts";
import { Room } from "./room.ts"

export const VERSION = "0.1.12"
export const ROOM_CONTAINER = esection({ class: "room", aria_label: "user list" })

export const RTC_CONFIG: RTCConfiguration = {
    iceServers: [
        {
            urls: [
                "turn:meet.metamuffin.org:16900",
                "stun:meet.metamuffin.org:16900"
            ],
            username: "keksmeet",
            credential: "ujCmetg6bm0"
        },
    ],
    iceCandidatePoolSize: 10,
}

export interface User {
    peer: RTCPeerConnection
    stream: MediaStream,
}

window.onload = () => main()
window.onhashchange = () => {
    // TODO might just destroy room object and create a new one, but cleanup probably wont work. lets reload instead
    window.location.reload()
}
window.onbeforeunload = ev => {
    if (r.local_user.resources.size != 0 && PREFS.enable_onbeforeunload) {
        ev.preventDefault()
        return ev.returnValue = "You have local resources shared. Really quit?"
    }
}

let r: Room;
export async function main() {
    log("*", "starting up")
    document.body.innerHTML = "" // remove existing elements
    const room_name = load_params().rname

    if (!globalThis.RTCPeerConnection) return log({ scope: "webrtc", error: true }, "WebRTC not supported.")
    if (!globalThis.isSecureContext) log({ scope: "*", warn: true }, "This page is not in a 'Secure Context'")
    if (!globalThis.crypto.subtle) return log({ scope: "crypto", error: true }, "SubtleCrypto not availible")
    if (!globalThis.navigator.serviceWorker) log({ scope: "*", warn: true }, "Your browser does not support the Service Worker API, some features dont work without it.")
    if (room_name.length < 8) log({ scope: "crypto", warn: true }, "Room name is very short. e2ee is insecure!")
    if (room_name.length == 0) return window.location.href = "/" // send them back to the start page
    if (PREFS.warn_redirect) log({ scope: "crypto", warn: true }, "You were redirected from the old URL format. The server knows the room name now - e2ee is insecure!")

    const conn = await (new SignalingConnection().connect(room_name))
    r = new Room(conn)

    setup_keybinds(r)
    r.on_ready = () => {
        new BottomMenu(r)
        new MenuBr()
    }
    document.body.append(ROOM_CONTAINER, OVERLAYS, LOGGER_CONTAINER)

    if (globalThis.navigator.serviceWorker) init_serviceworker()
}