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 37 files with 2,383 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 2 medium size files (757 lines of codeclsfd_ftr_w_mp_ins)
- 7 small files (920 lines of code)
- 28 very small files (706 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 37)
| File | # lines | # units |
|---|---|---|
 SearchResults.tsx in src/components/search |
477 | 12 |
Search.tsx in src/components/search |
280 | 5 |
Create.tsx in src/components/create |
174 | 2 |
Update.tsx in src/components/update |
149 | 3 |
 StubbedBackend.ts in src/common/backend |
141 | 4 |
Delete.tsx in src/components/delete |
120 | 2 |
Read.tsx in src/components/read |
119 | 2 |
Landing.tsx in src/components/landing |
112 | - |
FWoABackend.ts in src/common/backend |
105 | 6 |
App.tsx in src |
86 | - |
Results.tsx in src/components/common |
77 | - |
 header.scss in src/common/styles |
64 | - |
Navigation.tsx in src/components |
61 | 1 |
Landing.scss in src/components/landing |
56 | - |
amplify-infra-stack.ts in amplify-infra/lib |
48 | 1 |
App.scss in src |
45 | - |
Callback.tsx in src/components/callback |
30 | - |
ResourceTypeAutosuggest.tsx in src/components/common |
28 | - |
 index.html in public |
21 | - |
 amplify.yml in root |
20 | - |
CustomBreadCrumb.tsx in src/components/common |
18 | - |
base.scss in src/common/styles |
17 | - |
FhirBackend.ts in src/common/backend |
13 | - |
reportWebVitals.tsx in src |
13 | - |
ResourceMetadata.ts in src/stores |
12 | - |
 index.css in src |
12 | - |
index.tsx in src |
12 | - |
useAuth.ts in src/hooks |
12 | - |
AccessTokenUtil.ts in src/common/utils |
11 | 3 |
ApiResponse.ts in src/common/backend |
10 | - |
SearchResults.scss in src/components/search |
10 | - |
MetadataContext.ts in src/stores |
8 | - |
MetaDataUtils.ts in src/common/utils |
8 | 1 |
 jest.config.js in amplify-infra |
7 | - |
Create.scss in src/components/create |
3 | - |
Delete.scss in src/components/delete |
3 | - |
setupTests.tsx in src |
1 | - |
Files With Most Units (Top 12)
| File | # lines | # units |
|---|---|---|
SearchResults.tsx in src/components/search |
477 | 12 |
FWoABackend.ts in src/common/backend |
105 | 6 |
Search.tsx in src/components/search |
280 | 5 |
StubbedBackend.ts in src/common/backend |
141 | 4 |
AccessTokenUtil.ts in src/common/utils |
11 | 3 |
Update.tsx in src/components/update |
149 | 3 |
Create.tsx in src/components/create |
174 | 2 |
Delete.tsx in src/components/delete |
120 | 2 |
Read.tsx in src/components/read |
119 | 2 |
MetaDataUtils.ts in src/common/utils |
8 | 1 |
Navigation.tsx in src/components |
61 | 1 |
amplify-infra-stack.ts in amplify-infra/lib |
48 | 1 |
Files With Long Lines (Top 3)
There are 3 files with lines longer than 120 characters. In total, there are 4 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
Search.tsx in src/components/search |
280 | 5 | 2 |
StubbedBackend.ts in src/common/backend |
141 | 4 | 1 |
amplify-infra-stack.ts in amplify-infra/lib |
48 | 1 | 1 |