aws-amplify / aws-amplify.github.io
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 83 files with 7,830 lines of code.
    • 1 very long files (2,519 lines of code)
    • 0 long files (0 lines of code)
    • 5 medium size files (1,348 lines of codeclsfd_ftr_w_mp_ins)
    • 11 small files (1,536 lines of code)
    • 66 very small files (2,427 lines of code)
32% | 0% | 17% | 19% | 30%
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
scss53% | 0% | 5% | 19% | 22%
html0% | 0% | 27% | 32% | 39%
js0% | 0% | 100% | 0% | 0%
yml0% | 0% | 100% | 0% | 0%
hbs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
amplify-theme/_sass/components78% | 0% | 0% | 6% | 14%
amplify-theme/assets/js0% | 0% | 100% | 0% | 0%
ROOT0% | 0% | 100% | 0% | 0%
_layouts0% | 0% | 100% | 0% | 0%
amplify-theme/_layouts0% | 0% | 22% | 25% | 51%
amplify-theme/_sass/objects0% | 0% | 50% | 21% | 27%
amplify-theme/_sass/generic0% | 0% | 0% | 80% | 19%
amplify-theme/_includes0% | 0% | 0% | 68% | 31%
amplify-theme/_sass/utilities0% | 0% | 0% | 84% | 15%
amplify-theme/_sass/tools0% | 0% | 0% | 45% | 54%
amplify-theme/typedoc/partials0% | 0% | 0% | 0% | 100%
amplify-theme/_sass/themes0% | 0% | 0% | 0% | 100%
amplify-theme/_sass0% | 0% | 0% | 0% | 100%
amplify-theme/assets/css0% | 0% | 0% | 0% | 100%
amplify-theme/typedoc/templates0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
_redesign.scss
in amplify-theme/_sass/components
 2519 -
scripts.js
in amplify-theme/assets/js
 319 27
_config.yml
in root
 266 -
default.html
in _layouts
 265 -
homepage.html
in amplify-theme/_layouts
 261 -
_icons.scss
in amplify-theme/_sass/objects
 237 -
_base.scss
in amplify-theme/_sass/generic
 189 -
_normalize.scss
in amplify-theme/_sass/generic
 189 -
default.html
in amplify-theme/_layouts
 184 -
site-header.html
in amplify-theme/_includes
 172 -
docs-header.html
in amplify-theme/_includes
 158 -
_callout.scss
in amplify-theme/_sass/components
 117 -
tutorials.html
in amplify-theme/_layouts
 111 -
_visibility.scss
in amplify-theme/_sass/utilities
 107 -
_grid.scss
in amplify-theme/_sass/tools
 104 -
_social-list.scss
in amplify-theme/_sass/components
 104 -
_content.scss
in amplify-theme/_sass/objects
 101 -
toolchain.html
in amplify-theme/_layouts
 99 -
ui_library.html
in amplify-theme/_layouts
 96 -
_nav-grid.scss
in amplify-theme/_sass/components
 96 -
blog.html
in amplify-theme/_layouts
 93 -
_code.scss
in amplify-theme/_sass/generic
 92 -
_sections-list.scss
in amplify-theme/_sass/components
 89 -
examples.html
in amplify-theme/_layouts
 87 -
categories.html
in amplify-theme/_layouts
 86 -
hbs
type.hbs
in amplify-theme/typedoc/partials
 77 -
site-footer.html
in amplify-theme/_includes
 74 -
hbs
parameter.hbs
in amplify-theme/typedoc/partials
 74 -
hbs
footer.hbs
in amplify-theme/typedoc/partials
 64 -
_page-nav.scss
in amplify-theme/_sass/components
 64 -
_grid-framework.scss
in amplify-theme/_sass/tools
 63 -
_variables.scss
in amplify-theme/_sass
 60 -
_buttons.scss
in amplify-theme/_sass/objects
 60 -
_hero-subheader.scss
in amplify-theme/_sass/components
 60 -
blog-home.html
in amplify-theme/_layouts
 57 -
blog-detail.html
in amplify-theme/_layouts
 54 -
hbs
member.signature.body.hbs
in amplify-theme/typedoc/partials
 48 -
hbs
typeAndParent.hbs
in amplify-theme/typedoc/partials
 42 -
style.scss
in amplify-theme/assets/css
 41 -
_example.scss
in amplify-theme/_sass/components
 37 -
hbs
member.getterSetter.hbs
in amplify-theme/typedoc/partials
 36 -
comments.html
in amplify-theme/_includes
 33 -
_site-footer.scss
in amplify-theme/_sass/components
 31 -
_micro-nav.scss
in amplify-theme/_sass/components
 30 -
_red.scss
in amplify-theme/_sass/themes
 30 -
_purple.scss
in amplify-theme/_sass/themes
 30 -
_green.scss
in amplify-theme/_sass/themes
 30 -
_yellow.scss
in amplify-theme/_sass/themes
 30 -
_grid.scss
in amplify-theme/_sass/objects
 29 -
_tabs.scss
in amplify-theme/_sass/components
 29 -
Files With Most Units (Top 1)
File# lines# units
scripts.js
in amplify-theme/assets/js
 319 27
Files With Long Lines (Top 20)

There are 25 files with lines longer than 120 characters. In total, there are 163 long lines.

File# lines# units# long lines
homepage.html
in amplify-theme/_layouts
 261 - 31
site-header.html
in amplify-theme/_includes
 172 - 24
docs-header.html
in amplify-theme/_includes
 158 - 19
hbs
footer.hbs
in amplify-theme/typedoc/partials
 64 - 19
site-footer.html
in amplify-theme/_includes
 74 - 10
tutorials.html
in amplify-theme/_layouts
 111 - 8
default.html
in amplify-theme/_layouts
 184 - 8
default.html
in _layouts
 265 - 7
ui_library.html
in amplify-theme/_layouts
 96 - 6
categories.html
in amplify-theme/_layouts
 86 - 5
site-head.html
in amplify-theme/_includes
 22 - 4
examples.html
in amplify-theme/_layouts
 87 - 3
blog.html
in amplify-theme/_layouts
 93 - 3
toolchain.html
in amplify-theme/_layouts
 99 - 2
blog-home.html
in amplify-theme/_layouts
 57 - 2
blog-detail.html
in amplify-theme/_layouts
 54 - 2
comments.html
in amplify-theme/_includes
 33 - 2
_config.yml
in root
 266 - 1
scripts.js
in amplify-theme/assets/js
 319 27 1
error-404.html
in amplify-theme/_layouts
 20 - 1