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 46 files with 3,403 lines of code.
- 1 very long files (1,451 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (306 lines of codeclsfd_ftr_w_mp_ins)
- 6 small files (850 lines of code)
- 38 very small files (796 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 46)
| File | # lines | # units |
|---|---|---|
 index.css in web-ui/src |
1451 | - |
 index.js in serverless/lambda |
306 | 1 |
 provider.jsx in web-ui/src/contexts/Metadata |
174 | - |
MetadataForm.jsx in web-ui/src/pages/Dashboard/MetadataForm |
159 | - |
Editor.jsx in web-ui/src/components/Editor |
142 | - |
Dashboard.jsx in web-ui/src/pages/Dashboard |
133 | - |
 template.yaml in serverless |
128 | - |
provider.jsx in web-ui/src/contexts/Notifications |
114 | - |
serviceWorker.js in web-ui/src |
98 | 4 |
provider.jsx in web-ui/src/contexts/Modal |
71 | - |
provider.jsx in web-ui/src/contexts/Channels |
69 | - |
theme.js in web-ui/src/components/Editor |
68 | - |
MetadataList.jsx in web-ui/src/pages/Dashboard/MetadataList |
65 | - |
provider.jsx in web-ui/src/contexts/Form |
41 | - |
Notifications.jsx in web-ui/src/components/Notifications |
35 | - |
hooks.js in web-ui/src/utils |
34 | - |
Notifications.css in web-ui/src/components/Notifications |
34 | - |
Modal.jsx in web-ui/src/components/Modal |
27 | - |
ChannelsMenu.jsx in web-ui/src/pages/Dashboard/ChannelsMenu |
26 | - |
ChannelsMenu.css in web-ui/src/pages/Dashboard/ChannelsMenu |
25 | - |
Dashboard.css in web-ui/src/pages/Dashboard |
24 | - |
helpers.js in web-ui/src/utils |
21 | - |
App.js in web-ui/src |
20 | - |
 index.html in web-ui/public |
19 | - |
MetadataForm.css in web-ui/src/pages/Dashboard/MetadataForm |
17 | - |
index.js in web-ui/src |
12 | - |
useChannels.js in web-ui/src/contexts/Channels |
12 | - |
useMetadata.js in web-ui/src/contexts/Metadata |
12 | - |
useNotifications.js in web-ui/src/contexts/Notifications |
12 | - |
MetadataList.css in web-ui/src/pages/Dashboard/MetadataList |
11 | - |
useForm.js in web-ui/src/contexts/Form |
10 | - |
useModal.js in web-ui/src/contexts/Modal |
10 | - |
config.js in web-ui/src |
5 | - |
context.js in web-ui/src/contexts/Form |
2 | - |
context.js in web-ui/src/contexts/Channels |
2 | - |
context.js in web-ui/src/contexts/Metadata |
2 | - |
context.js in web-ui/src/contexts/Modal |
2 | - |
context.js in web-ui/src/contexts/Notifications |
2 | - |
App.css in web-ui/src |
1 | - |
index.js in web-ui/src/components/Editor |
1 | - |
index.js in web-ui/src/components/Modal |
1 | - |
index.js in web-ui/src/components/Notifications |
1 | - |
index.js in web-ui/src/pages/Dashboard/MetadataForm |
1 | - |
index.js in web-ui/src/pages/Dashboard |
1 | - |
index.js in web-ui/src/pages/Dashboard/MetadataList |
1 | - |
index.js in web-ui/src/pages/Dashboard/ChannelsMenu |
1 | - |
Files With Most Units (Top 2)
| File | # lines | # units |
|---|---|---|
serviceWorker.js in web-ui/src |
98 | 4 |
index.js in serverless/lambda |
306 | 1 |
Files With Long Lines (Top 1)
There is only one file with lines longer than 120 characters. In total, there is only one long line.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.html in web-ui/public |
19 | - | 1 |