The distribution of size of files (measured in lines of code).
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.
File Size Overall
- There are 91 files with 6,196 lines of code.
- 0 very long files (0 lines of code)
- 2 long files (1,309 lines of code)
- 3 medium size files (942 lines of codeclsfd_ftr_w_mp_ins)
- 12 small files (1,684 lines of code)
- 74 very small files (2,261 lines of code)
Legend:
1001+
501-1000
201-500
101-200
1-100
explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
File Size per Logical Decomposition
primary
Longest Files (Top 50)
| File | # lines | # units |
|---|---|---|
 download.css in resources |
804 | - |
 ChimeSdkWrapper.ts in app/chime |
505 | 1 |
 template.yaml in serverless |
345 | - |
 deploy.js in script |
302 | 10 |
menu.ts in app |
295 | 13 |
 Controls.tsx in app/components |
198 | - |
Classroom.tsx in app/components |
177 | - |
messaging.js in serverless/src |
162 | - |
ScreenPicker.css in app/components |
155 | - |
ScreenPicker.tsx in app/components |
153 | - |
RemoteVideoGroup.tsx in app/components |
143 | 1 |
main.dev.ts in app |
124 | 1 |
Login.tsx in app/components |
122 | - |
CreateOrJoin.css in app/components |
121 | - |
Classroom.css in app/components |
118 | - |
Roster.tsx in app/components |
109 | 1 |
LoadingSpinner.css in app/components |
102 | - |
RemoteVideoGroup.css in app/components |
94 | - |
ChatInput.tsx in app/components |
89 | - |
DeviceSwitcher.tsx in app/components |
88 | 1 |
handlers.js in serverless/src |
80 | 1 |
MeetingStatusProvider.tsx in app/providers |
78 | 1 |
Roster.css in app/components |
78 | - |
Chat.tsx in app/components |
76 | 1 |
Controls.css in app/components |
72 | - |
VideoNameplate.css in app/components |
69 | - |
ContentVideo.tsx in app/components |
63 | 1 |
RemoteVideo.tsx in app/components |
59 | - |
RemoteVideo.css in app/components |
58 | - |
app.global.css in app |
58 | - |
en-US.ts in app/i18n |
58 | - |
DeviceSwitcher.css in app/components |
56 | - |
Login.css in app/components |
54 | - |
CreateOrJoin.tsx in app/components |
54 | - |
CPUUsage.tsx in app/components |
52 | 1 |
 app.html in app |
48 | - |
CheckNativeDep.js in internals/scripts |
45 | - |
babel.config.js in root |
44 | - |
Routes.tsx in app |
44 | - |
VideoNameplate.tsx in app/components |
43 | - |
ChatInput.css in app/components |
42 | - |
Chat.css in app/components |
40 | - |
LocalVideo.tsx in app/components |
40 | 1 |
ScreenShareHeader.tsx in app/components |
34 | - |
useAttendee.tsx in app/hooks |
34 | 1 |
getUIStateContext.ts in app/context |
32 | 1 |
useRaisedHandAttendees.tsx in app/hooks |
32 | 1 |
useFocusMode.tsx in app/hooks |
31 | 1 |
Error.css in app/components |
28 | - |
UIStateProvider.tsx in app/providers |
27 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
menu.ts in app |
295 | 13 |
deploy.js in script |
302 | 10 |
handlers.js in serverless/src |
80 | 1 |
MeetingStatusProvider.tsx in app/providers |
78 | 1 |
ChimeSdkWrapper.ts in app/chime |
505 | 1 |
main.dev.ts in app |
124 | 1 |
ContentVideo.tsx in app/components |
63 | 1 |
RemoteVideoGroup.tsx in app/components |
143 | 1 |
DeviceSwitcher.tsx in app/components |
88 | 1 |
App.tsx in app/components |
14 | 1 |
CPUUsage.tsx in app/components |
52 | 1 |
Roster.tsx in app/components |
109 | 1 |
LocalVideo.tsx in app/components |
40 | 1 |
Chat.tsx in app/components |
76 | 1 |
getChimeContext.ts in app/context |
6 | 1 |
getRosterContext.ts in app/context |
6 | 1 |
getUIStateContext.ts in app/context |
32 | 1 |
getMeetingStatusContext.ts in app/context |
11 | 1 |
useRoster.tsx in app/hooks |
20 | 1 |
useDevices.tsx in app/hooks |
27 | 1 |
Files With Long Lines (Top 4)
There are 4 files with lines longer than 120 characters. In total, there are 5 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
template.yaml in serverless |
345 | - | 2 |
Tooltip.tsx in app/components |
11 | - | 1 |
download.css in resources |
804 | - | 1 |
CheckNativeDep.js in internals/scripts |
45 | - | 1 |