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 1,814 files with 61,636 lines of code.
- 2 very long files (2,727 lines of code)
- 1 long files (659 lines of code)
- 23 medium size files (6,698 lines of codeclsfd_ftr_w_mp_ins)
- 39 small files (5,129 lines of code)
- 1,749 very small files (46,423 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 |
|---|---|---|
 proxies.ts in packages/angular/projects/ui-angular/legacy/src |
1399 | 59 |
 index.tsx in packages/react/src/primitives/Icon/icons |
1328 | - |
 authwithfederated-cloudformation-template.yml in environments/auth-with-federated/amplify/backend/auth/authwithfederated |
659 | - |
signIn.ts in packages/ui/src/machines/authenticator/actors |
499 | 17 |
 authenticator.vue in packages/vue/src/components |
446 | - |
adminuiauthwithtotpmfa-cloudformation-template.yml in environments/adminui-auth-with-totp-mfa/amplify/backend/auth/adminuiauthwithtotpmfa |
412 | - |
authwithphoneandsmsmfa-cloudformation-template.yml in environments/auth-with-phone-and-sms-mfa/amplify/backend/auth/authwithphoneandsmsmfa |
400 | - |
authwithallattributeb392cf29-cloudformation-template.yml in environments/auth-with-all-attributes/amplify/backend/auth/authwithallattributeb392cf29 |
348 | - |
signUp.ts in packages/ui/src/machines/authenticator |
303 | 12 |
authwithmultialiascfa54f77cfa54f77-cloudformation-template.yml in environments/auth-with-multi-alias/amplify/backend/auth/authwithmultialiascfa54f77cfa54f77 |
298 | - |
adminuiauthwithemailandphone-cloudformation-template.yml in environments/adminui-auth-with-email-and-phone/amplify/backend/auth/adminuiauthwithemailandphone |
295 | - |
authwithemailandcustomattributes-cloudformation-template.yml in environments/auth-with-email-and-custom-attributes/amplify/backend/auth/authwithemailandcustomattributes |
291 | - |
authwithemaillambdasignuptrigger-cloudformation-template.yml in environments/auth-with-email-lambda-signup-trigger/amplify/backend/auth/authwithemaillambdasignuptrigger |
287 | - |
authwithusername-cloudformation-template.yml in environments/auth-with-username/amplify/backend/auth/authwithusername |
286 | - |
authwithphonenumber-cloudformation-template.yml in environments/auth-with-phone-number/amplify/backend/auth/authwithphonenumber |
284 | - |
authwithemail-cloudformation-template.yml in environments/auth-with-email/amplify/backend/auth/authwithemail |
284 | - |
authwithusernamenoat3aaa0954-cloudformation-template.yml in environments/auth-with-username-no-attributes/amplify/backend/auth/authwithusernamenoat3aaa0954 |
273 | - |
cliauthwithemailandp73cd04de-cloudformation-template.yml in environments/cli-auth-with-email-and-phone/amplify/backend/auth/cliauthwithemailandp73cd04de |
249 | - |
index.ts in packages/ui/src/machines/authenticator |
246 | 14 |
auth.ts in packages/ui/src/helpers |
241 | 10 |
colors.ts in packages/ui/src/theme/tokens |
230 | - |
styleUtils.ts in packages/react/src/primitives/shared |
213 | 2 |
country-dial-codes.ts in packages/ui/src/i18n |
208 | - |
 button.scss in packages/ui/src/theme/css/component |
203 | - |
FormFields.tsx in packages/react/src/components/Authenticator/SignUp |
201 | 1 |
resetPassword.ts in packages/ui/src/machines/authenticator/actors |
201 | 7 |
confirm-reset-password.vue in packages/vue/src/components |
195 | - |
setup-totp.vue in packages/vue/src/components |
194 | - |
force-new-password.vue in packages/vue/src/components |
180 | - |
 button.js in packages/ui/src/theme/tokens/components |
166 | - |
FormFields.tsx in packages/react/src/components/Authenticator/ForceNewPassword |
163 | 1 |
authMachine.ts in packages/ui/src/types |
157 | - |
verify-user.vue in packages/vue/src/components |
153 | - |
sign-in.vue in packages/vue/src/components |
152 | - |
style.ts in packages/react/src/primitives/types |
151 | - |
generatePrimitivesCatalog.ts in packages/react/scripts |
141 | - |
confirm-sign-in.vue in packages/vue/src/components |
141 | - |
expander.scss in packages/ui/src/theme/css/component |
141 | - |
authenticator.service.ts in packages/angular/projects/ui-angular/src/lib/services |
141 | 24 |
fieldGroup.scss in packages/ui/src/theme/css/component |
138 | - |
confirm-sign-up.vue in packages/vue/src/components |
135 | - |
authenticator.scss in packages/ui/src/theme/css/component |
133 | - |
StepperField.tsx in packages/react/src/primitives/StepperField |
132 | - |
user-name-alias.vue in packages/vue/src/components |
132 | - |
alias-control.vue in packages/vue/src/components |
130 | - |
confirm-verify-user.vue in packages/vue/src/components |
130 | - |
reset-password.vue in packages/vue/src/components |
129 | - |
sliderField.scss in packages/ui/src/theme/css/component |
129 | - |
SliderField.tsx in packages/react/src/primitives/SliderField |
128 | - |
toggleButton.scss in packages/ui/src/theme/css/component |
125 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
proxies.ts in packages/angular/projects/ui-angular/legacy/src |
1399 | 59 |
authenticator.service.ts in packages/angular/projects/ui-angular/src/lib/services |
141 | 24 |
signIn.ts in packages/ui/src/machines/authenticator/actors |
499 | 17 |
index.ts in packages/ui/src/machines/authenticator |
246 | 14 |
signUp.ts in packages/ui/src/machines/authenticator |
303 | 12 |
defaultServices.ts in packages/ui/src/machines/authenticator |
83 | 11 |
auth.ts in packages/ui/src/helpers |
241 | 10 |
resetPassword.ts in packages/ui/src/machines/authenticator/actors |
201 | 7 |
authenticator.component.ts in packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator |
91 | 5 |
createTheme.ts in packages/ui/src/theme |
89 | 4 |
confirm-sign-up.component.ts in packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up |
45 | 4 |
useDataStore.tsx in packages/react/src/hooks |
72 | 3 |
utils.ts in packages/ui/src/theme |
42 | 3 |
setup-totp.component.ts in packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp |
54 | 3 |
form-field.component.ts in packages/angular/projects/ui-angular/src/lib/components/authenticator/components/form-field |
74 | 3 |
styleUtils.ts in packages/react/src/primitives/shared |
213 | 2 |
useControllable.ts in packages/react/src/hooks |
61 | 2 |
vite.config.ts in packages/vue |
54 | 2 |
translations.ts in packages/ui/src/i18n |
40 | 2 |
amplify-confirm-reset-password.component.ts in packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-reset-password |
27 | 2 |
Files With Long Lines (Top 20)
There are 1135 files with lines longer than 120 characters. In total, there are 1385 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
IconBlurOff.tsx in packages/react/src/primitives/Icon/icons |
74 | - | 13 |
authwithfederated-cloudformation-template.yml in environments/auth-with-federated/amplify/backend/auth/authwithfederated |
659 | - | 10 |
adminuiauthwithtotpmfa-cloudformation-template.yml in environments/adminui-auth-with-totp-mfa/amplify/backend/auth/adminuiauthwithtotpmfa |
412 | - | 9 |
authwithphoneandsmsmfa-cloudformation-template.yml in environments/auth-with-phone-and-sms-mfa/amplify/backend/auth/authwithphoneandsmsmfa |
400 | - | 9 |
IconCasino.tsx in packages/react/src/primitives/Icon/icons |
48 | - | 6 |
IconColorLens.tsx in packages/react/src/primitives/Icon/icons |
42 | - | 5 |
IconPets.tsx in packages/react/src/primitives/Icon/icons |
42 | - | 5 |
IconPalette.tsx in packages/react/src/primitives/Icon/icons |
42 | - | 5 |
authwithmultialiascfa54f77cfa54f77-cloudformation-template.yml in environments/auth-with-multi-alias/amplify/backend/auth/authwithmultialiascfa54f77cfa54f77 |
298 | - | 4 |
authwithusernamenoat3aaa0954-cloudformation-template.yml in environments/auth-with-username-no-attributes/amplify/backend/auth/authwithusernamenoat3aaa0954 |
273 | - | 4 |
authwithallattributeb392cf29-cloudformation-template.yml in environments/auth-with-all-attributes/amplify/backend/auth/authwithallattributeb392cf29 |
348 | - | 4 |
authwithphonenumber-cloudformation-template.yml in environments/auth-with-phone-number/amplify/backend/auth/authwithphonenumber |
284 | - | 4 |
adminuiauthwithemailandphone-cloudformation-template.yml in environments/adminui-auth-with-email-and-phone/amplify/backend/auth/adminuiauthwithemailandphone |
295 | - | 4 |
authwithusername-cloudformation-template.yml in environments/auth-with-username/amplify/backend/auth/authwithusername |
286 | - | 4 |
authwithemaillambdasignuptrigger-cloudformation-template.yml in environments/auth-with-email-lambda-signup-trigger/amplify/backend/auth/authwithemaillambdasignuptrigger |
287 | - | 4 |
authwithemail-cloudformation-template.yml in environments/auth-with-email/amplify/backend/auth/authwithemail |
284 | - | 4 |
authwithemailandcustomattributes-cloudformation-template.yml in environments/auth-with-email-and-custom-attributes/amplify/backend/auth/authwithemailandcustomattributes |
291 | - | 4 |
IconPending.tsx in packages/react/src/primitives/Icon/icons |
40 | - | 4 |
IconSupportAgent.tsx in packages/react/src/primitives/Icon/icons |
40 | - | 4 |
IconGroupWork.tsx in packages/react/src/primitives/Icon/icons |
40 | - | 4 |