microsoft / helium-ui
Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

Intro
  • Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
  • Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
  • Conditional complexity is measured at the unit level (methods, functions...).
  • Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).
Learn more...
Conditional Complexity Overall
  • There are 11 units with 321 lines of code in units (36.9% of code).
    • 0 very complex units (0 lines of code)
    • 0 complex units (0 lines of code)
    • 0 medium complex units (0 lines of code)
    • 1 simple units (33 lines of code)
    • 10 very simple units (288 lines of code)
0% | 0% | 0% | 10% | 89%
Legend:
51+
26-50
11-25
6-10
1-5
Alternative Visuals
Conditional Complexity per Extension
51+
26-50
11-25
6-10
1-5
ts0% | 0% | 0% | 37% | 62%
tsx0% | 0% | 0% | 0% | 100%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
src0% | 0% | 0% | 14% | 85%
src/components0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 11 most complex units
Unit# linesMcCabe index# params
function registerValidSW()
in src/serviceWorker.ts
 33 8 2
export function register()
in src/serviceWorker.ts
 25 5 1
function checkValidServiceWorker()
in src/serviceWorker.ts
 23 4 2
render()
in src/App.tsx
 128 3 0
render()
in src/components/movieComp.tsx
 40 2 0
export function unregister()
in src/serviceWorker.ts
 7 2 0
componentDidMount()
in src/App.tsx
 17 1 0
backgroundColor: fade()
in src/components/applicationBar.tsx
 9 1 2
constructor()
in src/components/applicationBar.tsx
 6 1 1
render()
in src/components/applicationBar.tsx
 19 1 0
constructor()
in src/components/movieComp.tsx
 14 1 1