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 89 files with 4,759 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 3 medium size files (1,083 lines of codeclsfd_ftr_w_mp_ins)
- 8 small files (1,079 lines of code)
- 78 very small files (2,597 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 |
|---|---|---|
 template.yaml in serverless |
439 | - |
 MeetingManager.ts in src/providers/MeetingProvider |
388 | 10 |
 videoSending.js in serverless/src |
256 | - |
 Styled.tsx in src/components/VideoGrid |
176 | - |
Styled.tsx in src/components/FormField |
168 | - |
deploy.js in serverless |
146 | 8 |
VideoSendingProvider.tsx in src/providers |
133 | 2 |
server.js in root |
126 | 2 |
Styled.tsx in src/components/Modal |
115 | - |
MeetingForm.tsx in src/containers |
114 | - |
index.tsx in src/components/FormField |
101 | - |
RemoteVideoGrid.tsx in src/containers |
99 | - |
ReconnectingPromisedWebSocket.ts in src/utils |
97 | 4 |
MeetingStatusProvider.tsx in src/providers |
94 | - |
EndMeetingControl.tsx in src/containers |
77 | - |
DefaultPromisedWebSocket.ts in src/utils |
77 | 4 |
Styled.tsx in src/components/VideoTile |
75 | - |
VideoInputControl.tsx in src/containers |
66 | - |
Styled.tsx in src/components/RemoteVideo |
66 | - |
MeetingJoinDetails.tsx in src/containers |
65 | - |
RosterProvider.tsx in src/providers |
64 | - |
handlers.js in serverless/src |
63 | 1 |
VideoInputProvider.tsx in src/providers/DevicesProvider |
63 | 1 |
AudioOutputProvider.tsx in src/providers/DevicesProvider |
62 | 1 |
AudioInputProvider.tsx in src/providers/DevicesProvider |
60 | 1 |
LocalVideoToggleProvider.tsx in src/providers |
60 | - |
DefaultDOMWebSocket.ts in src/utils |
54 | 9 |
DeviceSelection.tsx in src/containers |
52 | - |
Select.tsx in src/components |
52 | - |
Styled.tsx in src/components/Flex |
52 | - |
index.tsx in src/components/Modal |
52 | - |
useElementAspectRatio.tsx in src/components/hooks |
46 | - |
CameraSelection.tsx in src/containers |
45 | 1 |
AudioOutputControl.tsx in src/containers |
44 | - |
DeviceInput.tsx in src/containers |
43 | 1 |
DeviceSetup.tsx in src/containers |
43 | - |
index.tsx in src/components/Flex |
43 | - |
Styled.tsx in src/components/Button |
42 | - |
useAttendeeRealtimeAudio.tsx in src/hooks |
41 | 1 |
MeetingView.tsx in src/containers |
35 | - |
AudioInputControl.tsx in src/containers |
34 | - |
RosterItem.tsx in src/components |
34 | - |
ModalButtonGroup.tsx in src/components/Modal |
34 | - |
useVideoSendingCommand.tsx in src/hooks |
32 | - |
MeetingRoster.tsx in src/containers |
30 | - |
index.tsx in src/components/VideoTile |
30 | - |
SpeakerSelection.tsx in src/containers |
29 | 1 |
Styled.tsx in src/components/Input |
28 | - |
index.tsx in src/components/Portal |
27 | - |
index.tsx in src/components/RemoteVideo |
27 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
MeetingManager.ts in src/providers/MeetingProvider |
388 | 10 |
DefaultDOMWebSocket.ts in src/utils |
54 | 9 |
deploy.js in serverless |
146 | 8 |
DefaultPromisedWebSocket.ts in src/utils |
77 | 4 |
ReconnectingPromisedWebSocket.ts in src/utils |
97 | 4 |
VideoSendingProvider.tsx in src/providers |
133 | 2 |
server.js in root |
126 | 2 |
handlers.js in serverless/src |
63 | 1 |
CameraSelection.tsx in src/containers |
45 | 1 |
MicSelection.tsx in src/containers |
21 | 1 |
DeviceInput.tsx in src/containers |
43 | 1 |
SpeakerSelection.tsx in src/containers |
29 | 1 |
AudioInputProvider.tsx in src/providers/DevicesProvider |
60 | 1 |
AudioOutputProvider.tsx in src/providers/DevicesProvider |
62 | 1 |
VideoInputProvider.tsx in src/providers/DevicesProvider |
63 | 1 |
ErrorProvider.tsx in src/providers |
25 | 1 |
AudioVideoProvider.tsx in src/providers |
19 | 1 |
useClickOutside.tsx in src/components/hooks |
22 | 1 |
useUniqueId.tsx in src/components/hooks |
7 | 1 |
useAttendeeRealtimeAudio.tsx in src/hooks |
41 | 1 |
Files With Long Lines (Top 4)
There are 4 files with lines longer than 120 characters. In total, there are 7 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
template.yaml in serverless |
439 | - | 4 |
MeetingForm.tsx in src/containers |
114 | - | 1 |
MeetingJoinDetails.tsx in src/containers |
65 | - | 1 |
VideoInputControl.tsx in src/containers |
66 | - | 1 |