Uber / base-design-docsConditional Complexity

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 29 units with 1,112 lines of code in units (65.8% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
1 medium complex units (108 lines of code)
5 simple units (264 lines of code)
23 very simple units (740 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 29 most complex units

Unit	# lines	McCabe index	# params
async function getSiteMap() in lib/api.ts	108	19	0
function Search() in components/search.tsx	86	8	0
async function getImage() in lib/api.ts	37	7	1
function SideNavigation() in components/side-navigation.tsx	89	6	0
await retry() in lib/api.ts	32	6	1
export function useSiblingPages() in lib/hooks.ts	20	6	2
function Layout() in components/layout.tsx	113	5	2
export function Logo() in components/icons.tsx	29	4	3
async function getStaticPaths() in pages/[pageKey].tsx	13	3	0
async function getStaticProps() in pages/[pageKey].tsx	21	3	1
function Links() in components/header.tsx	109	2	0
function saveImageToDisk() in lib/api.ts	16	2	2
static async getInitialProps() in pages/_document.tsx	10	2	1
component: function SearchIconOverride() in components/search.tsx	3	1	0
component: function StatefulMenuOverride() in components/search.tsx	14	1	1
export function Help() in components/icons.tsx	28	1	1
Circle question mark() in components/icons.tsx	20	1	1
export function Book() in components/icons.tsx	28	1	1
Book open() in components/icons.tsx	20	1	1
export function Console() in components/icons.tsx	43	1	1
export function Figma() in components/icons.tsx	27	1	1
export function SearchIcon() in components/icons.tsx	27	1	1
export function LeftChevron() in components/icons.tsx	27	1	1
function Home() in components/header.tsx	39	1	0
function Header() in components/header.tsx	64	1	0
function getPageKey() in lib/api.ts	18	1	2
function mod() in lib/hooks.ts	3	1	2
export async function getStaticProps() in pages/index.tsx	11	1	0
function Page() in pages/[pageKey].tsx	57	1	1