summaryrefslogtreecommitdiff
path: root/client-web/source/logger.ts
blob: 8ff4cabf2e465a9860b5da7d9f50c360e9def588 (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
/*
    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) 2023 metamuffin <metamuffin.org>
*/
/// <reference lib="dom" />

import { e } from "./helper.ts";

export const LOGGER_CONTAINER = e("div", { class: "logger-container", role: "log", aria_live: "off" })

const log_scope_color = {
    "*": "#ff4a7c",
    crypto: "#c14aff",
    webrtc: "#ff4ade",
    ws: "#544aff",
    media: "#4af5ff",
    rnnoise: "#4aff7e",
    sw: "#4aff7e",
    users: "#a6ff4a",
    dc: "#4af5ff",
}

export type LogScope = keyof typeof log_scope_color
export interface LogDesc { scope: LogScope, error?: boolean, warn?: boolean }

export function log(k: LogScope | LogDesc, message: string, ...data: unknown[]) {
    for (let i = 0; i < data.length; i++) {
        const e = data[i];
        if (e instanceof MediaStreamTrack) data[i] = `(${e.kind}) ${e.id}`
    }
    let d: LogDesc
    if (typeof k == "string") d = { scope: k }
    else d = k;

    (d.error ? console.error : d.warn ? console.warn : console.log)(`%c[${d.scope}] ${message}`, `color:${log_scope_color[d.scope]}`, ...data);

    if (LOGGER_CONTAINER) {
        const e = document.createElement("p")
        e.classList.add("logger-line")
        if (d.error) e.classList.add("logger-error")
        else if (d.warn) e.classList.add("logger-warn")
        else e.style.color = log_scope_color[d.scope]
        e.textContent = `[${d.scope}] ${message}`
        LOGGER_CONTAINER.append(e)
        setTimeout(() => {
            e.classList.add("logger-line-disappear")
            setTimeout(() => {
                e.remove()
            }, 1000 + 500)
        }, (d.error || d.warn) ? 30000 : 3000)
    }
}

globalThis.addEventListener("load", () => {
    // clear the console every hour so logs dont accumulate
    setInterval(() => console.clear(), 1000 * 60 * 60)
})

globalThis.onerror = (_ev, source, line, col, err) => {
    log({ scope: "*", error: true }, `${err?.name} ${err?.message}`, err)
    log({ scope: "*", error: true }, `on ${source}:${line}:${col}`, err)
}