aws-samples / aws-serverless-webapp-workshop
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 95 files with 6,546 lines of code.
    • 1 very long files (1,104 lines of code)
    • 1 long files (522 lines of code)
    • 6 medium size files (1,561 lines of codeclsfd_ftr_w_mp_ins)
    • 5 small files (702 lines of code)
    • 82 very small files (2,657 lines of code)
16% | 7% | 23% | 10% | 40%
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
css27% | 13% | 39% | 0% | 19%
vue0% | 0% | 0% | 49% | 50%
html0% | 0% | 0% | 18% | 81%
js0% | 0% | 0% | 20% | 79%
toml0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
workshop/themes/learn/static32% | 15% | 38% | 0% | 14%
resources/code/WildRydesVue/public0% | 0% | 32% | 17% | 50%
resources/code/WildRydesVue/src0% | 0% | 0% | 42% | 57%
workshop/themes/learn/layouts0% | 0% | 0% | 21% | 78%
workshop/themes/learn/exampleSite0% | 0% | 0% | 0% | 100%
workshop/themes/learn/i18n0% | 0% | 0% | 0% | 100%
workshop/content/StaticWebHosting0% | 0% | 0% | 0% | 100%
workshop/content/ServerlessBackend/Lambda0% | 0% | 0% | 0% | 100%
workshop0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
workshop/themes/learn0% | 0% | 0% | 0% | 100%
resources/code/WildRydesVue0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
theme.css
in workshop/themes/learn/static/css
1104 -
nucleus.css
in workshop/themes/learn/static/css
522 -
mermaid.forest.css
in workshop/themes/learn/static/mermaid
340 -
mermaid.dark.css
in workshop/themes/learn/static/mermaid
262 -
mermaid.css
in workshop/themes/learn/static/mermaid
260 -
mapbox-gl.css
in resources/code/WildRydesVue/public/css
258 -
theme-aws.css
in workshop/themes/learn/static/css
229 -
hugo-theme.css
in workshop/themes/learn/static/css
212 -
map.vue
in resources/code/WildRydesVue/src/components
190 -
menu.html
in workshop/themes/learn/layouts/partials
140 -
cognito-auth.js
in resources/code/WildRydesVue/public/js
137 14
Auth.vue
in resources/code/WildRydesVue/src/views
119 -
Ride.vue
in resources/code/WildRydesVue/src/views
116 -
Investors.vue
in resources/code/WildRydesVue/src/views
100 -
ride.js
in resources/code/WildRydesVue/public/js
97 10
header.html
in workshop/themes/learn/layouts/partials
95 -
router.js
in resources/code/WildRydesVue/src
93 1
ride.js
in workshop/content/StaticWebHosting
92 9
theme-green.css
in workshop/themes/learn/static/css
90 -
theme-blue.css
in workshop/themes/learn/static/css
90 -
theme-red.css
in workshop/themes/learn/static/css
90 -
children.html
in workshop/themes/learn/layouts/shortcodes
86 -
requestUnicorn.js
in workshop/content/ServerlessBackend/Lambda
84 4
theme-mine.css
in workshop/themes/learn/exampleSite/static/css
84 -
esri-map.js
in resources/code/WildRydesVue/public/js
83 2
Unicorns.vue
in resources/code/WildRydesVue/src/views
76 -
hybrid.css
in workshop/themes/learn/static/css
72 -
atom-one-dark-reasonable.css
in workshop/themes/learn/static/css
70 -
footer.html
in workshop/themes/learn/layouts/partials
67 -
config.toml
in workshop/themes/learn/exampleSite
62 -
Faq.vue
in resources/code/WildRydesVue/src/views
62 -
ride.css
in resources/code/WildRydesVue/public/css
62 -
profileForm.vue
in resources/code/WildRydesVue/src/components
61 -
message.css
in resources/code/WildRydesVue/public/css
57 -
menu.vue
in resources/code/WildRydesVue/src/components
50 -
404.html
in workshop/themes/learn/layouts
48 -
modal.css
in resources/code/WildRydesVue/public/css
46 -
Apply.vue
in resources/code/WildRydesVue/src/views
43 -
tags.css
in workshop/themes/learn/static/css
42 -
auto-complete.css
in workshop/themes/learn/static/css
40 -
logo.html
in workshop/themes/learn/exampleSite/layouts/partials
37 -
config.toml
in workshop
35 -
attachments.html
in workshop/themes/learn/layouts/shortcodes
35 -
ghcontributors.html
in workshop/themes/learn/exampleSite/layouts/shortcodes
29 -
buildspec.yml
in workshop
27 -
metadata.yml
in root
22 -
footer.vue
in resources/code/WildRydesVue/src/components
21 -
theme.toml
in workshop/themes/learn
18 -
list.html
in workshop/themes/learn/layouts/_default
18 -
de.toml
in workshop/themes/learn/i18n
18 -
Files With Most Units (Top 7)
File# lines# units
cognito-auth.js
in resources/code/WildRydesVue/public/js
137 14
ride.js
in resources/code/WildRydesVue/public/js
97 10
ride.js
in workshop/content/StaticWebHosting
92 9
requestUnicorn.js
in workshop/content/ServerlessBackend/Lambda
84 4
esri-map.js
in resources/code/WildRydesVue/public/js
83 2
store.js
in resources/code/WildRydesVue/src/store
14 1
router.js
in resources/code/WildRydesVue/src
93 1
Files With Long Lines (Top 20)

There are 36 files with lines longer than 120 characters. In total, there are 138 long lines.

File# lines# units# long lines
logo.html
in workshop/themes/learn/exampleSite/layouts/partials
37 - 16
Faq.vue
in resources/code/WildRydesVue/src/views
62 - 15
footer.html
in workshop/themes/learn/layouts/partials
67 - 14
children.html
in workshop/themes/learn/layouts/shortcodes
86 - 12
theme.css
in workshop/themes/learn/static/css
1104 - 8
menu.html
in workshop/themes/learn/layouts/partials
140 - 8
Unicorns.vue
in resources/code/WildRydesVue/src/views
76 - 7
header.html
in workshop/themes/learn/layouts/partials
95 - 5
Ride.vue
in resources/code/WildRydesVue/src/views
116 - 5
Investors.vue
in resources/code/WildRydesVue/src/views
100 - 5
theme-aws.css
in workshop/themes/learn/static/css
229 - 4
menu-footer.html
in workshop/themes/learn/exampleSite/layouts/partials
7 - 4
404.html
in workshop/themes/learn/layouts
48 - 4
mapbox-gl.css
in resources/code/WildRydesVue/public/css
258 - 4
map.vue
in resources/code/WildRydesVue/src/components
190 - 3
nucleus.css
in workshop/themes/learn/static/css
522 - 2
search.html
in workshop/themes/learn/layouts/partials
16 - 2
Apply.vue
in resources/code/WildRydesVue/src/views
43 - 2
ride.js
in workshop/content/StaticWebHosting
92 9 1
theme-green.css
in workshop/themes/learn/static/css
90 - 1