source/client/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
56
57

import { get_query_params } from "./helper"
import { log } from "./logger"
import { Room } from "./room"

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

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


export var parameters = get_query_params()

window.onload = () => main()

export async function main() {    
    if (window.location.pathname.startsWith("/room/")) {
        const room_name = window.location.pathname.substr("/room/".length)
        let room = new Room(room_name)
        document.body.append(room.el)
    } else {
        document.body.append(create_start_screen())
    }
}

function create_start_screen() {
    const el = document.createElement("div")
    const header = document.createElement("h2")
    header.textContent = "keks meet"
    const para = document.createElement("p")
    para.textContent = "Hier kann man dann irgendwann mal sinnvollen text hinschreiben..."

    // const room_input_label = document.createElement("label")
    // room_input_label.textContent = "Room ID: "
    // room_input_label.htmlFor = "room-id-input"

    const room_input = document.createElement("input")
    room_input.type = "text"
    room_input.id = "room-id-input"
    room_input.placeholder = "room id "

    const submit = document.createElement("input")
    submit.type = "button"
    submit.addEventListener("click", () => {
        if (room_input.value.length == 0) room_input.value = Math.floor(Math.random() * 10000).toString(16).padStart(5, "0")
        window.location.pathname = `/room/${encodeURIComponent(room_input.value)}`
    })
    submit.value = "Join room"

    el.classList.add("start-box")
    el.append(header, para, room_input, document.createElement("br"), submit)
    return el
}