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 61 files with 2,619 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (294 lines of codeclsfd_ftr_w_mp_ins)
- 4 small files (591 lines of code)
- 56 very small files (1,734 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 |
|---|---|---|
 vacationtrackerd86ca2cd-cloudformation-template.yml in event-driven-developers-tale/amplify/backend/auth/vacationtrackerd86ca2cd |
294 | - |
 Main.js in micro-frontends-module-federation/appshell/src |
179 | - |
infrastructure-stack.js in event-driven-developers-tale/infrastructure/lib |
163 | 1 |
CustomTable.js in event-driven-developers-tale/src/components |
127 | 2 |
Vacations.js in event-driven-developers-tale/src/pages |
122 | 8 |
template.yaml in hexagonal-architectures |
92 | - |
 schema.graphql in event-driven-developers-tale/amplify/backend/api/vacationtracker |
80 | - |
app.js in event-driven-developers-tale/functions/updateVacationRequest |
79 | 1 |
AddVacation.js in event-driven-developers-tale/src/components |
75 | 3 |
App.js in event-driven-developers-tale/src |
73 | 1 |
 api-gateway.ts in hexagonal-architectures/src/adapters |
71 | - |
template.yaml in lambda-powertools-feature-flags/app |
64 | - |
dynamodb-store.ts in hexagonal-architectures/src/store/dynamodb |
62 | 1 |
cdk-stack.ts in lambda-powertools-feature-flags/app-config-store/cdk/lib |
61 | 1 |
app.js in event-driven-developers-tale/functions/vacationRequestValidation |
59 | 3 |
ProfileLink.js in event-driven-developers-tale/src/components |
56 | 1 |
template.yaml in lambda-powertools-feature-flags/app-config-store/cfn |
56 | - |
 app.py in lambda-powertools-feature-flags/app/products |
56 | 5 |
mutations.js in event-driven-developers-tale/src/graphql |
54 | 6 |
Products.ts in hexagonal-architectures/src/domain |
52 | - |
app.js in event-driven-developers-tale/functions/createVacationRequest |
52 | 1 |
NavBar.js in event-driven-developers-tale/src/components |
48 | 2 |
queries.js in event-driven-developers-tale/src/graphql |
45 | 3 |
Home.js in micro-frontends-module-federation/catalogue/src |
41 | - |
SignIn.js in micro-frontends-module-federation/signin/src |
40 | - |
Product.js in micro-frontends-module-federation/catalogue/src |
35 | - |
subscriptions.js in event-driven-developers-tale/src/graphql |
34 | 2 |
 App.css in event-driven-developers-tale/src |
33 | - |
AddCategory.js in event-driven-developers-tale/src/components |
32 | 3 |
template.yaml in event-driven-developers-tale/functions/createVacationRequest |
26 | - |
template.yaml in event-driven-developers-tale/functions/updateVacationRequest |
26 | - |
event-bridge.ts in hexagonal-architectures/src/adapters |
25 | - |
template.yaml in event-driven-developers-tale/functions/vacationRequestValidation |
25 | - |
MyAccount.js in micro-frontends-module-federation/myaccount/src |
22 | - |
tailwind.config.js in event-driven-developers-tale |
21 | - |
Settings.js in event-driven-developers-tale/src/pages |
20 | - |
 index.html in event-driven-developers-tale/public |
20 | - |
Modal.js in event-driven-developers-tale/src/components |
17 | - |
Catalogue.js in micro-frontends-module-federation/catalogue/src |
16 | - |
AccountDetails.js in micro-frontends-module-federation/accountdetails/src |
16 | - |
PaymentDetails.js in micro-frontends-module-federation/paymentdetails/src |
14 | - |
index.js in event-driven-developers-tale/src |
13 | - |
App.js in micro-frontends-module-federation/appshell/src |
11 | - |
index.html in micro-frontends-module-federation/appshell/public |
10 | - |
product.ts in hexagonal-architectures/src/model |
9 | - |
 samconfig.toml in lambda-powertools-feature-flags/app |
9 | - |
Details.js in micro-frontends-module-federation/catalogue/src |
9 | - |
jest.config.js in lambda-powertools-feature-flags/app-config-store/cdk |
8 | - |
product-store.ts in hexagonal-architectures/src/store |
7 | - |
get-product.ts in hexagonal-architectures/src/functions/get-product |
7 | - |
Files With Most Units (Top 17)
| File | # lines | # units |
|---|---|---|
Vacations.js in event-driven-developers-tale/src/pages |
122 | 8 |
mutations.js in event-driven-developers-tale/src/graphql |
54 | 6 |
app.py in lambda-powertools-feature-flags/app/products |
56 | 5 |
queries.js in event-driven-developers-tale/src/graphql |
45 | 3 |
AddCategory.js in event-driven-developers-tale/src/components |
32 | 3 |
AddVacation.js in event-driven-developers-tale/src/components |
75 | 3 |
app.js in event-driven-developers-tale/functions/vacationRequestValidation |
59 | 3 |
subscriptions.js in event-driven-developers-tale/src/graphql |
34 | 2 |
CustomTable.js in event-driven-developers-tale/src/components |
127 | 2 |
NavBar.js in event-driven-developers-tale/src/components |
48 | 2 |
dynamodb-store.ts in hexagonal-architectures/src/store/dynamodb |
62 | 1 |
ProfileLink.js in event-driven-developers-tale/src/components |
56 | 1 |
App.js in event-driven-developers-tale/src |
73 | 1 |
app.js in event-driven-developers-tale/functions/createVacationRequest |
52 | 1 |
app.js in event-driven-developers-tale/functions/updateVacationRequest |
79 | 1 |
infrastructure-stack.js in event-driven-developers-tale/infrastructure/lib |
163 | 1 |
cdk-stack.ts in lambda-powertools-feature-flags/app-config-store/cdk/lib |
61 | 1 |
Files With Long Lines (Top 10)
There are 10 files with lines longer than 120 characters. In total, there are 35 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
Vacations.js in event-driven-developers-tale/src/pages |
122 | 8 | 13 |
AddVacation.js in event-driven-developers-tale/src/components |
75 | 3 | 6 |
vacationtrackerd86ca2cd-cloudformation-template.yml in event-driven-developers-tale/amplify/backend/auth/vacationtrackerd86ca2cd |
294 | - | 4 |
NavBar.js in event-driven-developers-tale/src/components |
48 | 2 | 4 |
AddCategory.js in event-driven-developers-tale/src/components |
32 | 3 | 3 |
Modal.js in event-driven-developers-tale/src/components |
17 | - | 1 |
App.js in event-driven-developers-tale/src |
73 | 1 | 1 |
Settings.js in event-driven-developers-tale/src/pages |
20 | - | 1 |
app.js in event-driven-developers-tale/functions/updateVacationRequest |
79 | 1 | 1 |
SignIn.js in micro-frontends-module-federation/signin/src |
40 | - | 1 |