aws / aws-northstar
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 223 files with 16,442 lines of code.
    • 1 very long files (1,474 lines of code)
    • 2 long files (1,333 lines of code)
    • 10 medium size files (2,890 lines of codeclsfd_ftr_w_mp_ins)
    • 29 small files (3,894 lines of code)
    • 181 very small files (6,851 lines of code)
8% | 8% | 17% | 23% | 41%
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
tsx10% | 0% | 18% | 26% | 43%
ts0% | 56% | 11% | 5% | 25%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components11% | 5% | 14% | 25% | 41%
src/themes0% | 98% | 0% | 0% | 1%
src/layouts0% | 0% | 49% | 18% | 31%
src/advanced0% | 0% | 42% | 34% | 22%
src/config0% | 0% | 0% | 61% | 38%
src/charts0% | 0% | 0% | 0% | 100%
styleguide/components0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
src/hooks0% | 0% | 0% | 0% | 100%
src/utils0% | 0% | 0% | 0% | 100%
jest0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
src/props0% | 0% | 0% | 0% | 100%
src/icons0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
index.stories.tsx
in src/components/FormRenderer
1474 2
data.ts
in src/components/Autosuggest/data
693 -
default.ts
in src/themes
640 -
index.tsx
in src/layouts/AppLayout
400 -
index.tsx
in src/components/Table
377 1
index.stories.tsx
in src/layouts/AppLayout
332 1
index.tsx
in src/components/Autosuggest
312 -
long.ts
in src/components/Table/data
284 -
index.tsx
in src/advanced/JupyterNotebook
280 -
index.stories.tsx
in src/components/Select
254 -
index.stories.tsx
in src/components/Autosuggest
233 1
index.stories.tsx
in src/components/Table
216 -
index.tsx
in src/components/Popover
202 1
index.tsx
in src/components/Select
192 -
index.tsx
in src/components/ButtonDropdown
190 -
index.tsx
in src/components/ProgressBar
190 -
index.tsx
in src/components/FormField
187 -
index.tsx
in src/components/SideNavigation
184 -
index.stories.tsx
in src/components/Multiselect
172 1
index.tsx
in src/layouts/AppLayout/components/SplitPanel
162 -
index.stories.tsx
in src/components/PivotTable
156 -
index.tsx
in src/components/FormRenderer/components/FieldArray/components/FieldArrayItem
151 2
index.tsx
in src/components/Table/components/SettingsBar
144 1
color.ts
in src/config
138 -
index.tsx
in src/components/Alert
129 1
index.tsx
in src/components/Tabs
127 1
index.tsx
in src/components/Button
125 -
index.stories.tsx
in src/components/FormField
124 -
index.stories.tsx
in src/advanced/DeleteConfirmationDialog
122 -
index.stories.tsx
in src/components/Button
117 -
index.tsx
in src/components/PivotTable
115 -
index.tsx
in src/components/Wizard/components/WizardInner
114 -
index.stories.tsx
in src/components/SideNavigation
112 -
index.stories.tsx
in src/components/Popover
110 -
index.tsx
in src/layouts/GetStarted
110 -
index.tsx
in src/advanced/DeleteConfirmationDialog
106 -
index.tsx
in src/components/FormRenderer/components/FieldArray
106 -
index.tsx
in src/components/Checkbox
103 -
index.tsx
in src/components/Input
103 -
index.stories.tsx
in src/components/FileUpload
102 -
index.tsx
in src/components/Flashbar/component/FlashbarItem
102 -
index.tsx
in src/components/FileUpload
101 -
index.stories.tsx
in src/components/Alert
100 -
types.ts
in src/components/Table
99 -
index.tsx
in src/layouts/Container
97 -
index.tsx
in src/layouts/AppLayout/components/Sidebar
96 -
index.tsx
in src/components/Wizard
92 -
index.tsx
in src/components/RadioButton
91 -
index.tsx
in src/components/Table/hooks/useTableColumnFilter
91 -
styleguide.config.js
in root
91 2
Files With Most Units (Top 16)
File# lines# units
index.tsx
in src/components/FormRenderer/components/FieldArray/components/FieldArrayItem
151 2
index.stories.tsx
in src/components/FormRenderer
1474 2
index.stories.tsx
in src/components/Flashbar
83 2
styleguide.config.js
in root
91 2
index.stories.tsx
in src/components/Autosuggest
233 1
index.tsx
in src/components/Tabs
127 1
index.tsx
in src/components/Alert
129 1
index.stories.tsx
in src/components/Multiselect
172 1
index.tsx
in src/components/Table
377 1
filterColumnDefinitions.tsx
in src/components/Table/data
34 1
index.tsx
in src/components/Table/components/BaseColumns
36 1
index.tsx
in src/components/Table/components/SettingsBar
144 1
index.tsx
in src/components/Popover
202 1
index.ts
in src/charts/utils/getFillColor
4 1
index.ts
in src/charts/utils/getStrokeColor
4 1
index.stories.tsx
in src/layouts/AppLayout
332 1
Files With Long Lines (Top 5)

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

File# lines# units# long lines
default.ts
in src/themes
640 - 16
index.stories.tsx
in src/advanced/NotificationButton
62 - 1
color.ts
in src/config
138 - 1
types.ts
in src/components/FormRenderer
27 - 1
index.stories.tsx
in src/components/FormRenderer
1474 2 1