aws-samples / amazon-ivs-ecommerce-web-demo
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 22 files with 1,639 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (666 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 1 small files (121 lines of code)
    • 20 very small files (852 lines of code)
0% | 40% | 0% | 7% | 51%
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
css0% | 68% | 0% | 0% | 31%
jsx0% | 0% | 0% | 31% | 68%
js0% | 0% | 0% | 0% | 100%
yaml0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
web-ui/src0% | 85% | 0% | 0% | 14%
web-ui/src/components/productList0% | 0% | 0% | 57% | 42%
web-ui/src/components/modal0% | 0% | 0% | 0% | 100%
web-ui/src/components/videoPlayer0% | 0% | 0% | 0% | 100%
serverless0% | 0% | 0% | 0% | 100%
web-ui/src/components/webECommerce0% | 0% | 0% | 0% | 100%
web-ui/src/components/navigation0% | 0% | 0% | 0% | 100%
serverless/lambda0% | 0% | 0% | 0% | 100%
web-ui/src/components/liveExperts0% | 0% | 0% | 0% | 100%
web-ui/public0% | 0% | 0% | 0% | 100%
web-ui/src/components0% | 0% | 0% | 0% | 100%
Longest Files (Top 22)
File# lines# units
index.css
in web-ui/src
666 -
ProductList.jsx
in web-ui/src/components/productList
121 -
serviceWorker.js
in web-ui/src
98 4
VideoPlayer.jsx
in web-ui/src/components/videoPlayer
94 -
ProductList.css
in web-ui/src/components/productList
90 -
Modal.css
in web-ui/src/components/modal
86 -
template.yaml
in serverless
78 -
Modal.jsx
in web-ui/src/components/modal
66 -
app.js
in serverless/lambda
60 -
VideoPlayer.css
in web-ui/src/components/videoPlayer
49 -
LiveExperts.jsx
in web-ui/src/components/liveExperts
40 -
WebECommerce.jsx
in web-ui/src/components/webECommerce
38 -
WebECommerce.css
in web-ui/src/components/webECommerce
34 -
Navigation.css
in web-ui/src/components/navigation
31 -
Navigation.jsx
in web-ui/src/components/navigation
30 -
index.html
in web-ui/public
21 -
index.js
in web-ui/src
12 -
LiveExperts.css
in web-ui/src/components/liveExperts
10 -
App.js
in web-ui/src/components
10 1
config.js
in web-ui/src
3 -
setupTests.js
in web-ui/src
1 -
App.css
in web-ui/src/components
1 -
Files With Most Units (Top 2)
File# lines# units
serviceWorker.js
in web-ui/src
98 4
App.js
in web-ui/src/components
10 1
Files With Long Lines (Top 6)

There are 6 files with lines longer than 120 characters. In total, there are 12 long lines.

File# lines# units# long lines
ProductList.jsx
in web-ui/src/components/productList
121 - 4
index.css
in web-ui/src
666 - 3
LiveExperts.jsx
in web-ui/src/components/liveExperts
40 - 2
config.js
in web-ui/src
3 - 1
Navigation.jsx
in web-ui/src/components/navigation
30 - 1
index.html
in web-ui/public
21 - 1