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 45 files with 8,778 lines of code.
- 1 very long files (3,311 lines of code)
- 5 long files (3,033 lines of code)
- 3 medium size files (1,012 lines of codeclsfd_ftr_w_mp_ins)
- 4 small files (672 lines of code)
- 32 very small files (750 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 45)
| File | # lines | # units |
|---|---|---|
 API.service.ts in src/app |
3311 | 76 |
 teamtasksf9538190-cloudformation-template.yml in amplify/backend/auth/teamtasksf9538190 |
631 | - |
mutations.ts in src/graphql |
615 | 24 |
subscriptions.ts in src/graphql |
609 | - |
 mutations.graphql in src/graphql |
592 | - |
subscriptions.graphql in src/graphql |
586 | - |
queries.ts in src/graphql |
388 | 15 |
queries.graphql in src/graphql |
373 | - |
dashboard.component.ts in src/app/dashboard |
251 | 6 |
 overview.component.css in src/app/overview |
195 | - |
weeklytasks.component.ts in src/app/weeklytasks |
159 | 9 |
monthlytasks.component.ts in src/app/monthlytasks |
159 | 9 |
goals.component.ts in src/app/goals |
159 | 9 |
schema.graphql in amplify/backend/api/teamtasks |
93 | - |
 goals.component.html in src/app/goals |
84 | - |
monthlytasks.component.html in src/app/monthlytasks |
81 | - |
weeklytasks.component.html in src/app/weeklytasks |
80 | - |
overview.component.ts in src/app/overview |
66 | 2 |
dashboard.component.html in src/app/dashboard |
52 | - |
app.component.ts in src/app |
34 | 2 |
app.module.ts in src/app |
34 | - |
app.component.html in src/app |
29 | - |
aws-exports.ts in src |
28 | - |
amplify.yml in root |
24 | - |
app-routing.module.ts in src/app |
21 | - |
index.html in src |
18 | - |
overview.component.html in src/app/overview |
16 | - |
test.ts in src |
13 | - |
main.ts in src |
12 | - |
auth.component.ts in src/app/auth |
11 | 1 |
 email-filter-whitelist.js in amplify/backend/function/teamtasksf9538190PreSignup/src |
10 | - |
 LAB5.MD in root |
10 | - |
momentpipe.ts in src/app |
9 | - |
index.js in amplify/backend/function/teamtasksf9538190PreSignup/src |
7 | - |
polyfills.ts in src |
3 | - |
environment.ts in src/environments |
3 | - |
environment.prod.ts in src/environments |
3 | - |
styles.css in src |
2 | - |
app.component.css in src/app |
1 | - |
weeklytasks.component.css in src/app/weeklytasks |
1 | - |
dashboard.component.css in src/app/dashboard |
1 | - |
auth.component.html in src/app/auth |
1 | - |
auth.component.css in src/app/auth |
1 | - |
monthlytasks.component.css in src/app/monthlytasks |
1 | - |
goals.component.css in src/app/goals |
1 | - |
Files With Most Units (Top 10)
| File | # lines | # units |
|---|---|---|
API.service.ts in src/app |
3311 | 76 |
mutations.ts in src/graphql |
615 | 24 |
queries.ts in src/graphql |
388 | 15 |
weeklytasks.component.ts in src/app/weeklytasks |
159 | 9 |
monthlytasks.component.ts in src/app/monthlytasks |
159 | 9 |
goals.component.ts in src/app/goals |
159 | 9 |
dashboard.component.ts in src/app/dashboard |
251 | 6 |
app.component.ts in src/app |
34 | 2 |
overview.component.ts in src/app/overview |
66 | 2 |
auth.component.ts in src/app/auth |
11 | 1 |
Files With Long Lines (Top 7)
There are 7 files with lines longer than 120 characters. In total, there are 29 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
teamtasksf9538190-cloudformation-template.yml in amplify/backend/auth/teamtasksf9538190 |
631 | - | 17 |
weeklytasks.component.html in src/app/weeklytasks |
80 | - | 3 |
schema.graphql in amplify/backend/api/teamtasks |
93 | - | 2 |
API.service.ts in src/app |
3311 | 76 | 2 |
monthlytasks.component.html in src/app/monthlytasks |
81 | - | 2 |
goals.component.html in src/app/goals |
84 | - | 2 |
dashboard.component.html in src/app/dashboard |
52 | - | 1 |