Library size report #7196
Description
Individual bundle impact of every component when bundled with Vite, @nextcloud/vite-config, @nextcloud/axios, @nextcloud/capabilities and @nextcloud/router.
Note: using 2 components together doesn't always result in a double size.
Common parts are reused. For example, if
NcSelectUseris used, addingNcSelectandNcAvatardoesn't change the bundle size, as these components are included intoNcSelectUseralready.
Version: v9.3.3
- Initial: how much JS loaded initially after importing the item
- Async: how much JS loaded asynchronously, e.g. when a specific function is used
- Assets: CSS size
- Total: sum
| Item | Initial Size | Async Size | Assets Size | Total Size |
|---|---|---|---|---|
| 🥇 components/NcRichContenteditable | 1239.53 kb | - | 75.22 kb | 1314.75 kb |
| 🥈 components/NcEmojiPicker | 1150.20 kb | - | 36.61 kb | 1186.82 kb |
| 🥉 functions/emoji => emojiSearch | 868.70 kb | - | - | 868.70 kb |
| 4️⃣ components/NcRichText | 390.69 kb | 162.25 kb | 65.85 kb | 618.79 kb |
| 5️⃣ components/NcDateTimePicker | 334.48 kb | - | 60.18 kb | 394.67 kb |
| 6️⃣ components/NcCollectionList | 280.43 kb | - | 42.90 kb | 323.33 kb |
| 7️⃣ functions/reference => getLinkWithPicker | 273.79 kb | - | 46.08 kb | 319.87 kb |
| 8️⃣ components/NcSelectUsers | 248.14 kb | - | 40.33 kb | 288.47 kb |
| 9️⃣ components/NcDashboardWidget | 203.82 kb | - | 29.04 kb | 232.85 kb |
| 🔟 functions/reference => searchProvider | 201.24 kb | - | 46.08 kb | 247.32 kb |
| functions/reference => getProvider | 200.89 kb | - | 46.08 kb | 246.98 kb |
| functions/reference => getProviders | 200.79 kb | - | 46.08 kb | 246.87 kb |
| functions/reference => sortProviders | 200.63 kb | - | 46.08 kb | 246.72 kb |
| functions/reference => hasInteractiveView | 200.49 kb | - | 46.08 kb | 246.57 kb |
| functions/reference => anyLinkProviderId | 200.43 kb | - | 46.08 kb | 246.51 kb |
| components/NcUserBubble | 198.61 kb | - | 26.11 kb | 224.72 kb |
| components/NcListItemIcon | 197.65 kb | - | 26.63 kb | 224.29 kb |
| components/NcDashboardWidgetItem | 196.84 kb | - | 26.66 kb | 223.50 kb |
| components/NcAvatar | 193.97 kb | - | 25.32 kb | 219.29 kb |
| components/NcActionInput | 175.99 kb | 323.81 kb | 83.18 kb | 582.99 kb |
| components/NcColorPicker | 171.77 kb | - | 14.22 kb | 185.99 kb |
| components/NcAppSidebar | 171.29 kb | - | 21.79 kb | 193.08 kb |
| components/NcAppSettingsDialog | 169.33 kb | - | 21.45 kb | 190.78 kb |
| components/NcDialog | 159.98 kb | - | 19.45 kb | 179.42 kb |
| components/NcModal | 151.58 kb | - | 17.23 kb | 168.81 kb |
| components/NcAppNavigationItem | 147.26 kb | - | 21.13 kb | 168.39 kb |
| components/NcBreadcrumbs | 128.85 kb | - | 19.51 kb | 148.35 kb |
| components/NcChip | 119.36 kb | - | 14.92 kb | 134.27 kb |
| components/NcListItem | 116.74 kb | - | 16.46 kb | 133.20 kb |
| components/NcBreadcrumb | 114.02 kb | - | 11.58 kb | 125.60 kb |
| components/NcAppNavigationCaption | 111.10 kb | - | 11.10 kb | 122.20 kb |
| components/NcActions | 109.99 kb | - | 10.12 kb | 120.11 kb |
| components/NcSelectTags | 100.11 kb | - | 14.04 kb | 114.15 kb |
| components/NcTimezonePicker | 94.12 kb | - | 14.04 kb | 108.16 kb |
| components/NcSettingsSelectGroup | 93.94 kb | - | 14.29 kb | 108.23 kb |
| components/NcPopover | 90.90 kb | - | 2.50 kb | 93.40 kb |
| components/NcSelect | 86.15 kb | - | 14.04 kb | 100.19 kb |
| components/NcRelatedResourcesPanel | 74.31 kb | - | 9.72 kb | 84.03 kb |
| components/NcHeaderMenu | 61.14 kb | - | 8.05 kb | 69.19 kb |
| components/NcAppNavigation | 57.99 kb | - | 9.58 kb | 67.58 kb |
| components/NcAppContent | 56.10 kb | - | 12.70 kb | 68.80 kb |
| components/NcContent | 52.47 kb | - | 8.38 kb | 60.86 kb |
| components/NcPasswordField | 51.07 kb | - | 14.46 kb | 65.53 kb |
| functions/usernameToColor => usernameToColor | 48.41 kb | - | - | 48.41 kb |
| components/NcAppNavigationSettings | 47.55 kb | - | 7.60 kb | 55.15 kb |
| functions/emoji => getCurrentSkinTone | 46.79 kb | - | - | 46.79 kb |
| functions/emoji => setCurrentSkinTone | 46.77 kb | - | - | 46.77 kb |
| functions/emoji => emojiAddRecent | 46.70 kb | - | - | 46.70 kb |
| components/NcTextField | 46.26 kb | - | 14.27 kb | 60.53 kb |
| components/NcAppNavigationSearch | 46.23 kb | - | 15.00 kb | 61.23 kb |
| components/NcUserStatusIcon | 43.74 kb | - | 0.55 kb | 44.30 kb |
| components/NcCheckboxRadioSwitch | 42.70 kb | - | 9.66 kb | 52.36 kb |
| components/NcAppNavigationNewItem | 42.31 kb | - | 13.78 kb | 56.09 kb |
| components/NcDialogButton | 35.65 kb | - | 7.20 kb | 42.85 kb |
| components/NcDateTime | 35.47 kb | - | - | 35.47 kb |
| composables/useFormatDateTime => useFormatRelativeTime | 33.23 kb | - | - | 33.23 kb |
| components/NcInputField | 32.53 kb | - | 14.27 kb | 46.80 kb |
| composables/useFormatDateTime => useFormatTime | 31.82 kb | - | - | 31.82 kb |
| components/NcDateTimePickerNative | 31.17 kb | - | 2.23 kb | 33.40 kb |
| components/NcSettingsSection | 30.34 kb | - | 1.17 kb | 31.51 kb |
| components/NcTextArea | 30.04 kb | - | 5.37 kb | 35.40 kb |
| components/NcActionButton | 28.42 kb | - | 3.28 kb | 31.69 kb |
| components/NcActionTextEditable | 28.35 kb | - | 8.17 kb | 36.52 kb |
| components/NcActionCheckbox | 28.23 kb | - | 3.46 kb | 31.69 kb |
| components/NcActionRadio | 27.83 kb | - | 3.42 kb | 31.25 kb |
| components/NcActionButtonGroup | 27.45 kb | - | 1.34 kb | 28.79 kb |
| components/NcNoteCard | 25.42 kb | - | 2.33 kb | 27.74 kb |
| components/NcIconSvgWrapper | 22.96 kb | - | 0.95 kb | 23.91 kb |
| components/NcCounterBubble | 22.89 kb | - | 1.26 kb | 24.14 kb |
| components/NcBlurHash | 22.48 kb | - | 0.20 kb | 22.68 kb |
| components/NcAppSidebarHeader | 18.92 kb | - | - | 18.92 kb |
| directives/Linkify => Linkify | 17.68 kb | - | - | 17.68 kb |
| functions/preloadImage => preloadImage | 10.27 kb | - | - | 10.27 kb |
| components/NcHeaderButton | 5.47 kb | - | 7.28 kb | 12.75 kb |
| components/NcAppNavigationNew | 4.83 kb | - | 6.34 kb | 11.18 kb |
| components/NcAppSettingsSection | 4.76 kb | - | 1.12 kb | 5.88 kb |
| components/NcButton | 4.08 kb | - | 6.08 kb | 10.17 kb |
| components/NcActionRouter | 3.82 kb | - | 2.31 kb | 6.13 kb |
| components/NcActionLink | 3.74 kb | - | 2.07 kb | 5.81 kb |
| composables/useIsDarkTheme => useIsDarkTheme | 3.73 kb | - | - | 3.73 kb |
| components/NcEllipsisedOption | 3.56 kb | - | 0.53 kb | 4.08 kb |
| composables/useIsDarkTheme => useIsDarkThemeElement | 3.40 kb | - | - | 3.40 kb |
| functions/registerReference => renderWidget | 3.26 kb | - | - | 3.26 kb |
| functions/registerReference => renderCustomPickerElement | 3.24 kb | - | - | 3.24 kb |
| components/NcProgressBar | 3.21 kb | - | 1.42 kb | 4.63 kb |
| components/NcActionText | 3.21 kb | - | 2.37 kb | 5.58 kb |
| functions/registerReference => getCustomPickerElementSize | 3.09 kb | - | - | 3.09 kb |
| functions/registerReference => destroyCustomPickerElement | 3.08 kb | - | - | 3.08 kb |
| functions/registerReference => destroyWidget | 3.07 kb | - | - | 3.07 kb |
| functions/registerReference => NcCustomPickerRenderResult | 3.03 kb | - | - | 3.03 kb |
| functions/registerReference => isCustomPickerElementRegistered | 3.02 kb | - | - | 3.02 kb |
| functions/registerReference => isWidgetRegistered | 3.01 kb | - | - | 3.01 kb |
| functions/registerReference => registerWidget | 2.96 kb | - | - | 2.96 kb |
| functions/registerReference => registerCustomPickerElement | 2.96 kb | - | - | 2.96 kb |
| composables/useHotKey => useHotKey | 2.57 kb | - | - | 2.57 kb |
| functions/contactsMenu => registerContactsMenuAction | 2.51 kb | - | - | 2.51 kb |
| components/NcAppSidebarTab | 2.48 kb | - | 0.50 kb | 2.98 kb |
| functions/contactsMenu => getEnabledContactsMenuActions | 2.41 kb | - | - | 2.41 kb |
| components/NcEmptyContent | 2.33 kb | - | 1.14 kb | 3.47 kb |
| components/NcHighlight | 1.75 kb | - | - | 1.75 kb |
| components/NcLoadingIcon | 1.68 kb | - | 0.33 kb | 2.01 kb |
| components/NcSavingIndicatorIcon | 1.67 kb | - | - | 1.67 kb |
| components/NcGuestContent | 1.22 kb | - | 0.65 kb | 1.87 kb |
| components/NcThemeProvider | 1.21 kb | - | - | 1.21 kb |
| components/NcAppContentList | 1.11 kb | - | - | 1.11 kb |
| components/NcActionCaption | 1.08 kb | - | 0.52 kb | 1.60 kb |
| components/NcAppNavigationList | 1.03 kb | - | 0.38 kb | 1.41 kb |
| components/NcAppContentDetails | 0.96 kb | - | - | 0.96 kb |
| components/NcAppNavigationIconBullet | 0.84 kb | - | 0.47 kb | 1.31 kb |
| composables/useIsMobile => useIsMobile | 0.63 kb | - | - | 0.63 kb |
| composables/useIsMobile => useIsSmallMobile | 0.63 kb | - | - | 0.63 kb |
| composables/useIsFullscreen => useIsFullscreen | 0.58 kb | - | - | 0.58 kb |
| components/NcAppNavigationSpacer | 0.52 kb | - | 0.14 kb | 0.66 kb |
| components/NcActionSeparator | 0.51 kb | - | 0.32 kb | 0.83 kb |
| functions/dialog => spawnDialog | 0.47 kb | - | - | 0.47 kb |
| components/NcVNodes | 0.21 kb | - | - | 0.21 kb |
| functions/isDarkTheme => isDarkTheme | 0.17 kb | - | - | 0.17 kb |
| functions/isDarkTheme => checkIfDarkTheme | 0.17 kb | - | - | 0.17 kb |
| functions/a11y => isA11yActivation | 0.09 kb | - | - | 0.09 kb |
| directives/Focus => Focus | 0.04 kb | - | - | 0.04 kb |