chore(gh): use nbsp for table

2026-07-25 07:25:04 +02:00 · 2026-07-23 14:58:08 +09:00
parent 3d87032881
commit 4a7ff6d7f4
5 changed files with 63 additions and 61 deletions
--- a/packages-private/diagnostics-backend/test/snapshots/render-md.md
+++ b/packages-private/diagnostics-backend/test/snapshots/render-md.md
@@ -3,9 +3,9 @@
 ### Memory: After GC
 | Metric | @&nbsp;Base | @&nbsp;Head | Δ | MAD |
 | --- | ---: | ---: | ---: | ---: |
-| **HeapUsed** | 152 MB <br> ± 1 MB | 168 MB <br> ± 1 MB | $\color{orange}{\text{+16 MB}}$<br>$\color{orange}{\text{+10.5\\%}}$ | 1.4 MB |
-| **PSS** | 202 MB <br> ± 1 MB | 218 MB <br> ± 1 MB | $\color{orange}{\text{+16 MB}}$<br>$\color{orange}{\text{+7.9\\%}}$ | 1.4 MB |
-| **USS** | 184 MB <br> ± 1 MB | 200 MB <br> ± 1 MB | $\color{orange}{\text{+16 MB}}$<br>$\color{orange}{\text{+8.7\\%}}$ | 1.4 MB |
+| **HeapUsed** | 152 MB <br> ± 1 MB | 168 MB <br> ± 1 MB | $\color{orange}{\text{+16~MB}}$<br>$\color{orange}{\text{+10.5\\%}}$ | 1.4 MB |
+| **PSS** | 202 MB <br> ± 1 MB | 218 MB <br> ± 1 MB | $\color{orange}{\text{+16~MB}}$<br>$\color{orange}{\text{+7.9\\%}}$ | 1.4 MB |
+| **USS** | 184 MB <br> ± 1 MB | 200 MB <br> ± 1 MB | $\color{orange}{\text{+16~MB}}$<br>$\color{orange}{\text{+8.7\\%}}$ | 1.4 MB |

 <small><i>Only metrics showing significant changes are displayed.</i></small>

@@ -14,15 +14,15 @@

 | Metric | @&nbsp;Base | @&nbsp;Head | Δ | MAD |
 | --- | ---: | ---: | ---: | ---: |
-| $\color{gray}{\rule{8pt}{8pt}}$ **Total** | 40 MB <br> ± 200 KB | 44 MB <br> ± 200 KB | $\color{orange}{\text{+3.2 MB}}$<br>$\color{orange}{\text{+7.9\\%}}$ | 283 KB |
+| $\color{gray}{\rule{8pt}{8pt}}$ **Total** | 40 MB <br> ± 200 KB | 44 MB <br> ± 200 KB | $\color{orange}{\text{+3.2 MB}}$<br>$\color{orange}{\text{+7.9\\%}}$ | 283 KB |
 | | | | | |
-| $\color{orange}{\rule{8pt}{8pt}}$ **Code** | 4.7 MB | 5.1 MB | $\color{orange}{\text{+376 KB}}$ | 33 KB |
-| $\color{red}{\rule{8pt}{8pt}}$ **Strings** | 4.4 MB | 4.8 MB | $\color{orange}{\text{+352 KB}}$ | 31 KB |
-| $\color{cyan}{\rule{8pt}{8pt}}$ **JS arrays** | 4.1 MB | 4.5 MB | $\color{orange}{\text{+328 KB}}$ | 29 KB |
-| $\color{green}{\rule{8pt}{8pt}}$ **Typed arrays** | 3.8 MB | 4.1 MB | $\color{orange}{\text{+304 KB}}$ | 27 KB |
-| $\color{yellow}{\rule{8pt}{8pt}}$ **System objects** | 3.5 MB | 3.8 MB | $\color{orange}{\text{+280 KB}}$ | 25 KB |
-| $\color{violet}{\rule{8pt}{8pt}}$ **Other JS objs** | 3.2 MB | 3.5 MB | $\color{orange}{\text{+256 KB}}$ | 23 KB |
-| $\color{pink}{\rule{8pt}{8pt}}$ **Other non-JS objs** | 2.9 MB | 3.2 MB | $\color{orange}{\text{+232 KB}}$ | 21 KB |
+| $\color{orange}{\rule{8pt}{8pt}}$ **Code** | 4.7 MB | 5.1 MB | $\color{orange}{\text{+376 KB}}$ | 33 KB |
+| $\color{red}{\rule{8pt}{8pt}}$ **Strings** | 4.4 MB | 4.8 MB | $\color{orange}{\text{+352 KB}}$ | 31 KB |
+| $\color{cyan}{\rule{8pt}{8pt}}$ **JS arrays** | 4.1 MB | 4.5 MB | $\color{orange}{\text{+328 KB}}$ | 29 KB |
+| $\color{green}{\rule{8pt}{8pt}}$ **Typed arrays** | 3.8 MB | 4.1 MB | $\color{orange}{\text{+304 KB}}$ | 27 KB |
+| $\color{yellow}{\rule{8pt}{8pt}}$ **System objects** | 3.5 MB | 3.8 MB | $\color{orange}{\text{+280 KB}}$ | 25 KB |
+| $\color{violet}{\rule{8pt}{8pt}}$ **Other JS objs** | 3.2 MB | 3.5 MB | $\color{orange}{\text{+256 KB}}$ | 23 KB |
+| $\color{pink}{\rule{8pt}{8pt}}$ **Other non-JS objs** | 2.9 MB | 3.2 MB | $\color{orange}{\text{+232 KB}}$ | 21 KB |


 Download representative heap snapshot: [base](https://example.invalid/base) / [head](https://example.invalid/head)
--- a/packages-private/diagnostics-frontend/src/bundle/chunk-report.ts
+++ b/packages-private/diagnostics-frontend/src/bundle/chunk-report.ts
@@ -131,7 +131,7 @@ export function chunkMarkdownTable(
 	if (rows.length === 0 && total == null && !hasGenerated && !hasOther) return '_No data_';

 	const lines = [
-		'| Chunk | Base | Head | Δ | Δ (%) |',
+		'| Chunk | Base | Head | Δ | Δ (%) |', // nbspにすること
 		'| --- | ---: | ---: | ---: | ---: |',
 	];
 	if (total != null) {
@@ -150,7 +150,8 @@ export function chunkMarkdownTable(
 		}
 	}
 	if (hasGenerated) {
-		lines.push(`| (other generated chunks) | ${formatBytes(generated.baseSize)} | ${formatBytes(generated.headSize)} | ${calcAndFormatDeltaBytes(generated.baseSize, generated.headSize, 1000)} | ${calcAndFormatDeltaPercentInMdTable(generated.baseSize, generated.headSize, 0.1)} |`);
+		// eslint-disable-next-line no-irregular-whitespace
+		lines.push(`| (other generated chunks) | ${formatBytes(generated.baseSize)} | ${formatBytes(generated.headSize)} | ${calcAndFormatDeltaBytes(generated.baseSize, generated.headSize, 1000)} | ${calcAndFormatDeltaPercentInMdTable(generated.baseSize, generated.headSize, 0.1)} |`); // nbspにすること
 	}
 	if (hasOther) {
 		lines.push(`| (other) | ${formatBytes(other.baseSize)} | ${formatBytes(other.headSize)} | ${calcAndFormatDeltaBytes(other.baseSize, other.headSize, 1000)} | ${calcAndFormatDeltaPercentInMdTable(other.baseSize, other.headSize, 0.1)} |`);
--- a/packages-private/diagnostics-frontend/test/snapshots/report.md
+++ b/packages-private/diagnostics-frontend/test/snapshots/report.md
@@ -2,11 +2,11 @@

 | Metric | @&nbsp;Base | @&nbsp;Head | Δ | MAD |
 | --- | ---: | ---: | ---: | ---: |
-| **Encoded network** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\color{orange}{\text{+83 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 15 KB |
-| **Decoded body** | 3.5 MB <br> ± 34 KB | 3.7 MB <br> ± 37 KB | $\color{orange}{\text{+277 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 50 KB |
-| **Same-origin encoded** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\color{orange}{\text{+82 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 15 KB |
-| **Script encoded** | 918 KB <br> ± 9 KB | 991 KB <br> ± 9.7 KB | $\color{orange}{\text{+73 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 13 KB |
-| **Page-attributed memory** | 92 MB <br> ± 900 KB | 99 MB <br> ± 972 KB | $\color{orange}{\text{+7.3 MB}}$<br>$\color{orange}{\text{+8\\%}}$ | 1.3 MB |
+| **Encoded network** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\color{orange}{\text{+83 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 15 KB |
+| **Decoded body** | 3.5 MB <br> ± 34 KB | 3.7 MB <br> ± 37 KB | $\color{orange}{\text{+277 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 50 KB |
+| **Same-origin encoded** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\color{orange}{\text{+82 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 15 KB |
+| **Script encoded** | 918 KB <br> ± 9 KB | 991 KB <br> ± 9.7 KB | $\color{orange}{\text{+73 KB}}$<br>$\color{orange}{\text{+8\\%}}$ | 13 KB |
+| **Page-attributed memory** | 92 MB <br> ± 900 KB | 99 MB <br> ± 972 KB | $\color{orange}{\text{+7.3 MB}}$<br>$\color{orange}{\text{+8\\%}}$ | 1.3 MB |

 <small><i>Only metrics showing significant changes are displayed.</i></small>

@@ -37,27 +37,27 @@
 <td align="right">10</td>
 <td align="right">10</td>
 <td align="right">0</td>
-<td align="right">918 KB</td>
-<td align="right">991 KB</td>
-<td align="right">$\color{orange}{\text{+73 KB}}$</td>
+<td align="right">918 KB</td>
+<td align="right">991 KB</td>
+<td align="right">$\color{orange}{\text{+73 KB}}$</td>
 </tr>
 <tr>
 <td><b>Stylesheet</b></td>
 <td align="right">2</td>
 <td align="right">2</td>
 <td align="right">0</td>
-<td align="right">82 KB</td>
-<td align="right">88 KB</td>
-<td align="right">$\color{orange}{\text{+6.5 KB}}$</td>
+<td align="right">82 KB</td>
+<td align="right">88 KB</td>
+<td align="right">$\color{orange}{\text{+6.5 KB}}$</td>
 </tr>
 <tr>
 <td><b>Fetch</b></td>
 <td align="right">6</td>
 <td align="right">6</td>
 <td align="right">0</td>
-<td align="right">41 KB</td>
-<td align="right">44 KB</td>
-<td align="right">$\color{orange}{\text{+3.3 KB}}$</td>
+<td align="right">41 KB</td>
+<td align="right">44 KB</td>
+<td align="right">$\color{orange}{\text{+3.3 KB}}$</td>
 </tr>
 </tbody>
 </table>
@@ -69,15 +69,15 @@

 | Metric | @&nbsp;Base | @&nbsp;Head | Δ | MAD |
 | --- | ---: | ---: | ---: | ---: |
-| $\color{gray}{\rule{8pt}{8pt}}$ **Total** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\text{+82 KB}$<br>$\text{+8\\%}$ | 15 KB |
+| $\color{gray}{\rule{8pt}{8pt}}$ **Total** | 1 MB <br> ± 10 KB | 1.1 MB <br> ± 11 KB | $\text{+82 KB}$<br>$\text{+8\\%}$ | 15 KB |
 | | | | | |
-| $\color{orange}{\rule{8pt}{8pt}}$ **Code** | 2 MB | 2.2 MB | $\color{orange}{\text{+163 KB}}$ | 29 KB |
-| $\color{red}{\rule{8pt}{8pt}}$ **Strings** | 3.1 MB | 3.3 MB | $\color{orange}{\text{+245 KB}}$ | 44 KB |
-| $\color{cyan}{\rule{8pt}{8pt}}$ **JS arrays** | 4.1 MB | 4.4 MB | $\color{orange}{\text{+326 KB}}$ | 59 KB |
-| $\color{green}{\rule{8pt}{8pt}}$ **Typed arrays** | 5.1 MB | 5.5 MB | $\color{orange}{\text{+408 KB}}$ | 74 KB |
-| $\color{yellow}{\rule{8pt}{8pt}}$ **System objects** | 6.1 MB | 6.6 MB | $\color{orange}{\text{+490 KB}}$ | 88 KB |
-| $\color{violet}{\rule{8pt}{8pt}}$ **Other JS objs** | 7.1 MB | 7.7 MB | $\color{orange}{\text{+571 KB}}$ | 103 KB |
-| $\color{pink}{\rule{8pt}{8pt}}$ **Other non-JS objs** | 8.2 MB | 8.8 MB | $\color{orange}{\text{+653 KB}}$ | 118 KB |
+| $\color{orange}{\rule{8pt}{8pt}}$ **Code** | 2 MB | 2.2 MB | $\color{orange}{\text{+163 KB}}$ | 29 KB |
+| $\color{red}{\rule{8pt}{8pt}}$ **Strings** | 3.1 MB | 3.3 MB | $\color{orange}{\text{+245 KB}}$ | 44 KB |
+| $\color{cyan}{\rule{8pt}{8pt}}$ **JS arrays** | 4.1 MB | 4.4 MB | $\color{orange}{\text{+326 KB}}$ | 59 KB |
+| $\color{green}{\rule{8pt}{8pt}}$ **Typed arrays** | 5.1 MB | 5.5 MB | $\color{orange}{\text{+408 KB}}$ | 74 KB |
+| $\color{yellow}{\rule{8pt}{8pt}}$ **System objects** | 6.1 MB | 6.6 MB | $\color{orange}{\text{+490 KB}}$ | 88 KB |
+| $\color{violet}{\rule{8pt}{8pt}}$ **Other JS objs** | 7.1 MB | 7.7 MB | $\color{orange}{\text{+571 KB}}$ | 103 KB |
+| $\color{pink}{\rule{8pt}{8pt}}$ **Other non-JS objs** | 8.2 MB | 8.8 MB | $\color{orange}{\text{+653 KB}}$ | 118 KB |

 Download representative heap snapshot: [base](https://example.invalid/base) / [head](https://example.invalid/head)
 </details>
@@ -87,25 +87,25 @@ Download representative heap snapshot: [base](https://example.invalid/base) / [h
 <details>
 <summary>Chunk size diff (2 updated, 0 added, 0 removed)</summary>

-| Chunk | Base | Head | Δ | Δ (%) |
+| Chunk | Base | Head | Δ | Δ (%) |
 | --- | ---: | ---: | ---: | ---: |
-| (total) | 120 KB | 127 KB | $\color{orange}{\text{+6.3 KB}}$ | $\color{orange}{\text{+5.2\\%}}$ |
+| (total) | 120 KB | 127 KB | $\color{orange}{\text{+6.3 KB}}$ | $\color{orange}{\text{+5.2\\%}}$ |
 | | | | | |
-| <details><summary>`vue`</summary> `assets/vue-b2.js` </details> | 90 KB | 96 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+6.7\\%}}$ |
-| (other generated chunks) | 1.2 KB | 1.5 KB | $\text{+300 B}$ | $\color{orange}{\text{+25\\%}}$ |
-| (other) | 20 KB | 20 KB | $\text{+3 B}$ | $\text{+0\\%}$ |
+| <details><summary>`vue`</summary> `assets/vue-b2.js` </details> | 90 KB | 96 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+6.7\\%}}$ |
+| (other generated chunks) | 1.2 KB | 1.5 KB | $\text{+300 B}$ | $\color{orange}{\text{+25\\%}}$ |
+| (other) | 20 KB | 20 KB | $\text{+3 B}$ | $\text{+0\\%}$ |

 </details>

 <details>
 <summary>Startup chunk size (2 updated, 0 added, 0 removed)</summary>

-| Chunk | Base | Head | Δ | Δ (%) |
+| Chunk | Base | Head | Δ | Δ (%) |
 | --- | ---: | ---: | ---: | ---: |
-| (total) | 114 KB | 120 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+5.3\\%}}$ |
+| (total) | 114 KB | 120 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+5.3\\%}}$ |
 | | | | | |
-| <details><summary>`vue`</summary> `assets/vue-b2.js` </details> | 90 KB | 96 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+6.7\\%}}$ |
-| (other) | 24 KB | 24 KB | $\text{+3 B}$ | $\text{+0\\%}$ |
+| <details><summary>`vue`</summary> `assets/vue-b2.js` </details> | 90 KB | 96 KB | $\color{orange}{\text{+6 KB}}$ | $\color{orange}{\text{+6.7\\%}}$ |
+| (other) | 24 KB | 24 KB | $\text{+3 B}$ | $\text{+0\\%}$ |

 _Startup chunks are the Vite entry for `src/_boot_.ts` and its static imports._

@@ -138,9 +138,9 @@ _Startup chunks are the Vite entry for `src/_boot_.ts` and its static imports._
 <td>1</td>
 <td>2</td>
 <td>3</td>
-<td>21 KB</td>
-<td>6.3 KB</td>
-<td>5.3 KB</td>
+<td>21 KB</td>
+<td>6.3 KB</td>
+<td>5.3 KB</td>
 </tr>
 <tr>
 <th><b>Head</b></th>
@@ -149,9 +149,9 @@ _Startup chunks are the Vite entry for `src/_boot_.ts` and its static imports._
 <td>1</td>
 <td>3</td>
 <td>3</td>
-<td>31 KB</td>
-<td>8.4 KB</td>
-<td>7 KB</td>
+<td>31 KB</td>
+<td>8.4 KB</td>
+<td>7 KB</td>
 </tr>
 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
 <tr>
@@ -161,12 +161,12 @@ _Startup chunks are the Vite entry for `src/_boot_.ts` and its static imports._
 <td>0</td>
 <td>$\color{orange}{\text{+1}}$</td>
 <td>0</td>
-<td>$\color{orange}{\text{+9.8 KB}}$</td>
-<td>$\color{orange}{\text{+2.1 KB}}$</td>
-<td>$\color{orange}{\text{+1.8 KB}}$</td>
+<td>$\color{orange}{\text{+9.8 KB}}$</td>
+<td>$\color{orange}{\text{+2.1 KB}}$</td>
+<td>$\color{orange}{\text{+1.8 KB}}$</td>
 </tr>
 <tr>
-<th><b>Δ (%)</b></th>
+<th><b>Δ&nbsp;(%)</b></th>
 <td>0%</td>
 <td>$\color{orange}{\text{+16.7\%}}$</td>
 <td>0%</td>
--- a/packages-private/diagnostics-frontend/test/browser/snapshots/render-html.html
+++ b/packages-private/diagnostics-frontend/test/browser/snapshots/render-html.html
@@ -232,8 +232,8 @@
 				<div><dt>Round</dt><dd>1</dd></div>
 				<div><dt>Base count</dt><dd>0</dd></div>
 				<div><dt>Head count</dt><dd>1</dd></div>
-				<div><dt>Encoded</dt><dd>50 KB</dd></div>
-				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
+				<div><dt>Encoded</dt><dd>50 KB</dd></div>
+				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
 				<div><dt>MIME</dt><dd>text/javascript</dd></div>
 				<div><dt>Protocol</dt><dd>h2</dd></div>
 				<div><dt>Remote</dt><dd>-</dd></div>
@@ -276,8 +276,8 @@
 				<div><dt>Round</dt><dd>2</dd></div>
 				<div><dt>Base count</dt><dd>0</dd></div>
 				<div><dt>Head count</dt><dd>1</dd></div>
-				<div><dt>Encoded</dt><dd>50 KB</dd></div>
-				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
+				<div><dt>Encoded</dt><dd>50 KB</dd></div>
+				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
 				<div><dt>MIME</dt><dd>text/javascript</dd></div>
 				<div><dt>Protocol</dt><dd>h2</dd></div>
 				<div><dt>Remote</dt><dd>-</dd></div>
@@ -320,8 +320,8 @@
 				<div><dt>Round</dt><dd>3</dd></div>
 				<div><dt>Base count</dt><dd>0</dd></div>
 				<div><dt>Head count</dt><dd>1</dd></div>
-				<div><dt>Encoded</dt><dd>50 KB</dd></div>
-				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
+				<div><dt>Encoded</dt><dd>50 KB</dd></div>
+				<div><dt>Decoded body</dt><dd>120 KB</dd></div>
 				<div><dt>MIME</dt><dd>text/javascript</dd></div>
 				<div><dt>Protocol</dt><dd>h2</dd></div>
 				<div><dt>Remote</dt><dd>-</dd></div>
--- a/packages-private/diagnostics-shared/src/heap-snapshot/render.ts
+++ b/packages-private/diagnostics-shared/src/heap-snapshot/render.ts
@@ -20,7 +20,8 @@ function categoryValue(report: HeapSnapshotReport, category: HeapSnapshotCategor
 }

 function swatch(category: HeapSnapshotCategory) {
-	return `$\\color{${heapSnapshotCategory[category].color}}{\\rule{8pt}{8pt}}$ **${heapSnapshotCategory[category].label}**`;
+	// eslint-disable-next-line no-irregular-whitespace
+	return `$\\color{${heapSnapshotCategory[category].color}}{\\rule{8pt}{8pt}}$ **${heapSnapshotCategory[category].label.replaceAll(' ', ' ')}**`; // nbspにすること
 }

 /**