@calltelemetry/cli 0.4.22 → 0.4.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commands/config.d.ts.map +1 -1
- package/dist/commands/config.js +42 -0
- package/dist/commands/config.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/lib/loadtest-stats.d.ts +36 -5
- package/dist/lib/loadtest-stats.d.ts.map +1 -1
- package/dist/lib/loadtest-stats.js +32 -2
- package/dist/lib/loadtest-stats.js.map +1 -1
- package/dist/lib/loadtest.d.ts.map +1 -1
- package/dist/lib/loadtest.js +38 -4
- package/dist/lib/loadtest.js.map +1 -1
- package/dist/lib/otel.d.ts +15 -0
- package/dist/lib/otel.d.ts.map +1 -0
- package/dist/lib/otel.js +50 -0
- package/dist/lib/otel.js.map +1 -0
- package/dist/lib/prefs.d.ts +1 -0
- package/dist/lib/prefs.d.ts.map +1 -1
- package/dist/lib/prefs.js +1 -1
- package/dist/lib/prefs.js.map +1 -1
- package/dist/lib/update-steps.d.ts.map +1 -1
- package/dist/lib/update-steps.js +12 -1
- package/dist/lib/update-steps.js.map +1 -1
- package/dist/lib/update.d.ts +2 -0
- package/dist/lib/update.d.ts.map +1 -1
- package/dist/lib/update.js +10 -0
- package/dist/lib/update.js.map +1 -1
- package/dist/ui/components/BrailleChart.d.ts +23 -0
- package/dist/ui/components/BrailleChart.d.ts.map +1 -0
- package/dist/ui/components/BrailleChart.js +94 -0
- package/dist/ui/components/BrailleChart.js.map +1 -0
- package/dist/ui/components/Histogram.d.ts +12 -0
- package/dist/ui/components/Histogram.d.ts.map +1 -0
- package/dist/ui/components/Histogram.js +42 -0
- package/dist/ui/components/Histogram.js.map +1 -0
- package/dist/ui/components/LineChart.d.ts +17 -0
- package/dist/ui/components/LineChart.d.ts.map +1 -0
- package/dist/ui/components/LineChart.js +47 -0
- package/dist/ui/components/LineChart.js.map +1 -0
- package/dist/ui/components/Sparkline.d.ts +3 -1
- package/dist/ui/components/Sparkline.d.ts.map +1 -1
- package/dist/ui/components/Sparkline.js +14 -2
- package/dist/ui/components/Sparkline.js.map +1 -1
- package/dist/ui/components/StatusCodeBar.d.ts +10 -0
- package/dist/ui/components/StatusCodeBar.d.ts.map +1 -0
- package/dist/ui/components/StatusCodeBar.js +38 -0
- package/dist/ui/components/StatusCodeBar.js.map +1 -0
- package/dist/ui/components/index.d.ts +4 -0
- package/dist/ui/components/index.d.ts.map +1 -1
- package/dist/ui/components/index.js +4 -0
- package/dist/ui/components/index.js.map +1 -1
- package/dist/ui/views/LoadTestRunView.d.ts.map +1 -1
- package/dist/ui/views/LoadTestRunView.js +12 -23
- package/dist/ui/views/LoadTestRunView.js.map +1 -1
- package/dist/ui/views/LoadTestSummaryView.d.ts.map +1 -1
- package/dist/ui/views/LoadTestSummaryView.js +11 -36
- package/dist/ui/views/LoadTestSummaryView.js.map +1 -1
- package/dist/ui/views/MainMenu.js +1 -1
- package/dist/ui/views/MainMenu.js.map +1 -1
- package/dist/ui/views/SettingsView.d.ts.map +1 -1
- package/dist/ui/views/SettingsView.js +23 -0
- package/dist/ui/views/SettingsView.js.map +1 -1
- package/package.json +3 -1
package/dist/lib/update.js
CHANGED
|
@@ -7,6 +7,7 @@ import { setPostgresVersion } from './postgres.js';
|
|
|
7
7
|
import { exec } from './exec.js';
|
|
8
8
|
import { debug } from './log.js';
|
|
9
9
|
import { enableIpv6 } from './ipv6.js';
|
|
10
|
+
import { enableOtel } from './otel.js';
|
|
10
11
|
import { getPrefs } from './prefs.js';
|
|
11
12
|
import { readEnvKeys } from './env.js';
|
|
12
13
|
/** Get current deployed version from .env (preferred) or docker-compose.yml (legacy) */
|
|
@@ -91,6 +92,15 @@ export async function applyIpv6IfEnabled() {
|
|
|
91
92
|
}
|
|
92
93
|
return false;
|
|
93
94
|
}
|
|
95
|
+
/** Re-apply OpenTelemetry config if the user preference is enabled */
|
|
96
|
+
export async function applyOtelIfEnabled() {
|
|
97
|
+
const prefs = getPrefs();
|
|
98
|
+
if (prefs.otel) {
|
|
99
|
+
await enableOtel();
|
|
100
|
+
return true;
|
|
101
|
+
}
|
|
102
|
+
return false;
|
|
103
|
+
}
|
|
94
104
|
/** Pull images from a compose file (piped, no stdout inherit) */
|
|
95
105
|
export async function pullImages(composeFilePath) {
|
|
96
106
|
const { extractImages } = await import('./bundle.js');
|
package/dist/lib/update.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"update.js","sourceRoot":"","sources":["../../src/lib/update.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"update.js","sourceRoot":"","sources":["../../src/lib/update.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
interface BrailleChartProps {
|
|
2
|
+
/** Array of numeric values to plot. */
|
|
3
|
+
data: number[];
|
|
4
|
+
/** Chart width in characters. Default 40. */
|
|
5
|
+
width?: number;
|
|
6
|
+
/** Chart height in rows. Default 5. */
|
|
7
|
+
height?: number;
|
|
8
|
+
/** Label shown above the chart. */
|
|
9
|
+
label?: string;
|
|
10
|
+
/** Right-side detail text. */
|
|
11
|
+
detail?: string;
|
|
12
|
+
/** Chart color. Default 'cyan'. */
|
|
13
|
+
color?: string;
|
|
14
|
+
/** Show Y-axis scale labels. Default true. */
|
|
15
|
+
showAxis?: boolean;
|
|
16
|
+
/** Force minimum Y value. */
|
|
17
|
+
min?: number;
|
|
18
|
+
/** Force maximum Y value. */
|
|
19
|
+
max?: number;
|
|
20
|
+
}
|
|
21
|
+
export declare function BrailleChart({ data, width, height, label, detail, color, showAxis, min: forceMin, max: forceMax, }: BrailleChartProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=BrailleChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrailleChart.d.ts","sourceRoot":"","sources":["../../../src/ui/components/BrailleChart.tsx"],"names":[],"mappings":"AAmBA,UAAU,iBAAiB;IACzB,uCAAuC;IACvC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAU,EACV,MAAU,EACV,KAAK,EACL,MAAM,EACN,KAAc,EACd,QAAe,EACf,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,GACd,EAAE,iBAAiB,2CAwGnB"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text } from 'ink';
|
|
3
|
+
/**
|
|
4
|
+
* Braille dot encoding for high-resolution terminal charts.
|
|
5
|
+
* Each character cell is a 2-wide x 4-tall dot grid (U+2800-U+28FF).
|
|
6
|
+
* Left column bits: [0,1,2,6], Right column bits: [3,4,5,7]
|
|
7
|
+
*/
|
|
8
|
+
const LEFT_BITS = [0, 1, 2, 6];
|
|
9
|
+
const RIGHT_BITS = [3, 4, 5, 7];
|
|
10
|
+
function encodeBraille(grid) {
|
|
11
|
+
let code = 0x2800;
|
|
12
|
+
for (let row = 0; row < 4; row++) {
|
|
13
|
+
if (grid[row]?.[0])
|
|
14
|
+
code |= (1 << LEFT_BITS[row]);
|
|
15
|
+
if (grid[row]?.[1])
|
|
16
|
+
code |= (1 << RIGHT_BITS[row]);
|
|
17
|
+
}
|
|
18
|
+
return String.fromCodePoint(code);
|
|
19
|
+
}
|
|
20
|
+
export function BrailleChart({ data, width = 40, height = 5, label, detail, color = 'cyan', showAxis = true, min: forceMin, max: forceMax, }) {
|
|
21
|
+
if (data.length === 0) {
|
|
22
|
+
return (_jsxs(Box, { flexDirection: "column", children: [label && (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: label }), detail && _jsx(Text, { dimColor: true, children: ` ${detail}` })] })), _jsx(Text, { dimColor: true, children: " No data" })] }));
|
|
23
|
+
}
|
|
24
|
+
// Each character column represents 2 horizontal dots, so we can fit width*2 data points.
|
|
25
|
+
// Take the last width*2 data points (or pad with first value if shorter).
|
|
26
|
+
const maxPoints = width * 2;
|
|
27
|
+
const visible = data.length > maxPoints ? data.slice(-maxPoints) : data;
|
|
28
|
+
const fillValue = visible[0] ?? 0;
|
|
29
|
+
const padded = visible.length < maxPoints
|
|
30
|
+
? [...Array(maxPoints - visible.length).fill(fillValue), ...visible]
|
|
31
|
+
: visible;
|
|
32
|
+
// Compute Y range
|
|
33
|
+
const dataMin = Math.min(...padded);
|
|
34
|
+
const dataMax = Math.max(...padded);
|
|
35
|
+
const yMin = forceMin ?? dataMin;
|
|
36
|
+
const yMax = forceMax ?? (dataMax === dataMin ? dataMax + 1 : dataMax);
|
|
37
|
+
const yRange = yMax - yMin;
|
|
38
|
+
// Canvas: height*4 vertical dots, width*2 horizontal dots
|
|
39
|
+
const canvasHeight = height * 4;
|
|
40
|
+
// Map data to Y positions (0 = bottom, canvasHeight-1 = top)
|
|
41
|
+
const yPositions = padded.map(v => {
|
|
42
|
+
const normalized = (v - yMin) / yRange;
|
|
43
|
+
return Math.round(normalized * (canvasHeight - 1));
|
|
44
|
+
});
|
|
45
|
+
// Build canvas: canvas[row][col] where row 0 = top
|
|
46
|
+
const canvas = Array.from({ length: canvasHeight }, () => Array(maxPoints).fill(false));
|
|
47
|
+
// Fill-area style: fill all dots at or below the data point
|
|
48
|
+
for (let x = 0; x < maxPoints; x++) {
|
|
49
|
+
const yPos = yPositions[x];
|
|
50
|
+
// yPos is from bottom; row index from top = canvasHeight - 1 - yPos
|
|
51
|
+
for (let y = 0; y <= yPos; y++) {
|
|
52
|
+
const row = canvasHeight - 1 - y;
|
|
53
|
+
canvas[row][x] = true;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
// Encode canvas into braille characters
|
|
57
|
+
const rows = [];
|
|
58
|
+
for (let rowGroup = 0; rowGroup < height; rowGroup++) {
|
|
59
|
+
let line = '';
|
|
60
|
+
for (let col = 0; col < width; col++) {
|
|
61
|
+
const grid = [];
|
|
62
|
+
for (let dr = 0; dr < 4; dr++) {
|
|
63
|
+
const canvasRow = rowGroup * 4 + dr;
|
|
64
|
+
grid.push([
|
|
65
|
+
canvas[canvasRow]?.[col * 2] ?? false,
|
|
66
|
+
canvas[canvasRow]?.[col * 2 + 1] ?? false,
|
|
67
|
+
]);
|
|
68
|
+
}
|
|
69
|
+
line += encodeBraille(grid);
|
|
70
|
+
}
|
|
71
|
+
rows.push(line);
|
|
72
|
+
}
|
|
73
|
+
// Y-axis labels (show at top, middle, bottom)
|
|
74
|
+
const axisWidth = showAxis ? 6 : 0;
|
|
75
|
+
const axisLabels = new Map();
|
|
76
|
+
if (showAxis) {
|
|
77
|
+
axisLabels.set(0, formatAxisLabel(yMax));
|
|
78
|
+
axisLabels.set(Math.floor(height / 2), formatAxisLabel((yMax + yMin) / 2));
|
|
79
|
+
axisLabels.set(height - 1, formatAxisLabel(yMin));
|
|
80
|
+
}
|
|
81
|
+
return (_jsxs(Box, { flexDirection: "column", children: [label && (_jsxs(Box, { children: [showAxis && _jsx(Text, { children: ' '.repeat(axisWidth) }), _jsx(Text, { bold: true, children: label }), detail && _jsx(Text, { dimColor: true, children: ` ${detail}` })] })), rows.map((row, i) => (_jsxs(Box, { children: [showAxis && (_jsxs(Text, { dimColor: true, children: [(axisLabels.get(i) ?? '').padStart(axisWidth - 1), '┤'] })), _jsx(Text, { color: color, children: row })] }, i)))] }));
|
|
82
|
+
}
|
|
83
|
+
function formatAxisLabel(value) {
|
|
84
|
+
if (value >= 1000)
|
|
85
|
+
return `${(value / 1000).toFixed(0)}k`;
|
|
86
|
+
if (value >= 100)
|
|
87
|
+
return `${Math.round(value)}`;
|
|
88
|
+
if (value >= 10)
|
|
89
|
+
return `${value.toFixed(0)}`;
|
|
90
|
+
if (value >= 1)
|
|
91
|
+
return `${value.toFixed(1)}`;
|
|
92
|
+
return `${value.toFixed(2)}`;
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=BrailleChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrailleChart.js","sourceRoot":"","sources":["../../../src/ui/components/BrailleChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { LatencyBucket } from '../../lib/loadtest-stats.js';
|
|
2
|
+
interface HistogramProps {
|
|
3
|
+
/** Latency distribution buckets. */
|
|
4
|
+
buckets: LatencyBucket[];
|
|
5
|
+
/** Maximum width for bars in characters. Default 30. */
|
|
6
|
+
width?: number;
|
|
7
|
+
/** Only show buckets with count > 0. Default true. */
|
|
8
|
+
hideEmpty?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function Histogram({ buckets, width, hideEmpty }: HistogramProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Histogram.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Histogram.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Histogram.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAKjE,UAAU,cAAc;IACtB,oCAAoC;IACpC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAaD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAU,EAAE,SAAgB,EAAE,EAAE,cAAc,2CA2ClF"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text } from 'ink';
|
|
3
|
+
/** Fractional block characters for sub-character precision (1/8 to 8/8). */
|
|
4
|
+
const FRACTIONAL_BLOCKS = ['▏', '▎', '▍', '▌', '▋', '▊', '▉', '█'];
|
|
5
|
+
function barColor(bucketIndex, totalBuckets) {
|
|
6
|
+
const ratio = bucketIndex / (totalBuckets - 1);
|
|
7
|
+
if (ratio < 0.33)
|
|
8
|
+
return 'green';
|
|
9
|
+
if (ratio < 0.66)
|
|
10
|
+
return 'yellow';
|
|
11
|
+
return 'red';
|
|
12
|
+
}
|
|
13
|
+
function formatCount(n) {
|
|
14
|
+
return n.toLocaleString('en-US');
|
|
15
|
+
}
|
|
16
|
+
export function Histogram({ buckets, width = 30, hideEmpty = true }) {
|
|
17
|
+
const visible = hideEmpty ? buckets.filter(b => b.count > 0) : buckets;
|
|
18
|
+
if (visible.length === 0) {
|
|
19
|
+
return _jsx(Text, { dimColor: true, children: " No latency data" });
|
|
20
|
+
}
|
|
21
|
+
const maxCount = Math.max(...visible.map(b => b.count));
|
|
22
|
+
const totalCount = visible.reduce((sum, b) => sum + b.count, 0);
|
|
23
|
+
const maxLabel = Math.max(...visible.map(b => b.label.length));
|
|
24
|
+
const maxCountStr = formatCount(maxCount).length;
|
|
25
|
+
return (_jsx(Box, { flexDirection: "column", children: visible.map((bucket, i) => {
|
|
26
|
+
// Compute bar width with fractional block precision
|
|
27
|
+
const ratio = maxCount > 0 ? bucket.count / maxCount : 0;
|
|
28
|
+
const fullWidth = ratio * width;
|
|
29
|
+
const fullBlocks = Math.floor(fullWidth);
|
|
30
|
+
const fraction = fullWidth - fullBlocks;
|
|
31
|
+
const fracIdx = Math.round(fraction * (FRACTIONAL_BLOCKS.length - 1));
|
|
32
|
+
const bar = '█'.repeat(fullBlocks)
|
|
33
|
+
+ (fracIdx > 0 && fullBlocks < width ? FRACTIONAL_BLOCKS[fracIdx - 1] : '');
|
|
34
|
+
const pct = totalCount > 0 ? (bucket.count / totalCount) * 100 : 0;
|
|
35
|
+
const pctStr = pct >= 1 ? `${pct.toFixed(0)}%` : pct > 0 ? '<1%' : '0%';
|
|
36
|
+
// Find the original bucket index for color coding
|
|
37
|
+
const origIdx = buckets.findIndex(b => b.label === bucket.label);
|
|
38
|
+
const color = barColor(origIdx >= 0 ? origIdx : i, buckets.length);
|
|
39
|
+
return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: [bucket.label.padStart(maxLabel), " "] }), _jsx(Text, { color: color, children: bar.padEnd(width) }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, children: formatCount(bucket.count).padStart(maxCountStr) }), _jsx(Text, { dimColor: true, children: ` ${pctStr.padStart(4)}` })] }, bucket.label));
|
|
40
|
+
}) }));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=Histogram.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Histogram.js","sourceRoot":"","sources":["../../../src/ui/components/Histogram.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
interface SeriesConfig {
|
|
2
|
+
data: number[];
|
|
3
|
+
label?: string;
|
|
4
|
+
}
|
|
5
|
+
interface LineChartProps {
|
|
6
|
+
/** One or more data series to plot. */
|
|
7
|
+
series: SeriesConfig[];
|
|
8
|
+
/** Chart width in characters. Auto-fit if not specified. */
|
|
9
|
+
width?: number;
|
|
10
|
+
/** Chart height in rows. Default 6. */
|
|
11
|
+
height?: number;
|
|
12
|
+
/** Title shown above the chart. */
|
|
13
|
+
title?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function LineChart({ series, width, height, title }: LineChartProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/ui/components/LineChart.tsx"],"names":[],"mappings":"AAiBA,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,uCAAuC;IACvC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAU,EAAE,KAAK,EAAE,EAAE,cAAc,2CA+C7E"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createRequire } from 'module';
|
|
3
|
+
import { Box, Text } from 'ink';
|
|
4
|
+
// asciichart is CJS — use createRequire for ESM compatibility
|
|
5
|
+
const require = createRequire(import.meta.url);
|
|
6
|
+
const asciichart = require('asciichart');
|
|
7
|
+
/** ANSI color codes for chart series. */
|
|
8
|
+
const SERIES_COLORS = [
|
|
9
|
+
asciichart.cyan,
|
|
10
|
+
asciichart.yellow,
|
|
11
|
+
asciichart.red,
|
|
12
|
+
asciichart.green,
|
|
13
|
+
asciichart.magenta,
|
|
14
|
+
asciichart.blue,
|
|
15
|
+
];
|
|
16
|
+
export function LineChart({ series, width, height = 6, title }) {
|
|
17
|
+
const validSeries = series.filter(s => s.data.length > 0);
|
|
18
|
+
if (validSeries.length === 0) {
|
|
19
|
+
return (_jsxs(Box, { flexDirection: "column", children: [title && _jsx(Text, { bold: true, children: title }), _jsx(Text, { dimColor: true, children: " No data" })] }));
|
|
20
|
+
}
|
|
21
|
+
// If width specified, trim/pad series data to fit
|
|
22
|
+
const plotData = validSeries.map(s => {
|
|
23
|
+
if (width && s.data.length > width) {
|
|
24
|
+
return s.data.slice(-width);
|
|
25
|
+
}
|
|
26
|
+
return s.data;
|
|
27
|
+
});
|
|
28
|
+
const colors = validSeries.map((_, i) => SERIES_COLORS[i % SERIES_COLORS.length]);
|
|
29
|
+
const chart = asciichart.plot(plotData.length === 1 ? plotData[0] : plotData, {
|
|
30
|
+
height,
|
|
31
|
+
colors: plotData.length === 1 ? undefined : colors,
|
|
32
|
+
format: (x) => formatAxisValue(x),
|
|
33
|
+
});
|
|
34
|
+
// Build legend for multi-series
|
|
35
|
+
const legend = validSeries.length > 1
|
|
36
|
+
? validSeries.map(s => s.label).filter(Boolean).join(' / ')
|
|
37
|
+
: null;
|
|
38
|
+
return (_jsxs(Box, { flexDirection: "column", children: [title && (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: title }), legend && _jsx(Text, { dimColor: true, children: ` (${legend})` })] })), _jsx(Text, { children: chart })] }));
|
|
39
|
+
}
|
|
40
|
+
function formatAxisValue(value) {
|
|
41
|
+
const s = value >= 1000 ? `${(value / 1000).toFixed(0)}k`
|
|
42
|
+
: value >= 100 ? `${Math.round(value)}`
|
|
43
|
+
: value >= 1 ? `${value.toFixed(1)}`
|
|
44
|
+
: `${value.toFixed(2)}`;
|
|
45
|
+
return s.padStart(7);
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=LineChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../src/ui/components/LineChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,9 @@ interface SparklineProps {
|
|
|
9
9
|
detail?: string;
|
|
10
10
|
/** Sparkline color. Default 'cyan'. */
|
|
11
11
|
color?: string;
|
|
12
|
+
/** Show min↓ max↑ annotations after the sparkline. Default false. */
|
|
13
|
+
showMinMax?: boolean;
|
|
12
14
|
}
|
|
13
|
-
export declare function Sparkline({ data, width, label, detail, color }: SparklineProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function Sparkline({ data, width, label, detail, color, showMinMax }: SparklineProps): import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export {};
|
|
15
17
|
//# sourceMappingURL=Sparkline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Sparkline.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Sparkline.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAc,EAAE,UAAkB,EAAE,EAAE,cAAc,2CA8BhH"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Text } from 'ink';
|
|
3
3
|
const BLOCKS = ['▁', '▂', '▃', '▄', '▅', '▆', '▇', '█'];
|
|
4
|
-
export function Sparkline({ data, width = 24, label, detail, color = 'cyan' }) {
|
|
4
|
+
export function Sparkline({ data, width = 24, label, detail, color = 'cyan', showMinMax = false }) {
|
|
5
5
|
// Take last `width` data points; pad with first value (not zero) if shorter
|
|
6
6
|
const visible = data.length > width ? data.slice(-width) : data;
|
|
7
7
|
const fillValue = visible.length > 0 ? visible[0] : 0;
|
|
@@ -17,6 +17,18 @@ export function Sparkline({ data, width = 24, label, detail, color = 'cyan' }) {
|
|
|
17
17
|
const idx = Math.round(((v - min) / range) * (BLOCKS.length - 1));
|
|
18
18
|
return BLOCKS[Math.min(idx, BLOCKS.length - 1)];
|
|
19
19
|
}).join('');
|
|
20
|
-
|
|
20
|
+
const minMaxText = showMinMax && data.length > 1
|
|
21
|
+
? ` ${formatCompact(min)}↓ ${formatCompact(max)}↑`
|
|
22
|
+
: '';
|
|
23
|
+
return (_jsxs(Box, { children: [label && _jsx(Text, { bold: true, children: label.padEnd(11) }), _jsx(Text, { color: color, children: bars }), minMaxText && _jsx(Text, { dimColor: true, children: minMaxText }), detail && _jsx(Text, { dimColor: true, children: ` ${detail}` })] }));
|
|
24
|
+
}
|
|
25
|
+
function formatCompact(n) {
|
|
26
|
+
if (n >= 1000)
|
|
27
|
+
return `${(n / 1000).toFixed(0)}k`;
|
|
28
|
+
if (n >= 100)
|
|
29
|
+
return `${Math.round(n)}`;
|
|
30
|
+
if (n >= 1)
|
|
31
|
+
return `${n.toFixed(1)}`;
|
|
32
|
+
return `${n.toFixed(2)}`;
|
|
21
33
|
}
|
|
22
34
|
//# sourceMappingURL=Sparkline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/ui/components/Sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/ui/components/Sparkline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { StatusCodeCounts } from '../../lib/loadtest-stats.js';
|
|
2
|
+
interface StatusCodeBarProps {
|
|
3
|
+
statusCodes: StatusCodeCounts;
|
|
4
|
+
totalRequests: number;
|
|
5
|
+
/** Bar width in characters. Default 40. */
|
|
6
|
+
width?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function StatusCodeBar({ statusCodes, totalRequests, width }: StatusCodeBarProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=StatusCodeBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusCodeBar.d.ts","sourceRoot":"","sources":["../../../src/ui/components/StatusCodeBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,UAAU,kBAAkB;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,KAAU,EAAE,EAAE,kBAAkB,2CA2D3F"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text } from 'ink';
|
|
3
|
+
export function StatusCodeBar({ statusCodes, totalRequests, width = 40 }) {
|
|
4
|
+
if (totalRequests === 0) {
|
|
5
|
+
return _jsx(Text, { dimColor: true, children: " No requests" });
|
|
6
|
+
}
|
|
7
|
+
const segments = [
|
|
8
|
+
{ label: '2xx', count: statusCodes['2xx'], color: 'green' },
|
|
9
|
+
{ label: '3xx', count: statusCodes['3xx'], color: 'blue' },
|
|
10
|
+
{ label: '4xx', count: statusCodes['4xx'], color: 'yellow' },
|
|
11
|
+
{ label: '5xx', count: statusCodes['5xx'], color: 'red' },
|
|
12
|
+
{ label: '1xx', count: statusCodes['1xx'], color: 'gray' },
|
|
13
|
+
].filter(s => s.count > 0);
|
|
14
|
+
// Build proportional bar
|
|
15
|
+
const barParts = [];
|
|
16
|
+
let usedWidth = 0;
|
|
17
|
+
for (let i = 0; i < segments.length; i++) {
|
|
18
|
+
const segment = segments[i];
|
|
19
|
+
const ratio = segment.count / totalRequests;
|
|
20
|
+
// Last segment gets remainder to avoid rounding gaps
|
|
21
|
+
const segWidth = i === segments.length - 1
|
|
22
|
+
? width - usedWidth
|
|
23
|
+
: Math.max(1, Math.round(ratio * width));
|
|
24
|
+
for (let j = 0; j < segWidth && usedWidth < width; j++) {
|
|
25
|
+
barParts.push({ char: '█', color: segment.color });
|
|
26
|
+
usedWidth++;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
// Build legend text
|
|
30
|
+
const legend = segments
|
|
31
|
+
.map(s => {
|
|
32
|
+
const pct = ((s.count / totalRequests) * 100).toFixed(1);
|
|
33
|
+
return `${s.label}:${pct}%`;
|
|
34
|
+
})
|
|
35
|
+
.join(' ');
|
|
36
|
+
return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: ' HTTP ' }), barParts.map((part, i) => (_jsx(Text, { color: part.color, children: part.char }, i)))] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: ' ' }), segments.map((s, i) => (_jsxs(Text, { children: [_jsx(Text, { color: s.color, children: s.label }), _jsx(Text, { dimColor: true, children: `:${((s.count / totalRequests) * 100).toFixed(1)}%` }), i < segments.length - 1 && _jsx(Text, { dimColor: true, children: ' ' })] }, s.label)))] })] }));
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=StatusCodeBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusCodeBar.js","sourceRoot":"","sources":["../../../src/ui/components/StatusCodeBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,4 +20,8 @@ export { ErrorBoundary } from './ErrorBoundary.js';
|
|
|
20
20
|
export { TabBar } from './TabBar.js';
|
|
21
21
|
export type { Tab } from './TabBar.js';
|
|
22
22
|
export { Sparkline } from './Sparkline.js';
|
|
23
|
+
export { BrailleChart } from './BrailleChart.js';
|
|
24
|
+
export { Histogram } from './Histogram.js';
|
|
25
|
+
export { StatusCodeBar } from './StatusCodeBar.js';
|
|
26
|
+
export { LineChart } from './LineChart.js';
|
|
23
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -18,4 +18,8 @@ export { LogLevelBadge } from './LogLevelBadge.js';
|
|
|
18
18
|
export { ErrorBoundary } from './ErrorBoundary.js';
|
|
19
19
|
export { TabBar } from './TabBar.js';
|
|
20
20
|
export { Sparkline } from './Sparkline.js';
|
|
21
|
+
export { BrailleChart } from './BrailleChart.js';
|
|
22
|
+
export { Histogram } from './Histogram.js';
|
|
23
|
+
export { StatusCodeBar } from './StatusCodeBar.js';
|
|
24
|
+
export { LineChart } from './LineChart.js';
|
|
21
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadTestRunView.d.ts","sourceRoot":"","sources":["../../../src/ui/views/LoadTestRunView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,UAAU,oBAAoB;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"LoadTestRunView.d.ts","sourceRoot":"","sources":["../../../src/ui/views/LoadTestRunView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,UAAU,oBAAoB;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAaD,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgOvF"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
3
|
import { Box, Text, useInput } from 'ink';
|
|
4
|
-
import { AppShell, Section, MeterBar, StatusLine, Sparkline } from '../components/index.js';
|
|
4
|
+
import { AppShell, Section, MeterBar, StatusLine, BrailleChart, Histogram, StatusCodeBar, Sparkline } from '../components/index.js';
|
|
5
5
|
import { useLoadTest } from '../hooks/index.js';
|
|
6
6
|
function formatMs(ms) {
|
|
7
7
|
if (ms === 0)
|
|
8
|
-
return '
|
|
8
|
+
return '\u2014';
|
|
9
9
|
if (ms < 1)
|
|
10
|
-
return `${(ms * 1000).toFixed(0)}
|
|
10
|
+
return `${(ms * 1000).toFixed(0)}\u00b5s`;
|
|
11
11
|
if (ms < 1000)
|
|
12
12
|
return `${ms.toFixed(1)}ms`;
|
|
13
13
|
return `${(ms / 1000).toFixed(2)}s`;
|
|
@@ -15,15 +15,6 @@ function formatMs(ms) {
|
|
|
15
15
|
function formatNum(n) {
|
|
16
16
|
return n.toLocaleString('en-US');
|
|
17
17
|
}
|
|
18
|
-
/** Latency bar: maps a latency value to % of a ceiling. */
|
|
19
|
-
function latencyPercent(ms, ceiling = 20) {
|
|
20
|
-
return Math.min(100, (ms / ceiling) * 100);
|
|
21
|
-
}
|
|
22
|
-
function statusCodeColor(count, isError) {
|
|
23
|
-
if (count === 0)
|
|
24
|
-
return 'gray';
|
|
25
|
-
return isError ? 'red' : 'green';
|
|
26
|
-
}
|
|
27
18
|
export function LoadTestRunView({ userConfig, onComplete, onBack }) {
|
|
28
19
|
const { phase, snapshot, results, error, start, stop } = useLoadTest();
|
|
29
20
|
const config = {
|
|
@@ -69,16 +60,14 @@ export function LoadTestRunView({ userConfig, onComplete, onBack }) {
|
|
|
69
60
|
const errorRate = totalReqs > 0
|
|
70
61
|
? ((snapshot.errorCount / totalReqs) * 100).toFixed(1)
|
|
71
62
|
: '0.0';
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
return (_jsxs(Text, { children: [_jsx(Text, { color: color, bold: true, children: statusText.padEnd(4) }), _jsx(Text, { dimColor: true, children: resp.latencyMs > 0 ? `${resp.latencyMs.toFixed(0)}ms`.padEnd(8) : '\u2014'.padEnd(8) }), _jsx(Text, { dimColor: true, children: `${resp.elapsed}s` })] }, i));
|
|
82
|
-
}), (snapshot?.recentResponses ?? []).length === 0 && (_jsx(Text, { dimColor: true, children: "Waiting for responses..." }))] })] })] }))] }) }));
|
|
63
|
+
return (_jsx(AppShell, { command: "ct loadtest", onBack: onBack, children: _jsxs(Section, { title: `CURRI Load Test \u2014 ${userConfig.policy.name}`, children: [phase === 'error' && (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsx(Text, { color: "red", bold: true, children: "Load test failed" }), _jsx(Text, { color: "red", children: error }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "q Back" }) })] })), (phase === 'running' || phase === 'stopped') && (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "Target: " }), _jsx(Text, { children: `${config.url}/api/policy?api_key=...` })] }), snapshot?.errorReason && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "red", bold: true, children: ' \u2718 ' }), _jsx(Text, { color: "red", children: snapshot.errorReason })] })), _jsx(MeterBar, { label: "Progress", percent: progressPct, width: 40, detail: `${Math.round(progressPct)}% ${elapsed}s / ${config.duration}s`, thresholds: [101, 102] }), _jsx(Box, { marginTop: 1 }), _jsx(BrailleChart, { data: snapshot?.rateHistory ?? [], width: 50, height: 4, label: "Rate (req/s)", detail: `avg ${formatNum(avgRate)} req/s`, color: "cyan" }), _jsx(Box, { marginTop: 1 }), _jsx(BrailleChart, { data: snapshot?.latencyHistory ?? [], width: 50, height: 3, label: "Latency p99 (ms)", detail: snapshot?.p99 ? formatMs(snapshot.p99) : '\u2014', color: "yellow" }), _jsx(Box, { marginTop: 1 }), _jsx(Sparkline, { data: snapshot?.errorRateHistory ?? [], width: 50, label: "Error %", detail: `${errorRate}%`, color: "red", showMinMax: true }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Box, { flexDirection: "column", width: "60%", children: [_jsx(Text, { bold: true, children: " Latency Distribution" }), _jsx(Box, { paddingLeft: 2, children: _jsx(Histogram, { buckets: snapshot?.latencyBuckets ?? [], width: 25 }) }), _jsxs(Box, { marginTop: 1, paddingLeft: 2, children: [_jsx(Text, { dimColor: true, children: 'p50 ' }), _jsx(Text, { color: "green", bold: true, children: formatMs(snapshot?.p50 ?? 0).padEnd(10) }), _jsx(Text, { dimColor: true, children: 'p95 ' }), _jsx(Text, { color: "yellow", bold: true, children: formatMs(snapshot?.p95 ?? 0).padEnd(10) })] }), _jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { dimColor: true, children: 'p99 ' }), _jsx(Text, { color: (snapshot?.p99 ?? 0) > 5 ? 'red' : 'yellow', bold: true, children: formatMs(snapshot?.p99 ?? 0).padEnd(10) }), _jsx(Text, { dimColor: true, children: 'max ' }), _jsx(Text, { color: "red", bold: true, children: formatMs(snapshot?.max ?? 0).padEnd(10) })] }), _jsx(Box, { marginTop: 1 }), _jsx(StatusCodeBar, { statusCodes: snapshot?.statusCodes ?? { '1xx': 0, '2xx': 0, '3xx': 0, '4xx': 0, '5xx': 0 }, totalRequests: totalReqs, width: 35 }), _jsx(Box, { marginTop: 1 }), _jsx(StatusLine, { status: "ok", label: `Success ${formatNum(snapshot?.successCount ?? 0)}`, detail: `${successRate}%` }), _jsx(StatusLine, { status: snapshot?.errorCount ? 'fail' : 'ok', label: `Errors ${formatNum(snapshot?.errorCount ?? 0)}`, detail: `${errorRate}%` }), (snapshot?.connectionErrors ?? 0) > 0 && (_jsx(StatusLine, { status: "fail", label: `Conn Err ${formatNum(snapshot?.connectionErrors ?? 0)}` })), _jsx(StatusLine, { status: snapshot?.timeoutCount ? 'warn' : 'info', label: `Timeouts ${formatNum(snapshot?.timeoutCount ?? 0)}` })] }), _jsxs(Box, { flexDirection: "column", width: "40%", marginLeft: 2, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Recent Responses" }), _jsxs(Box, { flexDirection: "column", children: [(snapshot?.recentResponses ?? []).map((resp, i) => {
|
|
64
|
+
const color = resp.status === 0 ? 'red'
|
|
65
|
+
: resp.status >= 500 ? 'red'
|
|
66
|
+
: resp.status >= 400 ? 'yellow'
|
|
67
|
+
: resp.status >= 200 && resp.status < 300 ? 'green'
|
|
68
|
+
: 'gray';
|
|
69
|
+
const statusText = resp.status === 0 ? 'ERR' : String(resp.status);
|
|
70
|
+
return (_jsxs(Text, { children: [_jsx(Text, { color: color, bold: true, children: statusText.padEnd(4) }), _jsx(Text, { dimColor: true, children: resp.latencyMs > 0 ? `${resp.latencyMs.toFixed(0)}ms`.padEnd(8) : '\u2014'.padEnd(8) }), _jsx(Text, { dimColor: true, children: `${resp.elapsed}s` })] }, i));
|
|
71
|
+
}), (snapshot?.recentResponses ?? []).length === 0 && (_jsx(Text, { dimColor: true, children: "Waiting for responses..." }))] })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: ` ${config.rate} req/s target | ${config.connections} connections | ${formatNum(totalReqs)} total` }) }), phase === 'stopped' ? (_jsx(Text, { color: "yellow", children: " Stopped early. Waiting for results..." })) : (_jsx(Text, { dimColor: true, children: " q Stop early" }))] }))] }) }));
|
|
83
72
|
}
|
|
84
73
|
//# sourceMappingURL=LoadTestRunView.js.map
|