Skip to content

Commit 3638187

Browse files
asyncLizasyncLiz
committed
chore: add leading and trailing table pipes
1 parent 5d8f453 commit 3638187

File tree

2 files changed

+63
-61
lines changed

2 files changed

+63
-61
lines changed

‎docs/size.md

Lines changed: 58 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -32,64 +32,64 @@ dependencies. We track three metrics:
3232

3333
<!-- mdformat off(autogenerated might break rendering in catalog) -->
3434

35-
Component | gzip | minified | *% CSS* | Import
36-
--- | --- | --- | --- | ---
37-
| **All** | **70.1kb** | 451.9kb | *66% CSS* | `@material/web/all.js`
38-
| **Common** | **51.5kb** | 282.2kb | *54% CSS* | `@material/web/common.js`
39-
| **Button** | **8.0kb** | 46.3kb | *66% CSS* |
40-
| | 6.7kb | 27.4kb | *49% CSS* | `@material/web/button/elevated-button.js`
41-
| | 6.6kb | 27.3kb | *49% CSS* | `@material/web/button/filled-button.js`
42-
| | 6.7kb | 27.7kb | *49% CSS* | `@material/web/button/filled-tonal-button.js`
43-
| | 6.4kb | 25.7kb | *48% CSS* | `@material/web/button/outlined-button.js`
44-
| | 6.2kb | 24.2kb | *45% CSS* | `@material/web/button/text-button.js`
45-
| **Checkbox** | **7.0kb** | 28.5kb | *43% CSS* | `@material/web/checkbox/checkbox.js`
46-
| **Chips** | **10.0kb** | 60.4kb | *64% CSS* |
47-
| | 4.8kb | 16.4kb | *22% CSS* | `@material/web/chips/chip-set.js`
48-
| | 6.3kb | 26.8kb | *51% CSS* | `@material/web/chips/assist-chip.js`
49-
| | 7.9kb | 37.0kb | *55% CSS* | `@material/web/chips/filter-chip.js`
50-
| | 7.3kb | 33.7kb | *54% CSS* | `@material/web/chips/input-chip.js`
51-
| | 6.4kb | 27.2kb | *51% CSS* | `@material/web/chips/suggestion-chip.js`
52-
| **Dialog** | **4.2kb** | 15.2kb | *36% CSS* | `@material/web/dialog/dialog.js`
53-
| **Divider** | **0.7kb** | 1.4kb | *39% CSS* | `@material/web/divider/divider.js`
54-
| **Elevation** | **0.7kb** | 1.7kb | *62% CSS* | `@material/web/elevation/elevation.js`
55-
| **Fab** | **6.9kb** | 37.1kb | *67% CSS* |
56-
| | 6.6kb | 32.8kb | *64% CSS* | `@material/web/fab/fab.js`
57-
| | 5.8kb | 24.6kb | *51% CSS* | `@material/web/fab/branded-fab.js`
58-
| **Field** | **6.0kb** | 40.5kb | *83% CSS* |
59-
| | 4.6kb | 24.8kb | *75% CSS* | `@material/web/field/filled-field.js`
60-
| | 5.0kb | 27.1kb | *76% CSS* | `@material/web/field/outlined-field.js`
61-
| **Focus** | **1.6kb** | 5.2kb | *46% CSS* | `@material/web/focus/md-focus-ring.js`
62-
| **Icon** | **0.7kb** | 1.3kb | *46% CSS* | `@material/web/icon/icon.js`
63-
| **Icon button** | **7.3kb** | 42.0kb | *65% CSS* |
64-
| | 5.8kb | 23.1kb | *42% CSS* | `@material/web/iconbutton/icon-button.js`
65-
| | 6.0kb | 25.0kb | *45% CSS* | `@material/web/iconbutton/filled-icon-button.js`
66-
| | 6.0kb | 25.5kb | *46% CSS* | `@material/web/iconbutton/filled-tonal-icon-button.js`
67-
| | 6.0kb | 24.6kb | *45% CSS* | `@material/web/iconbutton/outlined-icon-button.js`
68-
| **List** | **6.9kb** | 27.2kb | *35% CSS* |
69-
| | 1.6kb | 4.5kb | *5% CSS* | `@material/web/list/list.js`
70-
| | 5.8kb | 23.0kb | *40% CSS* | `@material/web/list/list-item.js`
71-
| **Menu** | **13.5kb** | 53.9kb | *23% CSS* |
72-
| | 7.9kb | 28.8kb | *17% CSS* | `@material/web/menu/menu.js`
73-
| | 6.5kb | 25.6kb | *37% CSS* | `@material/web/menu/menu-item.js`
74-
| | 8.4kb | 31.9kb | *11% CSS* | `@material/web/menu/sub-menu.js`
75-
| **Progress** | **3.5kb** | 13.9kb | *70% CSS* |
76-
| | 2.6kb | 8.6kb | *64% CSS* | `@material/web/progress/linear-progress.js`
77-
| | 2.2kb | 7.4kb | *57% CSS* | `@material/web/progress/circular-progress.js`
78-
| **Radio** | **6.9kb** | 26.0kb | *31% CSS* | `@material/web/radio/radio.js`
79-
| **Ripple** | **2.8kb** | 7.9kb | *14% CSS* | `@material/web/ripple/ripple.js`
80-
| **Select** | **25.6kb** | 142.5kb | *57% CSS* |
81-
| | 17.8kb | 89.3kb | *48% CSS* | `@material/web/select/filled-select.js`
82-
| | 18.1kb | 89.9kb | *48% CSS* | `@material/web/select/outlined-select.js`
83-
| | 6.6kb | 26.6kb | *36% CSS* | `@material/web/select/select-option.js`
84-
| **Slider** | **9.7kb** | 45.0kb | *49% CSS* | `@material/web/slider/slider.js`
85-
| **Switch** | **7.8kb** | 34.8kb | *53% CSS* | `@material/web/switch/switch.js`
86-
| **Tabs** | **7.9kb** | 35.1kb | *50% CSS* |
87-
| | 6.2kb | 21.9kb | *25% CSS* | `@material/web/tabs/tabs.js`
88-
| | 6.3kb | 25.6kb | *48% CSS* | `@material/web/tabs/primary-tab.js`
89-
| | 6.2kb | 25.2kb | *48% CSS* | `@material/web/tabs/secondary-tab.js`
90-
| **Text field** | **13.7kb** | 93.0kb | *74% CSS* |
91-
| | 10.7kb | 60.8kb | *62% CSS* | `@material/web/textfield/filled-text-field.js`
92-
| | 10.9kb | 61.3kb | *62% CSS* | `@material/web/textfield/outlined-text-field.js`
35+
| Component | gzip | minified | *% CSS* | Import |
36+
| --- | --- | --- | --- | --- |
37+
| **All** | **70.1kb** | 451.9kb | *66% CSS* | `@material/web/all.js` |
38+
| **Common** | **51.5kb** | 282.2kb | *54% CSS* | `@material/web/common.js` |
39+
| **Button** | **8.0kb** | 46.3kb | *66% CSS* | |
40+
| | 6.7kb | 27.4kb | *49% CSS* | `@material/web/button/elevated-button.js` |
41+
| | 6.6kb | 27.3kb | *49% CSS* | `@material/web/button/filled-button.js` |
42+
| | 6.7kb | 27.7kb | *49% CSS* | `@material/web/button/filled-tonal-button.js` |
43+
| | 6.4kb | 25.7kb | *48% CSS* | `@material/web/button/outlined-button.js` |
44+
| | 6.2kb | 24.2kb | *45% CSS* | `@material/web/button/text-button.js` |
45+
| **Checkbox** | **7.0kb** | 28.5kb | *43% CSS* | `@material/web/checkbox/checkbox.js` |
46+
| **Chips** | **10.0kb** | 60.4kb | *64% CSS* | |
47+
| | 4.8kb | 16.4kb | *22% CSS* | `@material/web/chips/chip-set.js` |
48+
| | 6.3kb | 26.8kb | *51% CSS* | `@material/web/chips/assist-chip.js` |
49+
| | 7.9kb | 37.0kb | *55% CSS* | `@material/web/chips/filter-chip.js` |
50+
| | 7.3kb | 33.7kb | *54% CSS* | `@material/web/chips/input-chip.js` |
51+
| | 6.4kb | 27.2kb | *51% CSS* | `@material/web/chips/suggestion-chip.js` |
52+
| **Dialog** | **4.2kb** | 15.2kb | *36% CSS* | `@material/web/dialog/dialog.js` |
53+
| **Divider** | **0.7kb** | 1.4kb | *39% CSS* | `@material/web/divider/divider.js` |
54+
| **Elevation** | **0.7kb** | 1.7kb | *62% CSS* | `@material/web/elevation/elevation.js` |
55+
| **Fab** | **6.9kb** | 37.1kb | *67% CSS* | |
56+
| | 6.6kb | 32.8kb | *64% CSS* | `@material/web/fab/fab.js` |
57+
| | 5.8kb | 24.6kb | *51% CSS* | `@material/web/fab/branded-fab.js` |
58+
| **Field** | **6.0kb** | 40.5kb | *83% CSS* | |
59+
| | 4.6kb | 24.8kb | *75% CSS* | `@material/web/field/filled-field.js` |
60+
| | 5.0kb | 27.1kb | *76% CSS* | `@material/web/field/outlined-field.js` |
61+
| **Focus** | **1.6kb** | 5.2kb | *46% CSS* | `@material/web/focus/md-focus-ring.js` |
62+
| **Icon** | **0.7kb** | 1.3kb | *46% CSS* | `@material/web/icon/icon.js` |
63+
| **Icon button** | **7.3kb** | 42.0kb | *65% CSS* | |
64+
| | 5.8kb | 23.1kb | *42% CSS* | `@material/web/iconbutton/icon-button.js` |
65+
| | 6.0kb | 25.0kb | *45% CSS* | `@material/web/iconbutton/filled-icon-button.js` |
66+
| | 6.0kb | 25.5kb | *46% CSS* | `@material/web/iconbutton/filled-tonal-icon-button.js` |
67+
| | 6.0kb | 24.6kb | *45% CSS* | `@material/web/iconbutton/outlined-icon-button.js` |
68+
| **List** | **6.9kb** | 27.2kb | *35% CSS* | |
69+
| | 1.6kb | 4.5kb | *5% CSS* | `@material/web/list/list.js` |
70+
| | 5.8kb | 23.0kb | *40% CSS* | `@material/web/list/list-item.js` |
71+
| **Menu** | **13.5kb** | 53.9kb | *23% CSS* | |
72+
| | 7.9kb | 28.8kb | *17% CSS* | `@material/web/menu/menu.js` |
73+
| | 6.5kb | 25.6kb | *37% CSS* | `@material/web/menu/menu-item.js` |
74+
| | 8.4kb | 31.9kb | *11% CSS* | `@material/web/menu/sub-menu.js` |
75+
| **Progress** | **3.5kb** | 13.9kb | *70% CSS* | |
76+
| | 2.6kb | 8.6kb | *64% CSS* | `@material/web/progress/linear-progress.js` |
77+
| | 2.2kb | 7.4kb | *57% CSS* | `@material/web/progress/circular-progress.js` |
78+
| **Radio** | **6.9kb** | 26.0kb | *31% CSS* | `@material/web/radio/radio.js` |
79+
| **Ripple** | **2.8kb** | 7.9kb | *14% CSS* | `@material/web/ripple/ripple.js` |
80+
| **Select** | **25.6kb** | 142.5kb | *57% CSS* | |
81+
| | 17.8kb | 89.3kb | *48% CSS* | `@material/web/select/filled-select.js` |
82+
| | 18.1kb | 89.9kb | *48% CSS* | `@material/web/select/outlined-select.js` |
83+
| | 6.6kb | 26.6kb | *36% CSS* | `@material/web/select/select-option.js` |
84+
| **Slider** | **9.7kb** | 45.0kb | *49% CSS* | `@material/web/slider/slider.js` |
85+
| **Switch** | **7.8kb** | 34.8kb | *53% CSS* | `@material/web/switch/switch.js` |
86+
| **Tabs** | **7.9kb** | 35.1kb | *50% CSS* | |
87+
| | 6.2kb | 21.9kb | *25% CSS* | `@material/web/tabs/tabs.js` |
88+
| | 6.3kb | 25.6kb | *48% CSS* | `@material/web/tabs/primary-tab.js` |
89+
| | 6.2kb | 25.2kb | *48% CSS* | `@material/web/tabs/secondary-tab.js` |
90+
| **Text field** | **13.7kb** | 93.0kb | *74% CSS* | |
91+
| | 10.7kb | 60.8kb | *62% CSS* | `@material/web/textfield/filled-text-field.js` |
92+
| | 10.9kb | 61.3kb | *62% CSS* | `@material/web/textfield/outlined-text-field.js` |
9393

9494
<!-- mdformat on(autogenerated might break rendering in catalog) -->
9595

‎scripts/analyzer/markdown-tree-builder.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,10 +53,12 @@ export class MarkdownTable {
5353
* @returns A markdown-compatible table.
5454
*/
5555
toString() {
56-
const headerRow = this.columnsInternal.join(' | ');
57-
const dividerRow = this.columnsInternal.map(() => '---').join(' | ');
56+
const headerRow = `| ${this.columnsInternal.join(' | ')} |`;
57+
const dividerRow = `| ${this.columnsInternal
58+
.map(() => '---')
59+
.join(' | ')} |`;
5860
const rows = this.rowsInternal
59-
.map((row) => `| ${row.join(' | ')}`.trim())
61+
.map((row) => `| ${row.join(' | ')} |`)
6062
.join('\n');
6163
return `<!-- mdformat off(autogenerated might break rendering in catalog) -->
6264

0 commit comments

Comments
 (0)