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
77
78
79
80
81
82
83
84
85
86
87
88
|
// Copyright Epic Games, Inc. All Rights Reserved.
"use strict";
import { ZenPage } from "./page.js"
import { Fetcher } from "../util/fetcher.js"
import { Friendly } from "../util/friendly.js"
////////////////////////////////////////////////////////////////////////////////
export class Page extends ZenPage
{
generate_crumbs() {}
async main()
{
this.set_title("build store");
// Build Store Stats
const stats_section = this.add_section("Build Store Stats");
stats_section.tag().classify("dropall").text("raw yaml \u2192").on_click(() => {
window.open("/stats/builds.yaml", "_blank");
});
this._stats_grid = stats_section.tag().classify("grid").classify("stats-tiles");
const stats = await new Fetcher().resource("stats", "builds").json();
if (stats)
{
this._render_stats(stats);
}
this.connect_stats_ws((all_stats) => {
const s = all_stats["builds"];
if (s)
{
this._render_stats(s);
}
});
}
_render_stats(stats)
{
const grid = this._stats_grid;
const safe = (obj, path) => path.split(".").reduce((a, b) => a && a[b], obj);
grid.inner().innerHTML = "";
// HTTP Requests tile
this._render_http_requests_tile(grid, safe(stats, "requests"), safe(stats, "store.badrequestcount") || 0);
// Build Store tile
{
const blobs = safe(stats, "store.blobs");
const metadata = safe(stats, "store.metadata");
if (blobs || metadata)
{
const tile = grid.tag().classify("card").classify("stats-tile");
tile.tag().classify("card-title").text("Build Store");
const columns = tile.tag().classify("tile-columns");
const left = columns.tag().classify("tile-metrics");
this._metric(left, Friendly.bytes(safe(stats, "store.size.disk") || 0), "disk", true);
if (blobs)
{
this._metric(left, Friendly.sep(blobs.count || 0), "blobs");
this._metric(left, Friendly.sep(blobs.readcount || 0), "blob reads");
this._metric(left, Friendly.sep(blobs.writecount || 0), "blob writes");
const blobHitRatio = (blobs.readcount || 0) > 0
? (((blobs.hitcount || 0) / blobs.readcount) * 100).toFixed(1) + "%"
: "-";
this._metric(left, blobHitRatio, "blob hit ratio");
}
const right = columns.tag().classify("tile-metrics");
if (metadata)
{
this._metric(right, Friendly.sep(metadata.count || 0), "metadata entries", true);
this._metric(right, Friendly.sep(metadata.readcount || 0), "meta reads");
this._metric(right, Friendly.sep(metadata.writecount || 0), "meta writes");
const metaHitRatio = (metadata.readcount || 0) > 0
? (((metadata.hitcount || 0) / metadata.readcount) * 100).toFixed(1) + "%"
: "-";
this._metric(right, metaHitRatio, "meta hit ratio");
}
}
}
}
}
|