microsoft / fuse-webui
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 257 units with 2,217 lines of code in units (46.0% of code).
    • 0 very complex units (0 lines of code)
    • 0 complex units (0 lines of code)
    • 2 medium complex units (86 lines of code)
    • 16 simple units (348 lines of code)
    • 239 very simple units (1,783 lines of code)
0% | 0% | 3% | 15% | 80%
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
tsx0% | 0% | 4% | 14% | 80%
ts0% | 0% | 3% | 16% | 79%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
fuse-ui-fabric/tree0% | 0% | 9% | 18% | 72%
fuse-ui-shared0% | 0% | 11% | 16% | 71%
fuse-react-gen/commands0% | 0% | 0% | 70% | 29%
fuse-react-gen0% | 0% | 0% | 20% | 80%
fuse-ui-shared/i18n0% | 0% | 0% | 63% | 36%
fuse-ui-shared/decorators0% | 0% | 0% | 12% | 87%
fuse-ui-fabric/splittable0% | 0% | 0% | 58% | 41%
fuse-ui-fabric/mainNav0% | 0% | 0% | 34% | 65%
fuse-ui-fabric/timePicker0% | 0% | 0% | 11% | 88%
fuse-ui-fabric/themes0% | 0% | 0% | 13% | 86%
fuse-ui-fabric/topNav0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/annotationEditor0% | 0% | 0% | 0% | 100%
fuse-cli0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/actions0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/dialogs0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/decorators0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/form0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/notification0% | 0% | 0% | 0% | 100%
fuse-ui-adal0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/utilities0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/userProfile0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/datetimePicker0% | 0% | 0% | 0% | 100%
fuse-ui-adal/actions0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/models0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/reducers0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/genericList0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/feedbackPanel0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/login0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/enumDropdown0% | 0% | 0% | 0% | 100%
fuse-ui-fabric/genericButton0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
private async handleKeyCommands()
in fuse-ui-fabric/tree/treeView.tsx
49 17 1
export function toCase()
in fuse-ui-shared/stringCases.ts
37 14 2
export async function handler()
in fuse-react-gen/commands/add.ts
53 10 2
export function detectCase()
in fuse-ui-shared/stringCases.ts
27 9 1
public componentDidUpdate()
in fuse-ui-fabric/tree/treeView.tsx
22 8 2
function handleResize()
in fuse-ui-fabric/splittable/splittable.tsx
18 7 2
export function fileExtensionToIcon()
in fuse-ui-fabric/themes/seti/fileIcons.ts
8 7 2
export function convertNotation()
in fuse-ui-fabric/timePicker/timePicker.tsx
12 7 2
private findPrev()
in fuse-ui-fabric/tree/treeView.tsx
20 7 1
private findNext()
in fuse-ui-fabric/tree/treeView.tsx
23 7 2
export async function parseAgainstConfig()
in fuse-react-gen/acquire-config.ts
39 6 3
function renderNavPanelWithProps()
in fuse-ui-fabric/mainNav/mainNav.tsx
17 6 2
private renderContextMenu()
in fuse-ui-fabric/tree/treeView.tsx
18 6 0
private handleCollapse()
in fuse-ui-fabric/tree/treeView.tsx
15 6 0
export async function retryAction()
in fuse-ui-shared/decorators/retry.ts
22 6 1
20 6 1
export function formatString()
in fuse-ui-shared/i18n/index.ts
26 6 2
function formatUrl()
in fuse-ui-shared/url.ts
8 6 1
export async function compareFolder()
in fuse-react-gen/utils.ts
19 5 2
export function layoutStack()
in fuse-ui-fabric/splittable/splittable.tsx
13 5 4