client-web/source/index.ts


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

/// <reference lib="dom" />

import { get_query_params } from "./helper.ts"
import { log } from "./logger.ts"
import { create_menu } from "./menu.ts";
import { Room } from "./room.ts"

export const servers: RTCConfiguration = {
    iceServers: [{ urls: ["stun:stun1.l.google.com:19302", "stun:stun2.l.google.com:19302"] }],
    iceCandidatePoolSize: 10,
}

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

export const parameters = get_query_params()

window.onload = () => main()

export function main() {
    document.body.querySelector("p")?.remove()
    log("*", "starting up")
    if (window.location.pathname.startsWith("/room/")) {
        const room_name = window.location.pathname.substring("/room/".length)
        const room = new Room(room_name)
        create_menu(room)
        document.body.append(room.el)
    } else {
        create_menu()
        document.body.append(create_start_screen())
    }
}

function create_start_screen() {
    const with_text_content = (a: string) => (b: string) => {
        const e = document.createElement(a)
        e.textContent = b
        return e
    }
    const p = with_text_content("p")
    const h2 = with_text_content("h2")

    const el = document.createElement("div")
    el.append(
        h2("keks-meet"),
        p("A web conferencing application using webrtc"),
        p("keks-meet is free software! It is licenced under the terms of the third version of the GNU Affero General Public Licence only."),
        p("To get started, just enter a unique idenfier, click 'Join', then share the URL with your partner.")
    )


    return el
}