NotAShelf/nix-evaluator-stats
1
0
Fork 0
mirror of https://github.com/NotAShelf/nix-evaluator-stats.git synced 2026-04-17 08:39:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

treewide: adapt for monorepo layout; initial TUI work

Browse source 
Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: Id40b5f5ccb55a8a1ea2793192a38f0256a6a6964
This commit is contained in:
raf 2026-02-07 12:43:59 +03:00
commit 33ec901788
Signed by: NotAShelf
GPG key ID: 29D95B64378DB4BF
35 changed files with 1699 additions and 413 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/components/TimeChart.tsx
View file

@ -1,74 +0,0 @@
import { Component, createMemo, For, Show } from 'solid-js';
import { StatsData } from '../utils/types';
import { formatBytes, formatTime, formatPercent } from '../utils/formatters';
interface TimeChartProps {
stats: StatsData;
}
const TimeChart: Component<TimeChartProps> = props => {
const timeData = createMemo(() => {
const cpu = props.stats.time.cpu;
const gc = props.stats.time.gc || 0;
const gcNonInc = props.stats.time.gcNonIncremental || 0;
const other = Math.max(0, cpu - gc - gcNonInc);
return [
{ label: 'Evaluation', value: other, colorClass: 'chart-1' },
{ label: 'Incremental GC', value: gc, colorClass: 'chart-gc' },
{ label: 'Full GC', value: gcNonInc, colorClass: 'chart-gc-full' },
].filter(d => d.value > 0);
});
const total = createMemo(() => timeData().reduce((sum, d) => sum + d.value, 0));
const barData = createMemo(() => {
return timeData().map(item => ({
...item,
percent: total() > 0 ? (item.value / total()) * 100 : 0,
}));
});
return (
<div class="time-chart">
<div class="time-bars">
<For each={barData()}>
{item => (
<div class="time-bar-row">
<div class="time-bar-label">{item.label}</div>
<div class="time-bar-track">
<div
class="time-bar-fill"
classList={{ [item.colorClass]: true }}
style={{
width: `${item.percent}%`,
}}
/>
</div>
<div class="time-bar-value">{formatTime(item.value)}</div>
</div>
)}
</For>
</div>
<Show when={props.stats.gc}>
<div class="gc-stats">
<div class="gc-stat">
<span class="gc-stat-label">GC Cycles</span>
<span class="gc-stat-value">{props.stats.gc?.cycles || 0}</span>
</div>
<div class="gc-stat">
<span class="gc-stat-label">Heap Size</span>
<span class="gc-stat-value">{formatBytes(props.stats.gc?.heapSize || 0)}</span>
</div>
<div class="gc-stat">
<span class="gc-stat-label">GC Fraction</span>
<span class="gc-stat-value">{formatPercent(props.stats.time.gcFraction || 0)}</span>
</div>
</div>
</Show>
</div>
);
};
export default TimeChart;