alibaba / ChatUI - 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 85 units with 845 lines of code in units (9.2% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
1 medium complex units (18 lines of code)
3 simple units (85 lines of code)
81 very simple units (742 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
function getSize() in src/components/Price/index.tsx	18	12	1
function getComponent() in src/components/ComponentsProvider/index.tsx	41	6	2
export default function riseInput() in src/components/Composer/riseInput.ts	25	6	2
export default function parseDataTransfer() in src/utils/parseDataTransfer.ts	19	6	2
function handleClick() in src/components/Video/index.tsx	14	5	1
function getEl() in src/components/Portal/index.ts	7	5	1
const loop = function() in src/utils/getFps.ts	13	5	0
function handleInputFocus() in src/components/Chat/index.tsx	8	4	1
function handleTouchEnd() in src/components/Recorder/index.tsx	11	4	1
export function ScrollGrid() in src/components/ScrollGrid/index.tsx	42	4	3
function clear() in src/components/MessageStatus/index.tsx	11	4	0
function handleScroll() in src/components/InfiniteScroll/index.tsx	11	4	1
messageRender ? messageRender() in src/components/TypingBubble/index.tsx	18	4	1
function testScrollType() in src/components/Composer/riseInput.ts	12	4	0
function toggleFocusing() in src/components/Composer/index.tsx	8	4	0
export function updateViewportTop() in src/components/Composer/viewportTop.ts	13	4	0
function handleClick() in src/components/Button/index.tsx	5	4	1
function handleClick() in src/components/ClickOutside/index.tsx	6	4	1
function renderIcon() in src/components/Toast/Toast.tsx	12	4	1
export function formatTime() in src/utils/formatTime.ts	16	4	1
export function importScript() in src/utils/importScript.ts	25	4	2
function useMount() in src/hooks/useMount.ts	32	4	3
export default function useClickOutside() in src/hooks/useClickOutside.ts	22	4	1
function handleTouchStart() in src/components/Recorder/index.tsx	12	3	1
function handleTouchMove() in src/components/Recorder/index.tsx	6	3	1
function updateIndicator() in src/components/ScrollGrid/index.tsx	13	3	0
function clearModal() in src/components/Modal/Base.tsx	5	3	0
function touchStart() in src/components/MessageContainer/index.tsx	7	3	1
function touchMove() in src/components/MessageContainer/index.tsx	6	3	1
function resizeHandler() in src/components/Composer/index.tsx	5	3	0
onUnmount() in src/utils/mountComponent.ts	8	3	0
export default function smoothScroll() in src/utils/smoothScroll.ts	12	3	4
export function useTypewriter() in src/hooks/useTypewriter.ts	21	3	2
export default function useForwardRef() in src/hooks/useForwardRef.ts	12	3	1
function resizeThrottler() in src/hooks/useWindowResize.ts	10	3	0
function handleTitleClick() in src/components/Tree/TreeNode.tsx	12	2	0
function handleRetry() in src/components/MessageStatus/index.tsx	7	2	0
function handleChange() in src/components/Checkbox/CheckboxGroup.tsx	4	2	2
function handleClick() in src/components/RateActions/index.tsx	6	2	1
function getCount() in src/components/Input/index.tsx	3	2	2
function handleIndexChange() in src/components/Tabs/Tabs.tsx	6	2	2
export function Typing() in src/components/Typing/Typing.tsx	12	2	1
function renderDot() in src/components/Stepper/Step.tsx	11	2	1
componentDidCatch() in src/components/ErrorBoundary/index.tsx	7	2	2
function composeClass() in src/components/Button/index.tsx	3	2	1
export default() in src/utils/getFps.ts	10	2	1
export function getIOSMajorVersion() in src/utils/ua.ts	4	2	0
export default() in src/utils/toggleClass.ts	3	2	3
export default function throttle() in src/utils/throttle.ts	13	2	2
function animate() in src/utils/smoothScroll.ts	6	2	0