aws-amplify / community
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 92 files with 6,749 lines of code.
    • 0 very long files (0 lines of code)
    • 1 long files (520 lines of code)
    • 7 medium size files (1,678 lines of codeclsfd_ftr_w_mp_ins)
    • 19 small files (2,615 lines of code)
    • 65 very small files (1,936 lines of code)
0% | 7% | 24% | 38% | 28%
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% | 7% | 25% | 39% | 28%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 14% | 18% | 34% | 32%
src/templates0% | 0% | 61% | 26% | 12%
scripts/contribute0% | 0% | 0% | 96% | 3%
gatsby-node0% | 0% | 0% | 70% | 29%
scripts0% | 0% | 0% | 88% | 11%
src/utilities0% | 0% | 0% | 54% | 45%
ROOT0% | 0% | 0% | 86% | 13%
src0% | 0% | 0% | 0% | 100%
src/pages0% | 0% | 0% | 0% | 100%
amplify/backend0% | 0% | 0% | 0% | 100%
cypress/integration0% | 0% | 0% | 0% | 100%
scripts/utilities0% | 0% | 0% | 0% | 100%
src/assets0% | 0% | 0% | 0% | 100%
cypress/plugins0% | 0% | 0% | 0% | 100%
cypress/support0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
toasts.js
in src/components/GlobalStyles
520 -
Resources.js
in src/templates
319 -
Newsletter.js
in src/templates
260 4
Landing.js
in src/templates
239 7
carousel.js
in src/components/GlobalStyles
228 -
Footer.js
in src/components
218 1
Nav.js
in src/components
210 -
Event.js
in src/templates
204 2
contribution-extension.js
in scripts/contribute/extensions
192 1
Posts.js
in src/templates
171 2
SideMenu.js
in src/components/Layout
169 -
generateNewsletter.js
in gatsby-node
162 -
validations.js
in scripts
156 2
Subscribe.js
in src/components
155 1
index.js
in src/components/GlobalStyles
146 -
Events.js
in src/templates
145 1
Expanded.js
in src/components/Card/Post
138 1
FeaturedPosts.js
in src/components
137 1
Contributor.js
in src/components/Card
133 -
Contributor.js
in src/templates
126 4
reset.js
in src/components/GlobalStyles
126 -
filter.js
in src/utilities
117 -
DateRange.js
in src/components
113 1
createPages.js
in gatsby-node
111 4
gatsby-config.js
in root
109 1
Condensed.js
in src/components/Card/Post
106 -
user-extension.js
in scripts/contribute/extensions
103 -
Hero.js
in src/components
100 1
graphql-fragments.js
in src
100 4
Newsletters.js
in src/templates
95 -
Event.js
in src/components/Card
90 -
List.js
in src/components
86 -
Filter.js
in src/components
80 -
Checkbox.js
in src/components
79 1
PostsOrContributors.js
in src/components/Card/ViewAll
67 1
Post.js
in src/templates
65 4
font-faces.js
in src/components/GlobalStyles
60 -
Basic.js
in src/components/Layout
58 1
onCreateNode.js
in gatsby-node
58 -
cognitocd807727-cloudformation-template.yml
in amplify/backend/auth/cognitocd807727
54 -
Author.js
in src/components/Card/Post/fragments
49 1
constants.js
in gatsby-node
48 -
MultiSelect.js
in src/components
46 -
Events.js
in src/components/Card/ViewAll
45 1
CheckboxGroup.js
in src/components
45 -
unsubscribe.js
in src/pages/newsletter
45 -
Contributors.js
in src/templates
43 1
Meta.js
in src/components
41 -
DiscordButton.js
in src/components
40 -
404.js
in src/pages
39 1
Files With Most Units (Top 20)
File# lines# units
Landing.js
in src/templates
239 7
Newsletter.js
in src/templates
260 4
Post.js
in src/templates
65 4
Contributor.js
in src/templates
126 4
graphql-fragments.js
in src
100 4
createPages.js
in gatsby-node
111 4
Event.js
in src/templates
204 2
Posts.js
in src/templates
171 2
validations.js
in scripts
156 2
Contributors.js
in src/templates
43 1
Events.js
in src/templates
145 1
Author.js
in src/components/Card/Post/fragments
49 1
Expanded.js
in src/components/Card/Post
138 1
Events.js
in src/components/Card/ViewAll
45 1
PostsOrContributors.js
in src/components/Card/ViewAll
67 1
Hero.js
in src/components
100 1
Subscribe.js
in src/components
155 1
ToggleMenu.js
in src/components/Button
38 1
Contribute.js
in src/components/Button
32 1
DateRange.js
in src/components
113 1
Files With Long Lines (Top 9)

There are 9 files with lines longer than 120 characters. In total, there are 14 long lines.

File# lines# units# long lines
Resources.js
in src/templates
319 - 6
cognitocd807727-cloudformation-template.yml
in amplify/backend/auth/cognitocd807727
54 - 1
Newsletter.js
in src/templates
260 4 1
DateRange.js
in src/components
113 1 1
Footer.js
in src/components
218 1 1
isValidEmailAddress.js
in src/utilities
4 - 1
jest.config.js
in root
15 - 1
contribution-extension.js
in scripts/contribute/extensions
192 1 1
user-extension.js
in scripts/contribute/extensions
103 - 1