microsoft / contact-card
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 48 units with 583 lines of code in units (43.4% 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 (54 lines of code)
    • 47 very simple units (529 lines of code)
0% | 0% | 0% | 9% | 90%
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
js0% | 0% | 0% | 56% | 43%
ts0% | 0% | 0% | 0% | 100%
tsx0% | 0% | 0% | 0% | 100%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
scripts0% | 0% | 0% | 77% | 22%
src0% | 0% | 0% | 0% | 100%
src/contactCard0% | 0% | 0% | 0% | 100%
src/supporting0% | 0% | 0% | 0% | 100%
config/jest0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
function build()
in scripts/build.js
54 10 1
8 5 1
async function processBatch()
in src/GraphService.ts
33 5 0
function buildProfile()
in src/GraphService.ts
14 5 1
12 5 1
16 4 1
public render()
in src/Persona.tsx
13 4 0
function renderOrgSummary()
in src/contactCard/Summary.tsx
30 4 3
15 3 1
function cacheByIdOrEmail()
in src/GraphService.ts
13 3 3
async function enqueueRequest()
in src/GraphService.ts
18 3 2
async function processResponse()
in src/GraphService.ts
10 3 2
export async function getAuthToken()
in src/GraphServiceAuthenticator.ts
12 3 0
public componentDidUpdate()
in src/Persona.tsx
5 3 1
public componentDidUpdate()
in src/PersonaWithCard.tsx
5 3 1
11 3 2
function renderDirects()
in src/contactCard/OrgDetails.tsx
22 3 2
process()
in config/jest/fileTransform.js
19 2 2
8 2 0
8 2 0