epam / clocksFile 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 91 files with 4,945 lines of code.

0 very long files (0 lines of code)
1 long files (635 lines of code)
1 medium size files (323 lines of codeclsfd_ftr_w_mp_ins)
11 small files (1,430 lines of code)
78 very small files (2,557 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
timezonesDB.ts in src/App/redux	635	-
LocationBlock.module.scss in src/App/components/Section/components/LocationBlock	323	-
SettingsModal.tsx in src/App/components/Header/components/SettingsModal	184	-
LocationBlock.tsx in src/App/components/Section/components/LocationBlock	160	-
Section.tsx in src/App/components/Section	156	1
LaneBlock.tsx in src/App/components/Section/components/LaneBlock	152	-
AddLocation.tsx in src/App/components/Header/components/AddLocation	120	-
DrawerBlock.module.scss in src/App/components/Header/components/AddLocation/components/DrawerBlock	119	-
useTimeInfo.tsx in src/App/hooks	114	-
DrawerBlock.tsx in src/App/components/Header/components/AddLocation/components/DrawerBlock	110	-
useLocations.tsx in src/App/hooks	108	-
NotFound.module.scss in src/App/components/pages/NotFound	106	-
LaneMode.tsx in src/App/components/Header/components/LaneMode	101	-
CommentButton.tsx in src/App/components/Section/components/LocationBlock/components/CommentButton	99	-
reducer.ts in src/App/redux	97	-
types.ts in src/App/redux	95	-
Section.module.scss in src/App/components/Section	79	-
useOnboarding.tsx in src/App/hooks	79	-
Onboarding.tsx in src/App/components/Section/components/Onboarding	76	-
App.tsx in src/App	73	-
Footer.tsx in src/App/components/Footer	72	-
PinButton.tsx in src/App/components/Section/components/LocationBlock/components/PinButton	70	-
LaneBlock.module.scss in src/App/components/Section/components/LaneBlock	64	-
HelpModule.tsx in src/App/components/Footer/components/HelpModule	63	-
useAutoTheme.tsx in src/App/hooks	63	-
NotFound.tsx in src/App/components/pages/NotFound	61	-
ReloadOnboarding.tsx in src/App/components/Footer/components/ReloadOnboarding	60	-
CommentButton.module.scss in src/App/components/Section/components/LocationBlock/components/CommentButton	60	-
DisplayBlock.tsx in src/App/components/Header/components/SettingsModal/components/DisplayBlock	59	-
SettingsModal.module.scss in src/App/components/Header/components/SettingsModal	58	-
ThemeBlock.tsx in src/App/components/Header/components/SettingsModal/components/ThemeBlock	57	-
TimeInfo.module.scss in src/App/components/Section/components/LocationBlock/components/TimeInfo	56	-
TimeInfo.tsx in src/App/components/Section/components/LocationBlock/components/TimeInfo	55	-
DeleteMode.tsx in src/App/components/Header/components/DeleteMode	52	-
CookiePolicy.tsx in src/App/components/Section/components/CookiePolicy	47	-
Footer.module.scss in src/App/components/Footer	46	-
AnnounceModule.tsx in src/App/components/Section/components/AnnounceModal	46	-
AnnounceModule.module.scss in src/App/components/Section/components/AnnounceModal	43	-
ShareButton.tsx in src/App/components/Header/components/ShareButton	43	-
useSnackbar.tsx in src/App/hooks	42	-
EmptyState.module.scss in src/App/components/Section/components/EmptyState	41	-
ReloadOnboarding.module.scss in src/App/components/Footer/components/ReloadOnboarding	35	-
CustomMenuItem.tsx in src/App/components/Header/components/AddLocation/components/DrawerBlock/components/MenuItem	35	-
HelpModule.module.scss in src/App/components/Footer/components/HelpModule	34	-
CookiePolicy.module.scss in src/App/components/Section/components/CookiePolicy	34	-
Header.tsx in src/App/components/Header	32	-
Header.module.scss in src/App/components/Header	31	-
actions.ts in src/App/redux	31	-
generateTime.ts in src/App/utils	29	-
HoursSortingBlock.tsx in src/App/components/Header/components/SettingsModal/components/HoursSortingBlock	29	-

Files With Most Units (Top 7)

File	# lines	# units
useWindowDimensions.tsx in src/App/hooks	18	3
gh-pages-deploy.js in root	25	1
generateLocationKey.ts in src/App/utils	4	1
addClassName.ts in src/App/utils	4	1
removeClassName.ts in src/App/utils	4	1
truncate.ts in src/App/utils	7	1
Section.tsx in src/App/components/Section	156	1

Files With Long Lines (Top 0)

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

File	# lines	# units	# long lines

Correlations

File Size vs. Commits (all time): 91 points

		635.0	lines of code min: 1.0 average: 54.34 25th percentile: 15.0 median: 32.0 75th percentile: 64.0 max: 635.0
0	127.0
commits (all time) min: 1.0 \| average: 20.77 \| 25th percentile: 5.0 \| median: 9.0 \| 75th percentile: 31.0 \| max: 127.0

File Size vs. Contributors (all time): 91 points

		635.0	lines of code min: 1.0 average: 54.34 25th percentile: 15.0 median: 32.0 75th percentile: 64.0 max: 635.0
0	14.0
contributors (all time) min: 1.0 \| average: 5.31 \| 25th percentile: 3.0 \| median: 5.0 \| 75th percentile: 8.0 \| max: 14.0

File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".

File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".