aws-amplify / docs
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 108 files with 8,227 lines of code.
    • 1 very long files (2,004 lines of code)
    • 0 long files (0 lines of code)
    • 3 medium size files (661 lines of codeclsfd_ftr_w_mp_ins)
    • 14 small files (1,811 lines of code)
    • 90 very small files (3,751 lines of code)
24% | 0% | 8% | 22% | 45%
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
js88% | 0% | 9% | 0% | 2%
tsx0% | 0% | 5% | 31% | 63%
css0% | 0% | 43% | 0% | 56%
ts0% | 0% | 0% | 41% | 58%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/directory100% | 0% | 0% | 0% | 0%
src/components0% | 0% | 5% | 28% | 66%
src/styles0% | 0% | 43% | 0% | 56%
ROOT0% | 0% | 80% | 0% | 19%
src/pages0% | 0% | 0% | 63% | 36%
src/utils0% | 0% | 0% | 25% | 74%
tasks0% | 0% | 0% | 60% | 39%
src/constants0% | 0% | 0% | 77% | 22%
src/plugins0% | 0% | 0% | 39% | 60%
amplify/backend0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
directory.js
in src/directory
2004 -
styles.tsx
in src/components/CodeBlock
226 -
elements.css
in src/styles
218 -
generatePathMap.cjs.js
in root
217 1
index.tsx
in src/components/Page
176 -
index.tsx
in src/components/FeaturesGrid
171 -
track.ts
in src/utils
146 -
index.tsx
in src/components/Menu/FilterSelect
140 3
index.tsx
in src/pages
136 -
styles.tsx
in src/components/UniversalNav
134 -
index.tsx
in src/components/TableOfContents
130 1
migrate.ts
in tasks
129 4
img.ts
in src/constants
112 -
index.tsx
in src/components/TableGenerator
110 -
index.tsx
in src/components/SecondaryNav
109 -
code-block.tsx
in src/plugins
107 -
ChooseFilterPage.tsx
in src/pages
107 -
index.tsx
in src/components/Menu/Directory
104 2
index.tsx
in src/components/Menu
99 2
FeatureFlagSummary.tsx
in src/components/FeatureFlags
96 2
color-effect-utils.css
in src/styles
94 -
index.tsx
in src/components/UiComponentProps
90 5
_app.tsx
in src/pages
88 -
import.tsx
in src/plugins
86 -
FeatureFlagValues.tsx
in src/components/FeatureFlags
84 -
styles.tsx
in src/components/SearchBar
83 -
index.tsx
in src/components/CodeBlock
82 2
styles.tsx
in src/components/Menu/Directory
82 -
index.tsx
in src/components/BlockSwitcher
81 2
index.tsx
in src/components/Layout
81 -
spacing-utils.css
in src/styles
79 -
styles.tsx
in src/components/Footer
76 -
filter-data.ts
in src/utils
75 -
index.tsx
in src/components/Menu/VersionSwitcher
75 1
styles.tsx
in src/components/SecondaryNav
71 -
index.tsx
in src/components/NextPrevious
69 2
generate-sitemap.ts
in tasks
66 -
index.tsx
in src/components/Menu/RepoActions
64 2
styles.tsx
in src/components/TableOfContents
64 -
traverseHeadings.ts
in src/utils
63 1
index.tsx
in src/components/Footer
62 -
styles.tsx
in src/components/Page
61 -
index.tsx
in src/components/LandingHeroCTA
60 1
styles.tsx
in src/components/InternalLinkButton
60 -
styles.tsx
in src/components/Menu
58 -
index.tsx
in src/components/CodeBlockProvider
58 -
styles.tsx
in src/components/Menu/FilterSelect
57 -
styles.tsx
in src/components/NextPrevious
56 -
font-faces.css
in src/styles
56 -
withFilterOverrides.ts
in src/utils
55 -
Files With Most Units (Top 20)
File# lines# units
index.tsx
in src/components/UiComponentProps
90 5
migrate.ts
in tasks
129 4
getLocalDirectory.ts
in src/utils
28 4
gatherFilters.ts
in src/utils
53 4
index.tsx
in src/components/Menu/FilterSelect
140 3
index.tsx
in src/components/CodeBlock
82 2
index.tsx
in src/components/Menu/Directory
104 2
index.tsx
in src/components/Menu/MenuOpenButton
41 2
index.tsx
in src/components/Menu/RepoActions
64 2
index.tsx
in src/components/Menu
99 2
FeatureFlagSummary.tsx
in src/components/FeatureFlags
96 2
index.tsx
in src/components/BlockSwitcher
81 2
index.tsx
in src/components/NextPrevious
69 2
next.config.js
in root
37 1
patch-next-scrolling.ts
in tasks
14 1
generatePathMap.cjs.js
in root
217 1
transform-search-data.ts
in src/utils
52 1
traverseHeadings.ts
in src/utils
63 1
parseLocalStorage.ts
in src/utils
8 1
index.tsx
in src/components/UniversalNav
46 1
Files With Long Lines (Top 5)

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

File# lines# units# long lines
cognitoc87f2d94-cloudformation-template.yml
in amplify/backend/auth/cognitoc87f2d94
38 - 1
generate-sitemap.ts
in tasks
66 - 1
index.tsx
in src/components/FeaturesGrid
171 - 1
index.tsx
in src/components/Page
176 - 1
index.tsx
in src/pages
136 - 1