diff --git a/packages/docs/src/components/ComparisonBarChart.astro b/packages/docs/src/components/ComparisonBarChart.astro index 6a1765e..b2eaae9 100644 --- a/packages/docs/src/components/ComparisonBarChart.astro +++ b/packages/docs/src/components/ComparisonBarChart.astro @@ -5,15 +5,32 @@ interface Props { title: string data: ChartDatum[] valueFormat: 'count' | 'mb' | 'kb' | 'ms' | 's' + unitLabel?: string } -const { title, data, valueFormat } = Astro.props -const chartPayload = JSON.stringify({ data, valueFormat }) +const defaultUnitLabels = { + count: 'count', + mb: 'MB', + kb: 'KB', + ms: 'ms', + s: 'seconds', +} as const + +const { + title, + data, + valueFormat, + unitLabel = defaultUnitLabels[valueFormat], +} = Astro.props +const chartPayload = JSON.stringify({ data, valueFormat, unitLabel }) ---
-

{title}

+
+

{title}

+ Unit: {unitLabel} +
({ })) --- - + diff --git a/packages/docs/src/components/DuplicateDependencyChart.astro b/packages/docs/src/components/DuplicateDependencyChart.astro index 016eee7..48828bf 100644 --- a/packages/docs/src/components/DuplicateDependencyChart.astro +++ b/packages/docs/src/components/DuplicateDependencyChart.astro @@ -7,4 +7,5 @@ import ComparisonBarChart from './ComparisonBarChart.astro' title="Duplicate Dependencies" data={chartDuplicateDependencyData} valueFormat="count" + unitLabel="duplicate dependencies" /> diff --git a/packages/docs/src/components/MPAFCPChart.astro b/packages/docs/src/components/MPAFCPChart.astro index b0fd7d9..4d7806d 100644 --- a/packages/docs/src/components/MPAFCPChart.astro +++ b/packages/docs/src/components/MPAFCPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/MPAFPChart.astro b/packages/docs/src/components/MPAFPChart.astro index 2d0861f..d7d19f0 100644 --- a/packages/docs/src/components/MPAFPChart.astro +++ b/packages/docs/src/components/MPAFPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/MPAINPChart.astro b/packages/docs/src/components/MPAINPChart.astro index f3f23c2..6222222 100644 --- a/packages/docs/src/components/MPAINPChart.astro +++ b/packages/docs/src/components/MPAINPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/ProdDepsChart.astro b/packages/docs/src/components/ProdDepsChart.astro index 0ba327a..38451d6 100644 --- a/packages/docs/src/components/ProdDepsChart.astro +++ b/packages/docs/src/components/ProdDepsChart.astro @@ -13,4 +13,9 @@ const data = validEntries.map((f) => ({ })) --- - + diff --git a/packages/docs/src/components/SPAFCPChart.astro b/packages/docs/src/components/SPAFCPChart.astro index 2f0612e..881467e 100644 --- a/packages/docs/src/components/SPAFCPChart.astro +++ b/packages/docs/src/components/SPAFCPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/SPAFPChart.astro b/packages/docs/src/components/SPAFPChart.astro index 95f3d93..b261737 100644 --- a/packages/docs/src/components/SPAFPChart.astro +++ b/packages/docs/src/components/SPAFPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/SPAINPChart.astro b/packages/docs/src/components/SPAINPChart.astro index 6062297..252f044 100644 --- a/packages/docs/src/components/SPAINPChart.astro +++ b/packages/docs/src/components/SPAINPChart.astro @@ -4,7 +4,7 @@ import ComparisonBarChart from './ComparisonBarChart.astro' --- diff --git a/packages/docs/src/components/SSROpsChart.astro b/packages/docs/src/components/SSROpsChart.astro index 611e535..5d55897 100644 --- a/packages/docs/src/components/SSROpsChart.astro +++ b/packages/docs/src/components/SSROpsChart.astro @@ -7,4 +7,9 @@ const data = ssrStats .map((f) => ({ name: f.name, value: f.ssrOpsPerSec, focused: f.isFocused })) --- - + diff --git a/packages/docs/src/lib/types.ts b/packages/docs/src/lib/types.ts index c25ec64..2cefdac 100644 --- a/packages/docs/src/lib/types.ts +++ b/packages/docs/src/lib/types.ts @@ -7,4 +7,5 @@ export interface ChartDatum { export interface ComparisonChartPayload { data: ChartDatum[] valueFormat: 'count' | 'mb' | 'kb' | 'ms' | 's' + unitLabel: string }