cdklabs / construct-hub-webapp
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 283 files with 10,173 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 3 medium size files (839 lines of codeclsfd_ftr_w_mp_ins)
    • 17 small files (2,334 lines of code)
    • 263 very small files (7,000 lines of code)
0% | 0% | 8% | 22% | 68%
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
tsx0% | 0% | 7% | 25% | 66%
ts0% | 0% | 9% | 17% | 72%
js0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/views0% | 0% | 12% | 26% | 61%
src/api0% | 0% | 39% | 18% | 41%
src/components0% | 0% | 0% | 25% | 74%
src/hooks0% | 0% | 0% | 33% | 66%
src/contexts0% | 0% | 0% | 24% | 75%
src0% | 0% | 0% | 29% | 70%
src/theme0% | 0% | 0% | 0% | 100%
src/constants0% | 0% | 0% | 0% | 100%
src/util0% | 0% | 0% | 0% | 100%
src/icons0% | 0% | 0% | 0% | 100%
cypress/support0% | 0% | 0% | 0% | 100%
src/lib0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
public0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
src/types0% | 0% | 0% | 0% | 100%
cypress/plugins0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
FAQ.tsx
in src/views/FAQ
280 4
Contribute.tsx
in src/views/Contribute
280 2
catalog-search.ts
in src/api/catalog-search
279 9
Details.tsx
in src/views/Package/PackageHeader
184 -
NavTree.tsx
in src/components/NavTree
174 -
Info.tsx
in src/views/Home
170 4
util.ts
in src/views/Package
169 -
SearchBar.tsx
in src/components/SearchBar
168 1
CDKTypeTabs.tsx
in src/views/Home
164 -
CheckboxFilter.tsx
in src/views/Search
139 1
util.ts
in src/api/catalog-search
134 -
useCatalogSearch.ts
in src/hooks/useCatalogSearch
129 -
TagFilter.tsx
in src/views/Search
124 -
Markdown.tsx
in src/components/Markdown
123 -
MobileNavLinks.tsx
in src/components/Header
122 -
PackageState.tsx
in src/views/Package
118 -
PackageDocs.tsx
in src/views/Package
107 -
ExternalLinkWarningModal.tsx
in src/contexts/ExternalLinkWarning
107 -
Footer.tsx
in src/components/Footer
101 -
register-service-worker.ts
in src
101 -
Install.tsx
in src/views/Package/PackageHeader
100 -
url.ts
in src/util
99 -
ChooseSubmodule.tsx
in src/views/Package/ChooseSubmodule
98 -
SearchModal.tsx
in src/views/Package/ChooseSubmodule
96 -
SearchResults.tsx
in src/views/Search
95 -
Checkbox.ts
in src/theme/components
94 11
service-worker.ts
in src
91 -
Heading.tsx
in src/views/Package/PackageHeader
90 -
CDKFilter.tsx
in src/views/Search
89 -
LanguageBar.tsx
in src/views/Package
89 -
Categories.tsx
in src/views/Home
88 2
FeedbackLinks.tsx
in src/views/Package
87 -
Text.tsx
in src/components/Markdown
85 -
SearchSuggestions.tsx
in src/components/SearchBar
83 -
index.ts
in src/api/config
82 -
Header.tsx
in src/components/Header
81 -
CDKType.tsx
in src/components/CDKType
80 -
Analytics.tsx
in src/contexts/Analytics
76 -
NavPopoverContent.tsx
in src/components/NavPopover
75 1
PackageLanguages.tsx
in src/components/PackageLanguages
74 -
Details.tsx
in src/components/PackageCard
74 -
links.ts
in src/constants
72 -
SiteTerms.tsx
in src/views/SiteTerms
71 2
MobileNav.tsx
in src/components/Header
71 -
languages.ts
in src/constants
68 -
Heading.tsx
in src/components/PackageCard
68 1
SelectVersion.tsx
in src/views/Package/PackageHeader
67 -
NavDrawer.tsx
in src/views/Package
67 -
WideCard.tsx
in src/components/PackageCard
67 -
SearchDetails.tsx
in src/views/Search
66 -
Files With Most Units (Top 20)
File# lines# units
constants.ts
in src/components/Header
32 11
Checkbox.ts
in src/theme/components
94 11
catalog-search.ts
in src/api/catalog-search
279 9
FAQ.tsx
in src/views/FAQ
280 4
Info.tsx
in src/views/Home
170 4
constants.ts
in src/views/Package
27 4
util.ts
in src/views/Search
40 2
Categories.tsx
in src/views/Home
88 2
Contribute.tsx
in src/views/Contribute
280 2
SiteTerms.tsx
in src/views/SiteTerms
71 2
Tabs.ts
in src/theme/components
46 2
Tag.ts
in src/theme/components
56 2
config-overrides.js
in root
9 1
SortFilter.tsx
in src/views/Search
27 1
CheckboxFilter.tsx
in src/views/Search
139 1
constants.ts
in src/views/Home
19 1
shortbread.ts
in src/lib/shortbread
40 1
NavPopoverContent.tsx
in src/components/NavPopover
75 1
Heading.tsx
in src/components/PackageCard
68 1
SearchBar.tsx
in src/components/SearchBar
168 1
Files With Long Lines (Top 12)

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

File# lines# units# long lines
DukeIcon.tsx
in src/icons
35 - 4
Info.tsx
in src/views/Home
170 4 3
MongoDBIcon.tsx
in src/icons
17 - 3
CDKFilter.tsx
in src/views/Search
89 - 2
Contribute.tsx
in src/views/Contribute
280 2 2
PythonIcon.tsx
in src/icons
50 - 2
Page.tsx
in src/components/Page
51 - 2
LanguageFilter.tsx
in src/views/Search
45 - 1
KeywordsFilter.tsx
in src/views/Search
45 - 1
Home.tsx
in src/views/Home
42 - 1
DotNetIcon.tsx
in src/icons
19 - 1
index.html
in public
20 - 1