apache / incubator-devlake-website - 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 30 units with 635 lines of code in units (32.6% 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)
0 simple units (0 lines of code)
30 very simple units (635 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 30 most complex units

Unit	# lines	McCabe index	# params
export function UserFlow() in src/components/Sections/UserFlow.tsx	39	2	0
function UCCard() in src/components/Sections/UseCases.tsx	26	2	10
Svg: require() in src/components/HomepageFeatures.js	8	2	1
export function PersonCard() in src/components/Team/PersonCard.tsx	22	2	1
function tailwindcss() in docusaurus.config.js	5	1	0
configurePostCss() in docusaurus.config.js	6	1	1
Apache DevLake is an effort undergoing incubation at The Apache Software Foundation() in docusaurus.config.js	2	1	1
export function Dropdown() in src/components/Dropdown/index.tsx	5	1	1
export function JoinCommunity() in src/components/Sections/JoinCommunity.tsx	17	1	0
export function HeaderLearnMore() in src/components/Sections/HeaderLearnMore.tsx	55	1	0
function Feature() in src/components/Sections/WhyDevlake.tsx	18	1	3
function Supports() in src/components/Sections/WhyDevlake.tsx	77	1	0
Development Life Cycle() in src/components/Sections/WhyDevlake.tsx	27	1	1
export function Discover() in src/components/Sections/Discover.tsx	18	1	0
Svg: require() in src/components/HomepageFeatures.js	8	1	1
Collect DevOps data across the entire Software Development LifeCycle() in src/components/HomepageFeatures.js	5	1	1
Svg: require() in src/components/HomepageFeatures.js	9	1	1
function Feature() in src/components/HomepageFeatures.js	13	1	3
export default function HomepageFeatures() in src/components/HomepageFeatures.js	13	1	0
export function PPMC() in src/components/Team/PPMC.tsx	18	1	0
function dateFormatter() in src/components/Team/PersonCard.tsx	4	1	1
export function Contributor() in src/components/Team/Contributor.tsx	36	1	0
function TopCommunityContributors() in src/components/Team/Contributor.tsx	19	1	0
export function TeampageHeaderBG() in src/components/Team/TeampageBG.tsx	32	1	0
export function Title() in src/components/Team/Title.tsx	24	1	0
function dateFormatter() in src/components/Blog/utils.tsx	4	1	1
export function BlogHeader() in src/components/Blog/BlogHeader.tsx	26	1	0
export function BlogpageHeaderBG() in src/components/Blog/BlogpageBG.tsx	32	1	0
const Card = function() in src/components/Blog/EditorPick.tsx	44	1	2
export default function BlogOverview() in src/pages/blogOverview/index.js	23	1	0