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 25 files with 1,076 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
- 2 small files (279 lines of code)
- 23 very small files (797 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 25)
| File | # lines | # units |
|---|---|---|
 template.yaml in backend |
159 | - |
 CheckoutSummary.js in frontend/src/components |
120 | 1 |
serviceWorker.js in frontend/src |
92 | 4 |
Checkout.js in frontend/src/pages |
81 | 4 |
AppProvider.js in frontend/src/context |
80 | - |
ProductItem.js in frontend/src/components |
71 | 1 |
Product.js in frontend/src/pages |
62 | 1 |
CheckoutBanner.js in frontend/src/components |
47 | 1 |
CheckoutPayment.js in frontend/src/components |
46 | - |
TopMenu.js in frontend/src/components |
42 | 1 |
InitState.js in frontend/src/pages |
34 | - |
PlacedOrder.js in frontend/src/pages |
32 | 1 |
getAllProducts.js in backend/src/getAllProducts |
30 | 1 |
index.js in frontend/src |
29 | - |
getConfig.js in backend/src/FeatureFlagLayer |
21 | 1 |
 index.html in frontend/public |
20 | - |
getFeature.js in backend/src/FeatureFlagLayer |
19 | 1 |
App.js in frontend/src |
18 | - |
ItemTable.js in frontend/src/components |
16 | 1 |
AppContext.js in frontend/src/context |
15 | - |
Feature.js in frontend/src/components |
13 | - |
 index.css in frontend/src |
12 | - |
getFeatureFlags.js in backend/src/getFeatureFlags |
10 | - |
currency.js in frontend/src/services |
6 | - |
App.css in frontend/src |
1 | - |
Files With Most Units (Top 12)
| File | # lines | # units |
|---|---|---|
serviceWorker.js in frontend/src |
92 | 4 |
Checkout.js in frontend/src/pages |
81 | 4 |
CheckoutBanner.js in frontend/src/components |
47 | 1 |
ProductItem.js in frontend/src/components |
71 | 1 |
ItemTable.js in frontend/src/components |
16 | 1 |
TopMenu.js in frontend/src/components |
42 | 1 |
CheckoutSummary.js in frontend/src/components |
120 | 1 |
Product.js in frontend/src/pages |
62 | 1 |
PlacedOrder.js in frontend/src/pages |
32 | 1 |
getFeature.js in backend/src/FeatureFlagLayer |
19 | 1 |
getConfig.js in backend/src/FeatureFlagLayer |
21 | 1 |
getAllProducts.js in backend/src/getAllProducts |
30 | 1 |
Files With Long Lines (Top 1)
There is only one file with lines longer than 120 characters. In total, there are 2 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
template.yaml in backend |
159 | - | 2 |