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 3,408 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (466 lines of codeclsfd_ftr_w_mp_ins)
- 9 small files (1,230 lines of code)
- 51 very small files (1,712 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 |
|---|---|---|
 cdk-photosearch-backend-stack.ts in source/backend/lib |
466 | 2 |
index.ts in source/backend/lambda/photos/get-similars |
180 | - |
 photo-register-detail.tsx in source/frontend/src/components/photo-register-detail |
156 | - |
cdk-photosearch-web-stack.ts in source/backend/lib |
151 | 2 |
upload-modal.tsx in source/frontend/src/components/photo-register |
148 | - |
photo-register.tsx in source/frontend/src/components/photo-register |
142 | - |
photo-search-input.tsx in source/frontend/src/components/photo-search-input |
137 | - |
index.ts in source/backend/lambda/photos/get-photos |
108 | - |
photo-search-photo-faces.tsx in source/frontend/src/components/photo-search-photo-faces |
106 | - |
photo-service.ts in source/frontend/src/services |
102 | 7 |
photo-search-name.tsx in source/frontend/src/components/photo-search-name |
98 | - |
index.ts in source/backend/lambda/custom-resources/backend-event-handler |
88 | - |
index.ts in source/backend/lambda/photos/delete-photo |
87 | - |
index.ts in source/backend/lambda/photos/get-faces |
85 | - |
common.ts in source/backend/lambda/common |
80 | - |
 index.js in deployment/cdk-solution-helper |
76 | 2 |
photo-search-photo-results.tsx in source/frontend/src/components/photo-search-photo-results |
75 | - |
privateapi.ts in source/backend/lib |
67 | 1 |
index.tsx in source/frontend/src |
61 | 1 |
index.ts in source/backend/lambda/custom-resources/frontend-event-handler |
58 | 1 |
index.ts in source/backend/lambda/photos/set-tags |
47 | - |
index.ts in source/backend/lambda/names/resigiter-name |
45 | - |
cdk-photosearch-stack.ts in source/backend/lib |
44 | 1 |
index.ts in source/backend/lambda/batches/register-photo |
44 | - |
index.ts in source/backend/lambda/photos/get-upload-urls |
43 | - |
header-hook.ts in source/frontend/src/hooks/header |
38 | - |
index.ts in source/backend/lambda/photos/get-photo |
38 | - |
photo-search-input-img.tsx in source/frontend/src/components/photo-search-input |
35 | - |
navigation.tsx in source/frontend/src/components/navigation |
33 | - |
header.tsx in source/frontend/src/components/header |
32 | - |
routes.tsx in source/frontend/src/components/app |
32 | - |
photo-register-card.tsx in source/frontend/src/components/photo-register-card |
31 | - |
top.tsx in source/frontend/src/components/top |
30 | - |
notification-hook.ts in source/frontend/src/hooks/notification |
28 | - |
face-card.tsx in source/frontend/src/components/face-card |
27 | - |
photo-search-photo.tsx in source/frontend/src/components/photo-search-photo |
26 | - |
 header.scss in source/frontend/src/components/header |
25 | - |
app.tsx in source/frontend/src/components/app |
25 | - |
photo-card.tsx in source/frontend/src/components/photo-card |
25 | - |
navigation-hook.ts in source/frontend/src/hooks/navigation |
25 | - |
query-hook.ts in source/frontend/src/hooks/query |
24 | 1 |
index.tsx in source/frontend/src/components/csp |
19 | - |
service-factory.ts in source/frontend/src/services |
18 | 1 |
jest.config.js in source/backend/lambda |
16 | - |
face-card.scss in source/frontend/src/components/face-card |
14 | - |
 index.html in source/frontend/public |
14 | - |
consts.ts in source/frontend/src/utils |
13 | - |
photo-register-card.scss in source/frontend/src/components/photo-register-card |
13 | - |
top.scss in source/frontend/src/components/top |
13 | - |
photo-search-input-img.scss in source/frontend/src/components/photo-search-input |
13 | - |
Files With Most Units (Top 11)
| File | # lines | # units |
|---|---|---|
photo-service.ts in source/frontend/src/services |
102 | 7 |
cdk-photosearch-web-stack.ts in source/backend/lib |
151 | 2 |
cdk-photosearch-backend-stack.ts in source/backend/lib |
466 | 2 |
index.js in deployment/cdk-solution-helper |
76 | 2 |
index.tsx in source/frontend/src |
61 | 1 |
name-service.ts in source/frontend/src/services |
13 | 1 |
service-factory.ts in source/frontend/src/services |
18 | 1 |
query-hook.ts in source/frontend/src/hooks/query |
24 | 1 |
cdk-photosearch-stack.ts in source/backend/lib |
44 | 1 |
privateapi.ts in source/backend/lib |
67 | 1 |
index.ts in source/backend/lambda/custom-resources/frontend-event-handler |
58 | 1 |
Files With Long Lines (Top 4)
There are 4 files with lines longer than 120 characters. In total, there are 8 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
cdk-photosearch-backend-stack.ts in source/backend/lib |
466 | 2 | 5 |
index.tsx in source/frontend/src/components/csp |
19 | - | 1 |
cdk-photosearch-web-stack.ts in source/backend/lib |
151 | 2 | 1 |
index.ts in source/backend/lambda/batches/register-photo |
44 | - | 1 |