JetBrains / ring-ui File Size

Intro

File size measurements show the distribution of size of files.
Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

Learn more...

File Size Overall

There are 403 files with 37,934 lines of code.

2 very long files (2,264 lines of code)
6 long files (4,268 lines of code)
32 medium size files (9,265 lines of codeclsfd_ftr_w_mp_ins)
66 small files (9,503 lines of code)
297 very small files (12,634 lines of code)

Legend:

1001+

501-1000

201-500

101-200

1-100

explore: grouped by folders | grouped by size | sunburst | 3D view

File Size per Extension

1001+

501-1000

201-500

101-200

1-100

File Size per Logical Decomposition

primary

1001+

501-1000

201-500

101-200

1-100

Longest Files (Top 50)

File	# lines	# units
select.tsx in src/select	1239	30
select.stories.tsx in src/select	1025	1
query-assist.tsx in src/query-assist	866	23
auth-core.ts in src/auth	864	42
grid.css in src/grid	692	-
list.tsx in src/list	650	22
formats.ts in src/date-picker	647	-
select-popup.tsx in src/select	549	17
popup.stories.tsx in src/popup	487	5
table.stories.tsx in src/table	451	3
date-picker.css in src/date-picker	438	-
popup.tsx in src/popup	396	13
mjs eslint.config.mjs in root	393	-
date-picker.stories.tsx in src/date-picker	384	14
date-popup.tsx in src/date-picker	359	8
tags-input.tsx in src/tags-input	344	8
button.css in src/button	343	-
table.tsx in src/table	323	5
service.tsx in src/user-agreement	287	2
dialog.stories.tsx in src/dialog	279	5
pager.tsx in src/pager	270	9
grid.stories.tsx in src/grid	266	-
date-picker.tsx in src/date-picker	259	4
dialog.tsx in src/dialog	252	8
data-list.mock.tsx in src/data-list	249	-
slider.tsx in src/slider	248	-
position.ts in src/popup	247	9
tabs.stories.tsx in src/tabs	244	2
variables.css in src/global	240	-
loader-core.ts in src/loader	239	25
pager.stories.tsx in src/pager	238	17
query-assist.stories.tsx in src/query-assist	238	1
fallback-avatar.tsx in src/avatar	238	2
input.tsx in src/input	236	9
editable-heading.tsx in src/editable-heading	234	1
collapsible-tabs.tsx in src/tabs	227	-
list.css in src/list	218	-
row.tsx in src/table	214	2
variables.stories.tsx in src/global	213	1
variables_dark.css in src/global	211	-
dropdown.tsx in src/dropdown	194	3
http.ts in src/http	193	8
query-assist.css in src/query-assist	191	-
item.tsx in src/data-list	188	1
button-group.css in src/button-group	187	-
core.ts in src/shortcuts	187	16
tooltip.tsx in src/tooltip	187	5
list-item.tsx in src/list	184	1
table.css in src/table	183	-
alert.tsx in src/alert	181	7

Files With Most Units (Top 50)

File	# lines	# units
auth-core.ts in src/auth	864	42
select.tsx in src/select	1239	30
loader-core.ts in src/loader	239	25
query-assist.tsx in src/query-assist	866	23
list.tsx in src/list	650	22
selection.ts in src/table	176	19
pager.stories.tsx in src/pager	238	17
select-popup.tsx in src/select	549	17
core.ts in src/shortcuts	187	16
date-picker.stories.tsx in src/date-picker	384	14
hub-source.ts in src/hub-source	118	14
dom.ts in src/global	110	13
popup.tsx in src/popup	396	13
storage.ts in src/auth	174	13
permissions.ts in src/permissions	126	12
selection.ts in src/data-list	129	12
url.ts in src/global	86	11
token-validator.ts in src/auth	135	11
pager.tsx in src/pager	270	9
position.ts in src/popup	247	9
permissions-cache.ts in src/permissions	167	9
input.tsx in src/input	236	9
tag.tsx in src/tag	169	8
dialog.tsx in src/dialog	252	8
caret.ts in src/caret	171	8
date-popup.tsx in src/date-picker	359	8
tags-input.tsx in src/tags-input	344	8
storage-local.ts in src/storage	91	8
slider.utils.ts in src/slider	66	8
http.ts in src/http	193	8
code.tsx in src/code	93	7
alert.tsx in src/alert	181	7
old-browsers-message.ts in src/old-browsers-message	67	7
background-flow.ts in src/auth	81	7
css-plugin.js in packages/rollup-css-plugin	139	7
analytics-custom-plugin.ts in src/analytics	75	6
hub-source-users-groups.ts in src/hub-source	70	6
http.mock.ts in src/http	60	6
table.tsx in src/table	323	5
icon-svg.tsx in src/icon	64	5
i18n.ts in src/i18n	27	5
dialog.stories.tsx in src/dialog	279	5
shortcuts.ts in src/shortcuts	49	5
years.tsx in src/date-picker	97	5
compose.ts in src/global	39	5
theme.tsx in src/global	111	5
popup.stories.tsx in src/popup	487	5
response-parser.ts in src/auth	64	5
tooltip.tsx in src/tooltip	187	5
download-latest-build.js in packages/screenshots	82	5

Files With Long Lines (Top 23)

There are 23 files with lines longer than 120 characters. In total, there are 29 long lines.

File	# lines	# units	# long lines
select.stories.tsx in src/select	1025	1	4
clipboard.stories.tsx in src/clipboard	27	-	3
icon.tsx in src/icon	81	2	2
code.stories.tsx in src/code	68	2	1
tag.stories.tsx in src/tag	71	1	1
header.tsx in src/island	81	3	1
smart-profile.tsx in src/header	103	3	1
list.tsx in src/list	650	22	1
caret.stories.tsx in src/caret	45	-	1
confirm-service.stories.tsx in src/confirm-service	48	3	1
old-browsers-message.stories.tsx in src/old-browsers-message	39	1	1
error-bubble.stories.tsx in src/error-bubble	92	2	1
checkbox-group.figma.js in src/checkbox	25	-	1
hub-source-users-groups.ts in src/hub-source	70	6	1
markdown.stories.tsx in src/markdown	66	1	1
auth-core.ts in src/auth	864	42	1
footer.stories.tsx in src/footer	41	-	1
grid.stories.tsx in src/grid	266	-	1
avatar.tsx in src/avatar	139	2	1
banner.stories.tsx in src/banner	118	-	1
loader-screen.stories.tsx in src/loader-screen	28	2	1
auth-dialog-service.stories.tsx in src/auth-dialog-service	50	3	1
download-latest-build.js in packages/screenshots	82	5	1