microsoft / angular-react
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 317 units with 1,886 lines of code in units (24.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)
    • 8 simple units (178 lines of code)
    • 309 very simple units (1,708 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
ts0% | 0% | 0% | 9% | 90%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
fabric/src/lib/components0% | 0% | 0% | 9% | 90%
core/src/lib/renderer0% | 0% | 0% | 10% | 89%
core/src/lib/components0% | 0% | 0% | 8% | 91%
fabric/src/lib/utils0% | 0% | 0% | 0% | 100%
core/src/lib/utils0% | 0% | 0% | 0% | 100%
semantic-ui/src/lib/button0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
ngOnChanges()
in libs/fabric/src/lib/components/command-bar/command-bar.component.ts
 21 10 1
Element.prototype.removeEventListener = function()
in libs/core/src/lib/renderer/geteventlisteners.ts
 20 8 3
private _initDirective()
in libs/fabric/src/lib/components/command-bar/command-bar.component.ts
 33 8 2
private _isForbiddenAttribute()
in libs/core/src/lib/components/wrapper-component.ts
 13 7 1
ngOnChanges()
in libs/fabric/src/lib/components/details-list/details-list.component.ts
 17 7 1
private _transformButtonOptionsToProps()
in libs/fabric/src/lib/components/search-box/search-box.component.ts
 34 7 1
private _renderRecursive()
in libs/core/src/lib/renderer/react-node.ts
 24 6 1
ngAfterContentInit()
in libs/fabric/src/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts
 16 6 0
export function createInputJsxRenderer()
in libs/core/src/lib/components/render-props.ts
 24 5 3
render()
in libs/core/src/lib/renderer/components/Disguise.ts
 10 5 0
private _tryResolveTypeIsReactElementClass()
in libs/core/src/lib/renderer/react-node.ts
 15 5 0
ngAfterContentInit()
in libs/fabric/src/lib/components/button/base-button.component.ts
 30 5 0
function isRenderComponentOptions()
in libs/core/src/lib/components/render-props.ts
 11 4 1
ngAfterViewInit()
in libs/core/src/lib/components/wrapper-component.ts
 14 4 0
private _passAttributesAsProps()
in libs/core/src/lib/components/wrapper-component.ts
 16 4 0
private _isReactContentOnlyChild()
in libs/core/src/lib/renderer/components/Disguise.ts
 10 4 0
private _renderChildrenNaive()
in libs/core/src/lib/renderer/components/Disguise.ts
 15 4 0
Element.prototype.addEventListener = function()
in libs/core/src/lib/renderer/geteventlisteners.ts
 15 4 3
componentDidMount()
in libs/core/src/lib/renderer/react-content.ts
 15 4 0
export function getComponentClass()
in libs/core/src/lib/renderer/registry.ts
 11 4 1