guardian/newsletters-nx
File Complexity*
The distribution of files by complexity: the sum of the McCabe indexes of their units.
File Complexity Overall
  • There are 121 files with units, with 11,917 lines of code.
    • 0 very complex files (McCabe index sum 251+; 0 lines of code)
    • 0 complex files (McCabe index sum 126-250; 0 lines of code)
    • 1 medium complex files (McCabe index sum 51-125; 319 lines of code)
    • 4 slightly complex files (McCabe index sum 26-50; 802 lines of code)
    • 116 simple files (McCabe index sum 1-25; 10,796 lines of code)
  • 273 main files have no units (e.g. languages without unit analysis, or files without functions) and are not classified.
system0% | 0% | 2% | 6% | 90%
Legend:
251+
126-250
51-125
26-50
1-25


explore: grouped by folders | grouped by complexity
File Complexity per Extension
251+
126-250
51-125
26-50
1-25
ts0% | 0% | 3% | 8% | 87%
tsx0% | 0% | 0% | 0% | 100%
File Complexity per Logical Decomposition
primary
251+
126-250
51-125
26-50
1-25
apps0% | 0% | 4% | 7% | 88%
libs0% | 0% | 0% | 6% | 93%
cdk0% | 0% | 0% | 0% | 100%
Most Complex Files (Top 50)

The McCabe index of a file grows with its size: per 100 lines tells a large but plain file from a dense one, and most complex unit whether the complexity sits in one unit or is spread over many.

File# lines# unitsMcCabe index
(sum)		per 100
lines		most complex
unit
create-newsletter-wizard.ts
in apps/newsletters-e2e/src/ui/helpers
 319 51 54 17 2
layout-reducer.ts
in apps/newsletters-ui/src/app/components/edition-layouts
 220 8 30 14 14
s3-newsletter-storage.ts
in libs/newsletters-data-client/src/lib/newsletter-storage
 303 9 27 9 6
util.ts
in apps/newsletters-ui/src/app/components/StandRedesignSchemaForm
 136 5 27 20 21
util.ts
in apps/newsletters-ui/src/app/components/SchemaForm
 143 5 27 19 21
S3LayoutStorage.ts
in libs/newsletters-data-client/src/lib/layout-storage
 195 10 23 12 4
newsletters.ts
in apps/newsletters-api/src/app/routes
 199 2 23 12 15
index.ts
in libs/newsletters-data-client/src/lib/draft-storage/S3DraftStorage
 222 8 20 9 4
InMemoryNewsletterStorage.ts
in libs/newsletters-data-client/src/lib/newsletter-storage
 206 9 20 10 4
SimpleForm.tsx
in apps/newsletters-ui/src/app/components
 135 1 16 12 16
notifications.ts
in apps/newsletters-api/src/app/routes
 125 1 15 12 15
newsletter-data-type.ts
in libs/newsletters-data-client/src/lib/schemas
 164 14 14 9 1
draft-newsletter.ts
in apps/newsletters-e2e/helpers
 184 8 14 8 4
useUrlSyncedTableState.ts
in apps/newsletters-ui/src/app/hooks
 80 1 13 16 13
InMemoryDraftStorage.ts
in libs/newsletters-data-client/src/lib/draft-storage
 130 8 12 9 2
legacy-newsletter-type.ts
in libs/newsletters-data-client/src/lib/schemas
 122 11 12 10 2
Wizard.tsx
in apps/newsletters-ui/src/app/components
 265 6 11 4 4
all-newsletters-rows.steps.ts
in apps/newsletters-e2e/src/ui/steps
 330 9 11 3 2
create-newsletter-wizard.steps.ts
in apps/newsletters-e2e/src/ui/steps
 314 10 11 4 2
StandRedesignWizard.tsx
in apps/newsletters-ui/src/app/components
 402 6 10 2 4
sort-by-number.ts
in apps/newsletters-ui/src/app/lib
 24 1 10 42 10
formSchemas.ts
in libs/newsletter-workflow/src/lib/steps/newsletterData
 127 9 9 7 1
NewsletterCard.tsx
in apps/newsletters-ui/src/app/components/edition-layouts
 121 3 9 7 3
currentStep.ts
in apps/newsletters-api/src/app/routes
 150 1 9 6 9
layouts.ts
in apps/newsletters-api/src/app/routes
 73 2 9 12 5
test-fixtures.ts
in apps/newsletters-api/src/app/routes
 126 1 9 7 9
derive-newsletter-fields.ts
in libs/newsletters-data-client/src/lib
 57 4 8 14 2
formSchemas.ts
in libs/newsletter-workflow/src/lib/steps/standRedesignNewsletterData
 129 8 8 6 1
HomeMenu.tsx
in apps/newsletters-ui/src/app/components
 143 2 8 6 5
drafts.tsx
in apps/newsletters-ui/src/app/routes
 70 4 8 11 2
test-fixtures.ts
in apps/newsletters-e2e/helpers
 128 5 8 6 4
rendering-options-data-type.ts
in libs/newsletters-data-client/src/lib/schemas
 83 7 7 8 1
higher-level-data-point.tsx
in apps/newsletters-ui/src/app/components
 46 1 7 15 7
drafts.ts
in apps/newsletters-api/src/app/routes
 60 1 7 12 7
playwright.config.ts
in apps/newsletters-e2e
 83 1 7 8 7
all-newsletters-route.steps.ts
in apps/newsletters-e2e/src/ui/steps
 90 7 7 8 1
executeLaunch.ts
in libs/newsletter-workflow/src/lib
 90 3 6 7 2
isDataCompleteLayout.ts
in libs/newsletter-workflow/src/lib/steps/launchNewsletter
 85 2 6 7 3
fetch-api-data.ts
in apps/newsletters-ui/src/app/api-requests
 30 2 6 20 3
index.tsx
in apps/newsletters-ui/src/app/components/StandRedesignSchemaForm
 93 1 6 6 6
inMemoryStorageInstance.ts
in apps/newsletters-api/src/services/storage
 191 6 6 3 1
summary-reporter.ts
in apps/newsletters-e2e/reporters
 35 3 6 17 4
fixtures.ts
in apps/newsletters-e2e/src/ui/steps
 50 4 6 12 2
361 5 5 1 1
setupInitialState.ts
in libs/state-machine/src/lib
 48 1 5 10 5
index.ts
in libs/newsletters-data-client/src/lib/launch-service
 84 2 5 6 4
MainNav.tsx
in apps/newsletters-ui/src/app/components
 143 2 5 3 3
register-ui-server.ts
in apps/newsletters-api/src
 74 2 5 7 3
homepage.steps.ts
in apps/newsletters-e2e/src/ui/steps
 111 5 5 5 1
all-newsletters-partial-failure.steps.ts
in apps/newsletters-e2e/src/ui/steps
 62 5 5 8 1
About This Analysis
  • File complexity is the sum of the McCabe indexes (conditional complexity) of the units (methods, functions...) in a file.
  • Files are classified in five categories based on that sum: 1-25 (simple files), 26-50 (slightly complex files), 51-125 (medium complex files), 126-250 (complex files), 251+ (very complex files). The default bands are five times the unit complexity bands, as a file is a group of units.
  • Only main code files with units are classified. Files without units (languages without unit analysis, or files without functions) have no complexity to measure and are left out rather than counted as simple.
  • A very complex file holds many decisions, which often means it has too many responsibilities: a candidate to split, and a place where changes need more testing.
Learn more...