feat: Hook in Portfolio "Spending Caps" Entry Points
Description
- What is the reason for the change? Portfolio has requested to add in two spending cap entry points into the extension, so users can easily navigate to the Portfolio to view/ manage their spending caps
- What is the improvement/solution? This adds value for the users who would like to view/ manage their spending caps
Related issues
Fixes:
Manual testing steps
- Connect an account
- Go to this the assets page in the extension
- Click on an asset
- Under "Token details", there should be a category for all native and non-native token types for "Spending caps"
- Next to Spending caps, check the there is a link that routes the user to the portfolio with the "spendingCaps" tab and the user's account address passed as query params
- Check that the link redirects to Portfolio
- Go to the global main menu in the extension
- Test all the previous steps
Note:
Currently, work is needed on the Portfolio to handle all edge cases (user navigated in an unconnected Portfolio state, user navigates and their associated accountAddress is not connected, user navigates and the associated account is not selected in the accounts sidebar, etc. This work will be a fast follow.
Screenshots/Recordings
Before
After
Pre-merge author checklist
- [X] I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
- [X] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using JSDoc format if applicable
- [X] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
Pre-merge reviewer checklist
- [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.
Builds ready [4810377]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1725 ± 62 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 318 | 1965 | 1666 | 334 | 160 |
| domContentLoaded | 1521 | 1926 | 1704 | 124 | 59 | ||
| load | 1529 | 1979 | 1725 | 128 | 62 | ||
| domInteractive | 15 | 97 | 41 | 20 | 9 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.88 KiB (0.03%)
- common: 133 Bytes (0.00%)
The gap when the token list section is shown looks like it's less than other sections. The way folks have added padding/margins in this section looks inconsistent but adding a 6px margin top seems to make things look less cramped
Builds ready [72392f5]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1861 ± 117 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1536 | 2497 | 1865 | 253 | 122 |
| domContentLoaded | 1528 | 2427 | 1828 | 226 | 109 | ||
| load | 1536 | 2496 | 1861 | 243 | 117 | ||
| domInteractive | 20 | 104 | 50 | 23 | 11 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.88 KiB (0.02%)
- common: 133 Bytes (0.00%)
The gap when the token list section is shown looks like it's less than other sections. The way folks have added padding/margins in this section looks inconsistent but adding a 6px margin top seems to make things look less cramped
Great catch, updated and a screenshot has been added to the overview that reflects the spacing changes
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code
Builds ready [534d945]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1928 ± 118 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 221 | 2502 | 1839 | 444 | 213 |
| domContentLoaded | 1611 | 2354 | 1874 | 205 | 98 | ||
| load | 1650 | 2516 | 1928 | 246 | 118 | ||
| domInteractive | 16 | 162 | 56 | 34 | 16 | ||
| backgroundConnect | 6 | 231 | 57 | 57 | 27 | ||
| firstReactRender | 46 | 279 | 104 | 50 | 24 | ||
| getState | 4 | 125 | 19 | 28 | 13 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1128 | 1783 | 1386 | 172 | 82 | ||
| setupStore | 12 | 109 | 36 | 28 | 13 | ||
| uiStartup | 1855 | 3313 | 2188 | 382 | 183 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.96 KiB (0.03%)
- common: 133 Bytes (0.00%)
Builds ready [c16b5fc]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2046 ± 133 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1654 | 2561 | 2047 | 274 | 132 |
| domContentLoaded | 1605 | 2496 | 2001 | 274 | 132 | ||
| load | 1650 | 2544 | 2046 | 278 | 133 | ||
| domInteractive | 27 | 171 | 60 | 34 | 16 | ||
| backgroundConnect | 13 | 69 | 40 | 18 | 9 | ||
| firstReactRender | 44 | 296 | 109 | 53 | 26 | ||
| getState | 6 | 54 | 17 | 16 | 7 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1159 | 1918 | 1489 | 224 | 108 | ||
| setupStore | 11 | 102 | 34 | 28 | 13 | ||
| uiStartup | 1808 | 3229 | 2285 | 356 | 171 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.96 KiB (0.03%)
- common: 133 Bytes (0.00%)
Builds ready [8a2c396]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2106 ± 248 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 400 | 3355 | 1888 | 693 | 333 |
| domContentLoaded | 1614 | 3209 | 2073 | 489 | 235 | ||
| load | 1622 | 3354 | 2106 | 517 | 248 | ||
| domInteractive | 17 | 137 | 54 | 27 | 13 | ||
| backgroundConnect | 9 | 176 | 31 | 43 | 21 | ||
| firstReactRender | 45 | 300 | 126 | 58 | 28 | ||
| getState | 4 | 199 | 36 | 46 | 22 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1164 | 2477 | 1550 | 398 | 191 | ||
| setupStore | 10 | 173 | 41 | 41 | 20 | ||
| uiStartup | 1824 | 4222 | 2414 | 652 | 313 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.96 KiB (0.03%)
- common: 133 Bytes (0.00%)
Builds ready [2519c64]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2374 ± 117 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 407 | 2949 | 2178 | 620 | 298 |
| domContentLoaded | 1926 | 2838 | 2337 | 239 | 115 | ||
| load | 1984 | 2853 | 2374 | 243 | 117 | ||
| domInteractive | 29 | 103 | 54 | 18 | 9 | ||
| backgroundConnect | 10 | 103 | 46 | 31 | 15 | ||
| firstReactRender | 61 | 281 | 121 | 44 | 21 | ||
| getState | 5 | 94 | 35 | 28 | 13 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1413 | 2002 | 1731 | 167 | 80 | ||
| setupStore | 15 | 83 | 35 | 25 | 12 | ||
| uiStartup | 2207 | 3369 | 2684 | 305 | 147 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.96 KiB (0.03%)
- common: 133 Bytes (0.00%)
Builds ready [ca4c9ec]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2077 ± 138 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 329 | 3201 | 1990 | 476 | 229 |
| domContentLoaded | 1768 | 3185 | 2044 | 289 | 139 | ||
| load | 1776 | 3202 | 2077 | 287 | 138 | ||
| domInteractive | 17 | 193 | 67 | 37 | 18 | ||
| backgroundConnect | 9 | 95 | 36 | 26 | 13 | ||
| firstReactRender | 47 | 289 | 105 | 59 | 28 | ||
| getState | 4 | 89 | 28 | 28 | 14 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1289 | 2359 | 1516 | 233 | 112 | ||
| setupStore | 12 | 85 | 32 | 23 | 11 | ||
| uiStartup | 1963 | 3708 | 2328 | 353 | 169 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 2.94 KiB (0.04%)
- common: 179 Bytes (0.00%)
Builds ready [84eaae8]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2066 ± 133 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 327 | 2790 | 1993 | 475 | 228 |
| domContentLoaded | 1688 | 2704 | 2027 | 276 | 133 | ||
| load | 1696 | 2759 | 2066 | 277 | 133 | ||
| domInteractive | 23 | 190 | 68 | 45 | 22 | ||
| backgroundConnect | 8 | 97 | 43 | 25 | 12 | ||
| firstReactRender | 47 | 216 | 99 | 43 | 21 | ||
| getState | 5 | 93 | 22 | 24 | 12 | ||
| initialActions | 0 | 0 | 0 | 0 | 0 | ||
| loadScripts | 1234 | 2112 | 1503 | 245 | 118 | ||
| setupStore | 11 | 77 | 39 | 25 | 12 | ||
| uiStartup | 1888 | 3001 | 2332 | 291 | 139 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 2.94 KiB (0.04%)
- common: 179 Bytes (0.00%)
Builds ready [913e059]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2835 ± 246 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 275 | 3734 | 2416 | 982 | 471 |
| domContentLoaded | 2022 | 3670 | 2793 | 509 | 244 | ||
| load | 2044 | 3736 | 2835 | 512 | 246 | ||
| domInteractive | 23 | 240 | 82 | 47 | 22 | ||
| backgroundConnect | 10 | 105 | 43 | 29 | 14 | ||
| firstReactRender | 74 | 369 | 154 | 59 | 28 | ||
| getState | 8 | 70 | 32 | 23 | 11 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1506 | 2903 | 2105 | 408 | 196 | ||
| setupStore | 16 | 84 | 42 | 22 | 10 | ||
| uiStartup | 2321 | 4295 | 3197 | 579 | 278 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 2.94 KiB (0.04%)
- common: 179 Bytes (0.00%)
Builds ready [8b9e1d0]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1809 ± 64 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 328 | 2068 | 1743 | 354 | 170 |
| domContentLoaded | 1577 | 2010 | 1775 | 128 | 62 | ||
| load | 1590 | 2070 | 1809 | 134 | 64 | ||
| domInteractive | 25 | 99 | 45 | 21 | 10 | ||
| backgroundConnect | 8 | 72 | 36 | 21 | 10 | ||
| firstReactRender | 48 | 291 | 91 | 51 | 24 | ||
| getState | 5 | 72 | 21 | 20 | 10 | ||
| initialActions | 0 | 0 | 0 | 0 | 0 | ||
| loadScripts | 1115 | 1506 | 1310 | 111 | 53 | ||
| setupStore | 11 | 64 | 26 | 18 | 9 | ||
| uiStartup | 1770 | 2285 | 2012 | 152 | 73 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 2.94 KiB (0.04%)
- common: 179 Bytes (0.00%)
Builds ready [4ea1623]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1918 ± 93 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1643 | 2342 | 1916 | 188 | 90 |
| domContentLoaded | 1602 | 2259 | 1883 | 180 | 86 | ||
| load | 1643 | 2370 | 1918 | 193 | 93 | ||
| domInteractive | 24 | 175 | 52 | 33 | 16 | ||
| backgroundConnect | 7 | 117 | 35 | 26 | 13 | ||
| firstReactRender | 50 | 204 | 100 | 30 | 15 | ||
| getState | 4 | 56 | 15 | 15 | 7 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1156 | 1728 | 1389 | 148 | 71 | ||
| setupStore | 11 | 78 | 34 | 24 | 12 | ||
| uiStartup | 1798 | 2625 | 2149 | 204 | 98 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.3 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [4b14945]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1768 ± 62 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1546 | 2086 | 1769 | 128 | 62 |
| domContentLoaded | 1531 | 2002 | 1738 | 117 | 56 | ||
| load | 1548 | 2085 | 1768 | 128 | 62 | ||
| domInteractive | 24 | 111 | 49 | 19 | 9 | ||
| backgroundConnect | 12 | 85 | 33 | 23 | 11 | ||
| firstReactRender | 48 | 193 | 86 | 32 | 15 | ||
| getState | 5 | 48 | 15 | 13 | 6 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1105 | 1499 | 1279 | 101 | 48 | ||
| setupStore | 11 | 89 | 29 | 23 | 11 | ||
| uiStartup | 1704 | 2309 | 1967 | 154 | 74 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.3 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [2a70fe6]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1728 ± 135 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 316 | 2874 | 1671 | 418 | 201 |
| domContentLoaded | 1526 | 2838 | 1701 | 279 | 134 | ||
| load | 1550 | 2876 | 1728 | 281 | 135 | ||
| domInteractive | 16 | 222 | 46 | 42 | 20 | ||
| backgroundConnect | 6 | 65 | 29 | 20 | 10 | ||
| firstReactRender | 45 | 204 | 94 | 30 | 15 | ||
| getState | 4 | 48 | 10 | 9 | 5 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1092 | 2370 | 1256 | 272 | 130 | ||
| setupStore | 5 | 89 | 15 | 21 | 10 | ||
| uiStartup | 1690 | 3112 | 1918 | 300 | 144 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.3 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [adac4da]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2046 ± 129 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1762 | 3086 | 2050 | 268 | 128 |
| domContentLoaded | 1757 | 3070 | 2018 | 266 | 128 | ||
| load | 1762 | 3089 | 2046 | 269 | 129 | ||
| domInteractive | 17 | 99 | 51 | 23 | 11 | ||
| backgroundConnect | 8 | 97 | 30 | 25 | 12 | ||
| firstReactRender | 97 | 299 | 133 | 47 | 22 | ||
| getState | 4 | 55 | 15 | 13 | 6 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1282 | 2093 | 1468 | 179 | 86 | ||
| setupStore | 6 | 87 | 17 | 21 | 10 | ||
| uiStartup | 1990 | 3316 | 2294 | 285 | 137 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.27 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [a498e91]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2364 ± 164 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 419 | 2945 | 2179 | 677 | 325 |
| domContentLoaded | 1868 | 2882 | 2336 | 348 | 167 | ||
| load | 1889 | 2921 | 2364 | 341 | 164 | ||
| domInteractive | 36 | 169 | 84 | 32 | 16 | ||
| backgroundConnect | 11 | 86 | 31 | 21 | 10 | ||
| firstReactRender | 85 | 301 | 131 | 49 | 23 | ||
| getState | 6 | 65 | 25 | 20 | 10 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1345 | 2170 | 1739 | 278 | 133 | ||
| setupStore | 7 | 66 | 19 | 18 | 8 | ||
| uiStartup | 2068 | 3227 | 2647 | 399 | 192 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.27 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [05d9935]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1909 ± 219 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 897 | 2059 | 1758 | 216 | 104 |
| domContentLoaded | 1643 | 3758 | 1873 | 440 | 211 | ||
| load | 1674 | 3858 | 1909 | 455 | 219 | ||
| domInteractive | 17 | 148 | 60 | 40 | 19 | ||
| backgroundConnect | 9 | 127 | 33 | 29 | 14 | ||
| firstReactRender | 53 | 296 | 133 | 67 | 32 | ||
| getState | 4 | 82 | 27 | 25 | 12 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1174 | 2977 | 1386 | 371 | 178 | ||
| setupStore | 6 | 51 | 10 | 11 | 5 | ||
| uiStartup | 1843 | 4310 | 2191 | 519 | 249 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.27 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [f781e65]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2197 ± 116 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 1882 | 2888 | 2195 | 244 | 117 |
| domContentLoaded | 1860 | 2805 | 2144 | 234 | 112 | ||
| load | 1886 | 2867 | 2197 | 241 | 116 | ||
| domInteractive | 29 | 172 | 58 | 37 | 18 | ||
| backgroundConnect | 10 | 88 | 52 | 26 | 12 | ||
| firstReactRender | 53 | 220 | 82 | 34 | 17 | ||
| getState | 48 | 210 | 91 | 33 | 16 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1376 | 2155 | 1610 | 198 | 95 | ||
| setupStore | 6 | 79 | 12 | 16 | 7 | ||
| uiStartup | 2170 | 3238 | 2524 | 296 | 142 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.27 KiB (0.02%)
- common: 85 Bytes (0.00%)
Builds ready [0681cc4]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2112 ± 84 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 242 | 2435 | 2020 | 447 | 214 |
| domContentLoaded | 1756 | 2345 | 2072 | 165 | 79 | ||
| load | 1774 | 2439 | 2112 | 175 | 84 | ||
| domInteractive | 19 | 157 | 59 | 33 | 16 | ||
| backgroundConnect | 13 | 94 | 37 | 27 | 13 | ||
| firstReactRender | 62 | 114 | 79 | 15 | 7 | ||
| getState | 48 | 115 | 92 | 16 | 8 | ||
| initialActions | 0 | 1 | 0 | 0 | 0 | ||
| loadScripts | 1269 | 1807 | 1549 | 149 | 72 | ||
| setupStore | 6 | 51 | 10 | 10 | 5 | ||
| uiStartup | 2048 | 2903 | 2412 | 208 | 100 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 1.23 KiB (0.02%)
- common: 85 Bytes (0.00%)
The gap when the token list section is shown looks like it's less than other sections. The way folks have added padding/margins in this section looks inconsistent but adding a 6px margin top seems to make things look less cramped