diff --git a/.github/scripts/frontend-bundle-visualizer-report.mjs b/.github/scripts/frontend-bundle-visualizer-report.mjs index 33995cdf32..ee1777f634 100644 --- a/.github/scripts/frontend-bundle-visualizer-report.mjs +++ b/.github/scripts/frontend-bundle-visualizer-report.mjs @@ -176,18 +176,39 @@ function renderSummaryTable(before, after) { { key: 'modules', label: 'Modules' }, { key: 'entries', label: 'Entries' }, { key: 'externals', label: 'Externals' }, - { key: 'staticImports', label: 'Static Imports' }, - { key: 'dynamicImports', label: 'Dynamic Imports' }, + { key: 'staticImports', label: 'Static' }, + { key: 'dynamicImports', label: 'Dynamic' }, ]; return [ - `| | ${metrics.map((metric) => metric.label).join(' | ')} |`, - `|---|${metrics.map(() => '---:').join('|')}|`, - `| **Before** | ${metrics.map((metric) => formatNumber(before.summary[metric.key])).join(' | ')} |`, - `| **After** | ${metrics.map((metric) => formatNumber(after.summary[metric.key])).join(' | ')} |`, - '| | | | | | | |', - `| **Diff** | ${metrics.map((metric) => formatDiff(before.summary[metric.key], after.summary[metric.key], formatNumber)).join(' | ')} |`, - `| **Diff (%)** | ${metrics.map((metric) => formatDiffPercent(before.summary[metric.key], after.summary[metric.key])).join(' | ')} |`, + `
| Imports | ||||||
|---|---|---|---|---|---|---|
| `, + ...metrics.map((metric) => ` | ${metric.label} | `), + `|||||
| Before | `, + ...metrics.map((metric) => `${formatNumber(before.summary[metric.key])} | `), + `|||||
| After | `, + ...metrics.map((metric) => `${formatNumber(after.summary[metric.key])} | `), + `|||||
| Diff | `, + ...metrics.map((metric) => `${formatDiff(before.summary[metric.key], after.summary[metric.key], formatNumber)} | `), + `|||||
| Diff (%) | `, + ...metrics.map((metric) => `${formatDiffPercent(before.summary[metric.key], after.summary[metric.key])} | `), + `|||||