amazon-connect / amazon-connect-chat-interface
File Size

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.
Learn more...
File Size Overall
  • There are 59 files with 3,778 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 5 medium size files (1,540 lines of codeclsfd_ftr_w_mp_ins)
    • 8 small files (1,006 lines of code)
    • 46 very small files (1,232 lines of code)
0% | 0% | 40% | 26% | 32%
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
js0% | 0% | 41% | 27% | 31%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 0% | 43% | 31% | 24%
src/theme0% | 0% | 82% | 0% | 17%
scripts0% | 0% | 0% | 79% | 20%
configuration0% | 0% | 0% | 0% | 100%
local-testing0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
configuration/jest0% | 0% | 0% | 0% | 100%
src/constants0% | 0% | 0% | 0% | 100%
src/utils0% | 0% | 0% | 0% | 100%
src/assets0% | 0% | 0% | 0% | 100%
src/hooks0% | 0% | 0% | 0% | 100%
src/propTypes0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
ChatSession.js
in src/components/Chat
414 50
defaultTheme.js
in src/theme
353 -
ChatMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
273 9
ChatComposer.js
in src/components/Chat/ChatComposer
259 8
TimePicker.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
241 14
ChatTranscriptor.js
in src/components/Chat/ChatTranscriptor
149 1
build.js
in scripts
145 1
Chat.js
in src/components/Chat
140 10
Button.js
in src/components/core/Button
137 1
Utils.js
in src/components/Chat/datamodel
120 10
Model.js
in src/components/Chat/datamodel
106 2
ChatTranscriptScroller.js
in src/components/Chat/ChatTranscriptor
106 2
ChatContainer.js
in src/components/Chat
103 6
ListPicker.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
96 4
index.html
in local-testing
87 -
ChatActionBar.js
in src/components/Chat/ChatActionBar
85 1
Text.js
in src/components/core/Text
80 1
InteractiveMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
72 4
Panel.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
70 3
paths.js
in configuration
65 2
Helpers.js
in src/theme
57 -
env.js
in configuration
55 1
Icon.js
in src/components/core/Icon
47 1
webpackDevServer.config.js
in configuration
41 3
ChatInitiator.js
in src/components/Chat
38 2
eventbus.js
in src/components/Chat
38 5
App.js
in src
37 1
test.js
in scripts
37 2
global.js
in src/constants
33 -
SystemMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
27 -
Header.js
in src/components/Header
25 1
setup.js
in configuration/jest
23 1
fileTransform.js
in configuration/jest
23 1
ChatInterface.js
in src/components/Chat
22 1
fetchRequest.js
in src/utils
19 2
SendMessageButton.js
in src/components/Chat/ChatComposer
19 1
ThemeProvider.js
in src/theme
18 -
Main.js
in src
17 1
index.js
in src
17 1
constants.js
in src/components/Chat
16 -
Loader.js
in src/components/core/Loader
15 1
cssTransform.js
in configuration/jest
9 2
index.js
in src/assets/fonts
9 -
usePrevious.js
in src/hooks
8 1
index.js
in src/propTypes
7 -
index.js
in src/components/core
5 -
index.js
in src/components/core/Loader
2 -
index.js
in src/theme
2 -
index.js
in src/assets/images
1 -
index.js
in src/components/Header
1 -
Files With Most Units (Top 20)
File# lines# units
ChatSession.js
in src/components/Chat
414 50
TimePicker.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
241 14
Utils.js
in src/components/Chat/datamodel
120 10
Chat.js
in src/components/Chat
140 10
ChatMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
273 9
ChatComposer.js
in src/components/Chat/ChatComposer
259 8
ChatContainer.js
in src/components/Chat
103 6
eventbus.js
in src/components/Chat
38 5
InteractiveMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
72 4
ListPicker.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
96 4
webpackDevServer.config.js
in configuration
41 3
Panel.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
70 3
paths.js
in configuration
65 2
cssTransform.js
in configuration/jest
9 2
fetchRequest.js
in src/utils
19 2
Model.js
in src/components/Chat/datamodel
106 2
ChatTranscriptScroller.js
in src/components/Chat/ChatTranscriptor
106 2
ChatInitiator.js
in src/components/Chat
38 2
test.js
in scripts
37 2
env.js
in configuration
55 1
Files With Long Lines (Top 13)

There are 13 files with lines longer than 120 characters. In total, there are 27 long lines.

File# lines# units# long lines
TimePicker.js
in src/components/Chat/ChatTranscriptor/ChatMessages/InteractiveMessages
241 14 9
ChatComposer.js
in src/components/Chat/ChatComposer
259 8 4
ChatContainer.js
in src/components/Chat
103 6 2
SendMessageButton.js
in src/components/Chat/ChatComposer
19 1 2
index.html
in local-testing
87 - 2
index.js
in src
17 1 1
Button.js
in src/components/core/Button
137 1 1
ChatTranscriptScroller.js
in src/components/Chat/ChatTranscriptor
106 2 1
ChatMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
273 9 1
InteractiveMessage.js
in src/components/Chat/ChatTranscriptor/ChatMessages
72 4 1
Chat.js
in src/components/Chat
140 10 1
ChatSession.js
in src/components/Chat
414 50 1
eventbus.js
in src/components/Chat
38 5 1