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 337 files with 17,136 lines of code.
- 0 very long files (0 lines of code)
- 1 long files (807 lines of code)
- 8 medium size files (2,754 lines of codeclsfd_ftr_w_mp_ins)
- 31 small files (4,371 lines of code)
- 297 very small files (9,204 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 |
|---|---|---|
 MeetingManager.ts in src/providers/MeetingProvider |
807 | 10 |
dark.ts in src/theme |
434 | 2 |
light.ts in src/theme |
434 | 2 |
 FormField.stories.tsx in src/components/ui/FormField |
399 | 3 |
Styled.tsx in src/components/ui/VideoGrid |
399 | - |
Modal.stories.tsx in src/components/ui/Modal |
352 | - |
styled.ts in src/theme |
306 | - |
Roster.stories.tsx in src/components/ui/Roster |
221 | - |
ControlBar.stories.tsx in src/components/ui/ControlBar |
209 | - |
Styled.tsx in src/components/ui/Button |
193 | - |
 release.js in scripts |
184 | - |
PopOver.stories.tsx in src/components/ui/PopOver |
181 | - |
index.ts in src |
173 | - |
Styled.tsx in src/components/ui/FormField |
172 | - |
AudioInputVFControl.tsx in src/components/sdk/MeetingControls |
171 | 1 |
index.tsx in src/providers/ContentShareProvider |
170 | - |
Styled.tsx in src/components/ui/ControlBar |
163 | - |
RosterHeader.tsx in src/components/ui/Roster |
161 | - |
index.tsx in src/providers/VoiceFocusProvider |
159 | 3 |
index.tsx in src/components/ui/PopOver |
156 | 1 |
default.ts in src/theme |
154 | - |
VideoInputBackgroundBlurControl.tsx in src/components/sdk/MeetingControls |
140 | 1 |
All.stories.tsx in src/components/ui/icons/All |
140 | - |
index.tsx in src/components/ui/Input |
138 | - |
state.tsx in src/providers/ContentShareProvider |
136 | 1 |
RosterTestPage.js in integration/pages |
134 | 17 |
AudioInputProvider.tsx in src/providers/DevicesProvider |
132 | 2 |
index.tsx in src/providers/BackgroundReplacementProvider |
131 | 1 |
index.tsx in src/providers/BackgroundBlurProvider |
131 | 1 |
Styled.tsx in src/components/ui/PopOver |
131 | - |
StyledReset.ts in src/theme |
131 | 1 |
check-codestyle.js in scripts |
128 | 4 |
index.tsx in src/components/ui/Chat/InfiniteList |
125 | - |
index.tsx in src/components/ui/FormField |
114 | - |
Styled.tsx in src/components/ui/Chat/ChatBubble |
108 | - |
useAttendeeStatus.tsx in src/hooks/sdk |
106 | 1 |
Styled.tsx in src/components/ui/Roster |
104 | - |
Styled.tsx in src/components/ui/WithTooltip |
103 | 4 |
index.tsx in src/providers/MeetingProvider |
101 | - |
ChatBubble.stories.tsx in src/components/ui/Chat/ChatBubble |
101 | - |
index.tsx in src/components/ui/WithTooltip |
98 | - |
state.tsx in src/providers/RemoteVideoTileProvider |
97 | 1 |
Notification.stories.tsx in src/components/ui/Notification |
96 | - |
index.tsx in src/components/ui/Roster/RosterCell |
95 | 1 |
Styled.ts in src/components/ui/Modal |
95 | - |
ControlBarButton.tsx in src/components/ui/ControlBar |
93 | - |
Button.stories.tsx in src/components/ui/Button |
93 | - |
server.js in integration/app/test-demo |
93 | 1 |
utilities.js in scripts |
93 | 1 |
index.tsx in src/components/ui/Notification |
86 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
RosterTestPage.js in integration/pages |
134 | 17 |
MeetingManager.ts in src/providers/MeetingProvider |
807 | 10 |
api.ts in integration/app/test-demo/src/utils |
50 | 7 |
BaseTestPage.js in integration/pages |
49 | 7 |
BasePage.js in integration/pages |
20 | 5 |
Styled.tsx in src/components/ui/WithTooltip |
103 | 4 |
Window.js in integration/utils |
23 | 4 |
check-codestyle.js in scripts |
128 | 4 |
index.tsx in src/providers/VoiceFocusProvider |
159 | 3 |
FormField.stories.tsx in src/components/ui/FormField |
399 | 3 |
DriverFactory.js in integration/utils |
68 | 3 |
AudioInputProvider.tsx in src/providers/DevicesProvider |
132 | 2 |
device-utils.ts in src/utils |
54 | 2 |
Versioning.ts in src/versioning |
8 | 2 |
dark.ts in src/theme |
434 | 2 |
light.ts in src/theme |
434 | 2 |
index.tsx in src/hooks/useApplyVideoObjectFit |
17 | 2 |
useMediaStreamMetrics.tsx in src/hooks/sdk |
82 | 2 |
useLocalAudioInputActivity.tsx in src/hooks/sdk |
65 | 2 |
useBandwidthMetrics.tsx in src/hooks/sdk |
54 | 2 |
Files With Long Lines (Top 20)
There are 54 files with lines longer than 120 characters. In total, there are 81 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.tsx in src/components/ui/icons/Spinner |
72 | - | 12 |
release.js in scripts |
184 | - | 6 |
Styled.tsx in src/components/ui/VideoGrid |
399 | - | 5 |
index.tsx in src/providers/BackgroundReplacementProvider |
131 | 1 | 2 |
index.tsx in src/components/ui/icons/Camera |
16 | - | 2 |
index.tsx in src/components/ui/icons/Pin |
13 | - | 2 |
index.tsx in src/components/ui/icons/Caution |
24 | - | 2 |
index.tsx in src/components/ui/icons/Dock |
13 | - | 2 |
ChatBubble.stories.tsx in src/components/ui/Chat/ChatBubble |
101 | - | 2 |
prebuild.js in scripts |
82 | - | 2 |
index.tsx in src/providers/BackgroundBlurProvider |
131 | 1 | 1 |
Styled.tsx in src/components/ui/Notification |
65 | - | 1 |
index.tsx in src/components/ui/icons/ConnectionProblem |
9 | - | 1 |
index.tsx in src/components/ui/icons/Add |
9 | - | 1 |
index.tsx in src/components/ui/icons/Attachment |
9 | - | 1 |
index.tsx in src/components/ui/icons/Feedback |
9 | - | 1 |
index.tsx in src/components/ui/icons/Pause |
9 | - | 1 |
index.tsx in src/components/ui/icons/Remove |
9 | - | 1 |
index.tsx in src/components/ui/icons/Eye |
8 | - | 1 |
index.tsx in src/components/ui/icons/ZoomOut |
14 | - | 1 |