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 55 files with 6,547 lines of code.
- 0 very long files (0 lines of code)
- 2 long files (1,416 lines of code)
- 7 medium size files (2,048 lines of codeclsfd_ftr_w_mp_ins)
- 6 small files (919 lines of code)
- 40 very small files (2,164 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 |
|---|---|---|
 cloudformation.yaml in cloudformationTemplates/urlPreviewForAsyncChat |
778 | - |
cloudformation.yaml in cloudformationTemplates/asyncCustomerChatUX |
638 | - |
 index.html in cloudformationTemplates/urlPreviewForAsyncChat/website |
423 | - |
index.html in cloudformationTemplates/asyncCustomerChatUX/website |
423 | - |
 style.css in cloudformationTemplates/urlPreviewForAsyncChat/website/css |
267 | - |
style.css in cloudformationTemplates/asyncCustomerChatUX/website/css |
267 | - |
cloudformation.yaml in cloudformationTemplates/startChatContactAPI |
262 | - |
 startChatContact.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
203 | 6 |
startChatContact.js in cloudformationTemplates/asyncCustomerChatUX/js |
203 | 6 |
index.js in customChatWidget/src/containers/ChatWidget |
163 | 1 |
customResourceHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
160 | 2 |
customResourceHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
160 | 2 |
customBuildIndex.html in cloudformationTemplates/startChatContactAPI |
159 | - |
customResourceHelper.js in cloudformationTemplates/startChatContactAPI/js |
141 | 1 |
interactive_options.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook/constants |
136 | - |
S3NotificationConfiguration.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
98 | 6 |
S3NotificationConfiguration.js in cloudformationTemplates/asyncCustomerChatUX/js |
98 | 6 |
widgetIndex.html in cloudformationTemplates/startChatContactAPI |
98 | - |
user_input_handler.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook/util |
96 | 5 |
styled.js in customChatWidget/src/containers/ChatWidget |
89 | - |
websiteHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
82 | 4 |
websiteHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
82 | 4 |
websiteCreator.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
80 | 7 |
websiteCreator.js in cloudformationTemplates/asyncCustomerChatUX/js |
80 | 7 |
startChatContact.js in cloudformationTemplates/startChatContactAPI/js |
80 | 3 |
index.js in customChatWidget/src/components/ChatIcon |
80 | - |
styled.js in customChatWidget/src/containers/ChatForm |
75 | - |
index.js in customChatWidget/src/views/ChatWithoutForm |
68 | 1 |
updateChatDdbWithS3Key.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
65 | 4 |
updateChatDdbWithS3Key.js in cloudformationTemplates/asyncCustomerChatUX/js |
65 | 4 |
index.js in customChatWidget/src/constants |
64 | - |
index.js in customChatWidget/src/views/ChatWithForm |
58 | - |
index.js in customChatWidget/src/containers/ChatForm |
58 | - |
index.js in customChatWidget/src/components/InputField |
57 | - |
styled.js in customChatWidget/src/views/ChatWithoutForm |
53 | - |
response_handler.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook/util |
52 | 3 |
index.js in customChatWidget/src/components/ChatButton |
51 | - |
index.html in customChatWidget/public |
47 | - |
packaged.yaml in samTemplates/amazon-connect-interactive-messages-example |
46 | - |
app.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook |
40 | 1 |
styled.js in customChatWidget/src/views/ChatWithForm |
40 | - |
AppConfigProvider.js in customChatWidget/src/providers |
39 | 1 |
styled.js in customChatWidget/src/components/ChatButton |
39 | - |
metricsHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
38 | 1 |
metricsHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
38 | 1 |
metricsHelper.js in cloudformationTemplates/startChatContactAPI/js |
38 | 1 |
styled.js in customChatWidget/src/components/InputField |
33 | - |
template.yaml in samTemplates/amazon-connect-interactive-messages-example |
31 | - |
styled.js in customChatWidget/src/components/ChatIcon |
27 | - |
App.js in customChatWidget/src |
24 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
websiteCreator.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
80 | 7 |
websiteCreator.js in cloudformationTemplates/asyncCustomerChatUX/js |
80 | 7 |
S3NotificationConfiguration.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
98 | 6 |
startChatContact.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
203 | 6 |
S3NotificationConfiguration.js in cloudformationTemplates/asyncCustomerChatUX/js |
98 | 6 |
startChatContact.js in cloudformationTemplates/asyncCustomerChatUX/js |
203 | 6 |
user_input_handler.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook/util |
96 | 5 |
updateChatDdbWithS3Key.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
65 | 4 |
websiteHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
82 | 4 |
updateChatDdbWithS3Key.js in cloudformationTemplates/asyncCustomerChatUX/js |
65 | 4 |
websiteHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
82 | 4 |
startChatContact.js in cloudformationTemplates/startChatContactAPI/js |
80 | 3 |
response_handler.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook/util |
52 | 3 |
customResourceHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
160 | 2 |
customResourceHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
160 | 2 |
metricsHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
38 | 1 |
metricsHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
38 | 1 |
customResourceHelper.js in cloudformationTemplates/startChatContactAPI/js |
141 | 1 |
metricsHelper.js in cloudformationTemplates/startChatContactAPI/js |
38 | 1 |
app.js in samTemplates/amazon-connect-interactive-messages-example/interactive-messaging-lex-codehook |
40 | 1 |
Files With Long Lines (Top 20)
There are 28 files with lines longer than 120 characters. In total, there are 82 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
cloudformation.yaml in cloudformationTemplates/urlPreviewForAsyncChat |
778 | - | 10 |
cloudformation.yaml in cloudformationTemplates/asyncCustomerChatUX |
638 | - | 9 |
style.css in cloudformationTemplates/urlPreviewForAsyncChat/website/css |
267 | - | 7 |
style.css in cloudformationTemplates/asyncCustomerChatUX/website/css |
267 | - | 7 |
index.js in customChatWidget/src/containers/ChatWidget |
163 | 1 | 6 |
index.html in customChatWidget/public |
47 | - | 5 |
startChatContact.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
203 | 6 | 3 |
index.html in cloudformationTemplates/urlPreviewForAsyncChat/website |
423 | - | 3 |
startChatContact.js in cloudformationTemplates/asyncCustomerChatUX/js |
203 | 6 | 3 |
index.html in cloudformationTemplates/asyncCustomerChatUX/website |
423 | - | 3 |
customBuildIndex.html in cloudformationTemplates/startChatContactAPI |
159 | - | 3 |
template.yaml in samTemplates/amazon-connect-interactive-messages-example |
31 | - | 3 |
widgetIndex.html in cloudformationTemplates/startChatContactAPI |
98 | - | 2 |
packaged.yaml in samTemplates/amazon-connect-interactive-messages-example |
46 | - | 2 |
index.js in customChatWidget/src/constants |
64 | - | 2 |
index.js in customChatWidget/src/components/ChatButton |
51 | - | 2 |
customResourceHelper.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
160 | 2 | 1 |
websiteCreator.js in cloudformationTemplates/urlPreviewForAsyncChat/js |
80 | 7 | 1 |
customResourceHelper.js in cloudformationTemplates/asyncCustomerChatUX/js |
160 | 2 | 1 |
websiteCreator.js in cloudformationTemplates/asyncCustomerChatUX/js |
80 | 7 | 1 |