File Complexity Overall
  • There are 57 files with units, with 7,545 lines of code.
    • 0 very complex files (McCabe index sum 251+; 0 lines of code)
    • 0 complex files (McCabe index sum 126-250; 0 lines of code)
    • 0 medium complex files (McCabe index sum 51-125; 0 lines of code)
    • 3 slightly complex files (McCabe index sum 26-50; 738 lines of code)
    • 54 simple files (McCabe index sum 1-25; 6,807 lines of code)
  • 422 main files have no units (e.g. languages without unit analysis, or files without functions) and are not classified.
system0% | 0% | 0% | 9% | 90%
Legend:
251+
126-250
51-125
26-50
1-25


explore: grouped by folders | grouped by complexity
File Complexity per Extension
251+
126-250
51-125
26-50
1-25
tsx0% | 0% | 0% | 8% | 91%
ts0% | 0% | 0% | 18% | 81%
js0% | 0% | 0% | 0% | 100%
File Complexity per Logical Decomposition
primary
251+
126-250
51-125
26-50
1-25
src0% | 0% | 0% | 8% | 91%
scripts0% | 0% | 0% | 43% | 56%
ROOT0% | 0% | 0% | 0% | 100%
playwright0% | 0% | 0% | 0% | 100%
.storybook0% | 0% | 0% | 0% | 100%
Most Complex Files (Top 50)

The McCabe index of a file grows with its size: per 100 lines tells a large but plain file from a dense one, and most complex unit whether the complexity sits in one unit or is spread over many.

File# lines# unitsMcCabe index
(sum)
per 100
lines
most complex
unit
TagTable.tsx
in src/components/TagTable
321 2 30 9 25
SidebarStepperNavigation.tsx
in src/components/SidebarStepperNavigation
260 7 29 11 6
figma-utils.ts
in scripts/figma
157 4 28 18 10
DatePicker.tsx
in src/components/DatePicker
219 6 25 11 20
Menu.tsx
in src/components/Menu
234 5 22 9 14
Tile.tsx
in src/components/Tile
191 5 19 10 7
Tabs.tsx
in src/components/Tabs
184 5 14 8 4
TagPicker.tsx
in src/components/TagPicker
181 1 14 8 14
Tile.stories.tsx
in src/components/Tile
295 2 11 4 6
Select.tsx
in src/components/Select
133 3 9 7 4
Byline.tsx
in src/components/Byline
419 2 9 2 8
AlertBanner.tsx
in src/components/AlertBanner
65 1 8 12 8
UserMenu.tsx
in src/components/UserMenu
79 1 8 10 8
TagSearchWithFilters.tsx
in src/components/TagPicker
95 1 7 7 7
PreferenceRadioGroup.tsx
in src/components/UserMenu
70 1 7 10 7
PickerIframeModal.tsx
in src/components/PickerIframeModal
101 1 7 7 7
lib.ts
in src/components/Byline
322 4 7 2 2
200 3 6 3 2
Layout.stories.tsx
in src/components/Layout
511 1 6 1 6
TopBarNavigation.tsx
in src/components/TopBar/TopBarNavigation
97 1 6 6 6
TopBar.tsx
in src/components/TopBar
258 3 6 2 4
Table.tsx
in src/components/Table
153 5 5 3 1
Icon.tsx
in src/components/Icon
40 1 5 13 5
Sandbox.tsx
in src/util/storybook/sandbox
289 4 4 1 1
ToggleSwitch.tsx
in src/components/ToggleSwitch
66 1 4 6 4
schema.ts
in src/components/Byline
55 2 4 7 2
30 1 3 10 3
mergeDeep.ts
in src/util
18 1 3 17 3
RadioGroup.tsx
in src/components/RadioGroup
72 1 3 4 3
Toast.stories.tsx
in src/components/Toast
190 3 3 2 1
CheckboxGroup.tsx
in src/components/Checkbox
35 1 3 9 3
IconLinkButton.tsx
in src/components/IconLinkButton
44 1 3 7 3
IntendedAudienceSignifier.tsx
in src/components/IntendedAudienceSignifier
72 1 3 4 3
IconButton.tsx
in src/components/IconButton
44 1 3 7 3
TopBarToolName.tsx
in src/components/TopBar/TopBarToolName
100 1 3 3 3
byline.mock.tsx
in playwright
51 1 2 4 2
Spacing.tsx
in src/styleD/stories/base
120 2 2 2 1
Radius.tsx
in src/styleD/stories/base
121 2 2 2 1
Sizing.tsx
in src/styleD/stories/base
125 2 2 2 1
Layout.tsx
in src/components/Layout
105 2 2 2 1
Checkbox.tsx
in src/components/Checkbox
55 1 2 4 2
TagPicker.stories.tsx
in src/components/TagPicker
312 1 2 1 2
Icon.stories.tsx
in src/components/Icon
165 2 2 1 1
PickerIframeModal.stories.tsx
in src/components/PickerIframeModal
144 2 2 1 1
Grid.tsx
in src/components/Grid
35 2 2 6 1
main.ts
in .storybook
27 1 1 4 1
30 1 1 3 1
config.js
in src/styleD
74 1 1 1 1
AvatarLink.tsx
in src/components/AvatarLink
13 1 1 8 1
TextInput.tsx
in src/components/TextInput
30 1 1 3 1
About This Analysis
  • File complexity is the sum of the McCabe indexes (conditional complexity) of the units (methods, functions...) in a file.
  • Files are classified in five categories based on that sum: 1-25 (simple files), 26-50 (slightly complex files), 51-125 (medium complex files), 126-250 (complex files), 251+ (very complex files). The default bands are five times the unit complexity bands, as a file is a group of units.
  • Only main code files with units are classified. Files without units (languages without unit analysis, or files without functions) have no complexity to measure and are left out rather than counted as simple.
  • A very complex file holds many decisions, which often means it has too many responsibilities: a candidate to split, and a place where changes need more testing.
Learn more...