broadcast stats WIP

[ornicar]

What is done:

• DB storage, recording and fetching stats of a tournament
• Empty stats page linked on the tournament page when viewing as a study member

To do:

• use chart.js to draw the viewers graph

On the stats page, the raw data is currently outputed with console.log.

It looks like this, should you need fixture data:

{ "points": [ [ 1718453040, 1 ], [ 1718453100, 1 ], [ 1718453160, 2 ], [ 1718453220, 5 ], [ 1718453280, 19 ], [ 1718453340, 100 ], [ 1718453640, 150 ], [ 1718453700, 579 ], [ 1718453760, 1200 ], [ 1718453820, 1120 ], [ 1718453880, 1099 ], [ 1718453940, 800 ], [ 1718454000, 5 ], [ 1718454060, 0 ], [ 1718454240, 4 ], [ 1718454300, 4 ], ] }

The first number 1718454300 is a timestamp in seconds. The second number 4 is the number of viewers at that moment.
There is one data point per minute. Data points are missing when the number of viewers is zero.

There are several usage examples of chart.js within the lila codebase.

[allanjoseph98]

Will do. Instead of having one long [number, number][] can we have

interface RoundStats = {
roundName: string,
spectators: [number, number][]
}[]

To differentiate between rounds in quick succession (say an Armageddon round immediately after a classical).

Vision is to have a rounds dropdown selector and view a separate graph per round instead of one long disjoint one.

[ornicar]

{
    "rounds": [
        {
            "round": {
                "id": "zfJOb9Cd",
                "name": "Round 1",
                "slug": "round-1",
                "createdAt": 1718451846258,
                "ongoing": true,
                "startsAt": 1718543400000
            },
            "viewers": [
                [ 1718561220, 1 ],
                [ 1718561280, 1 ],
                [ 1718561340, 1 ],
                [ 1718561400, 1 ],