netflix / metaflow-ui - Conditional 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 238 units with 3,284 lines of code in units (21.0% of code).

0 very complex units (0 lines of code)
1 complex units (168 lines of code)
20 medium complex units (1,018 lines of code)
28 simple units (638 lines of code)
189 very simple units (1,460 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 50 most complex units

Unit	# lines	McCabe index	# params
export default function useResource() in src/hooks/useResource/index.tsx	168	42	16
export function rowDataReducer() in src/components/Timeline/useTaskData.ts	115	24	2
function useAutoComplete() in src/hooks/useAutoComplete/index.ts	94	23	9
export default function useTaskListSettings() in src/components/Timeline/useTaskListSettings.ts	83	19	0
status: getStepStatus() in src/components/Timeline/useTaskData.ts	80	17	1
export function timelineControlsReducer() in src/components/Timeline/useTimelineControls.ts	52	17	2
export function findAdditionalButtons() in src/components/Breadcrumb/index.tsx	33	16	2
export default function useTaskCards() in src/components/MFCard/useTaskCards.ts	91	14	2
export function getMode() in src/components/TaskListingHeader/TaskListingHeader.tsx	27	14	1
export function makeTasksForStep() in src/components/Timeline/taskdataUtils.ts	28	13	2
export default function useSearchField() in src/hooks/useSearchField/index.ts	87	13	2
export function makeActiveRequestParameters() in src/pages/Home/Home.utils.ts	25	13	1
export function timepointsOfTasks() in src/components/Timeline/taskdataUtils.ts	23	12	1
function formatString() in src/pages/Home/Sidebar/SidebarTimerangeSelection.tsx	22	12	4
export function makeWebsocketParameters() in src/pages/Home/Home.utils.ts	35	12	3
function messageHandler() in plugin-api/MetaflowPluginAPI.js	36	12	1
export function lineColor() in src/components/Timeline/TimelineRow/utils.ts	21	11	3
function register() in src/components/Plugins/PluginManager.tsx	27	11	2
export function valueToRenderableType() in src/components/TitledRow/index.tsx	27	11	2
export function createWebsocketConnection() in src/ws/index.ts	91	11	1
export function isDefaultParams() in src/pages/Home/Home.utils.ts	21	11	3
export default function useWebsocketRequest() in src/hooks/useWebsocketRequest/index.tsx	54	10	9
export function sortRows() in src/pages/Run/Run.utils.ts	15	10	2
export default function useTaskData() in src/components/Timeline/useTaskData.ts	78	9	2
message: parseHeader() in src/pages/Notifications/index.tsx	34	9	1
cachedResult: shouldUseCachedResult() in src/pages/Home/index.tsx	29	9	1
function makeTZData() in src/components/TimezoneProvider/index.tsx	43	8	0
function equalsDefaultMode() in src/components/Timeline/useTaskListSettings.ts	9	8	4
export function sortRuns() in src/pages/Home/Home.utils.ts	9	8	2
export function mergeWithSeparatePool() in src/pages/Home/Home.state.ts	35	8	3
export function taskListSettingsReducer() in src/components/Timeline/useTaskListSettings.ts	22	7	2
timelineStart: startOutOfBounds() in src/components/Timeline/useTimelineControls.ts	18	7	2
function loadMore() in src/hooks/useLogData/index.ts	21	7	1
export default function useWebsocket() in src/hooks/useWebsocket/index.tsx	37	7	7
export function getTaskPageLink() in src/pages/Run/Run.utils.ts	23	7	6
export function getTaskFromList() in src/pages/Run/Run.utils.ts	14	7	3
function projectString() in src/pages/Home/ResultGroup/ResultGroupCells.tsx	5	7	1
export function validatedParameter() in src/components/Timeline/useTaskListSettings.ts	13	6	4
export function countTaskRowsByStatus() in src/components/Timeline/taskdataUtils.ts	28	6	1
timelineEnd: endOutOfBounds() in src/components/Timeline/useTimelineControls.ts	15	6	2
function convertParams() in src/components/Plugins/PluginSlot.tsx	18	6	1
export function isVersionEqualOrHigher() in src/components/Plugins/PluginManager.tsx	16	6	2
function sizeToSpacingVar() in src/components/Structure/index.tsx	16	6	1
export function pathFromString() in src/components/Breadcrumb/index.tsx	15	6	1
export function getHeaderSizePx() in src/utils/style.ts	10	6	0
export function isGrouping() in src/pages/Home/Home.utils.ts	12	6	1
function cleanParams() in src/pages/Home/useHomeParameters.ts	12	6	1
rungroups: mergeTo() in src/pages/Home/Home.state.ts	7	6	3
export function mergeTo() in src/pages/Home/Home.state.ts	30	6	3
export function colorByStatus() in src/utils/style.ts	14	5	1