guardian/notifications-tooling
File Complexity*
The distribution of files by complexity: the sum of the McCabe indexes of their units.
File Complexity Overall
  • There are 97 files with units, with 16,915 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)
    • 6 medium complex files (McCabe index sum 51-125; 4,923 lines of code)
    • 7 slightly complex files (McCabe index sum 26-50; 2,609 lines of code)
    • 84 simple files (McCabe index sum 1-25; 9,383 lines of code)
  • 212 main files have no units (e.g. languages without unit analysis, or files without functions) and are not classified.
system0% | 0% | 29% | 15% | 55%
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
tsx0% | 0% | 27% | 14% | 58%
ts0% | 0% | 32% | 14% | 52%
js0% | 0% | 0% | 100% | 0%
File Complexity per Logical Decomposition
primary
251+
126-250
51-125
26-50
1-25
src0% | 0% | 29% | 15% | 54%
cdk0% | 0% | 0% | 0% | 100%
scripts0% | 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
themes.ts
in src/apps/frontend/src
 1452 118 118 8 1
HistoryPage.stories.tsx
in src/apps/frontend/src/history
 909 88 90 10 2
notifications-repository.dbtest.ts
in src/packages/database/repositories
 779 70 72 9 2
CreateAppAlertForm.stories.tsx
in src/apps/frontend/src/compose
 554 58 59 11 2
CreateAppAlertTab.stories.tsx
in src/apps/frontend/src/compose
 730 50 57 8 4
CreateNewsletterEmailTab.stories.tsx
in src/apps/frontend/src/compose
 499 46 53 11 3
CreateNewsletterEmailForm.stories.tsx
in src/apps/frontend/src/compose
 412 40 42 10 2
mockServiceWorker.js
in src/apps/frontend/public
 232 11 41 18 10
HistoryView.stories.tsx
in src/apps/frontend/src/history
 316 35 39 12 3
DispatchLandingPage.stories.tsx
in src/apps/frontend/src/compose
 360 33 35 10 3
index.dbtest.ts
in src/apps/backend/routers/notifications
 711 31 32 5 2
DispatchReport.stories.tsx
in src/apps/frontend/src/send
 291 28 28 10 1
notifications-repository.ts
in src/packages/database/repositories
 287 12 27 9 11
LatestPublishedContentPanel.stories.tsx
in src/apps/frontend/src/latest-content
 277 25 25 9 1
ArticlePreviewCard.stories.tsx
in src/apps/frontend/src/compose
 172 23 23 13 1
TestEmailForm.stories.tsx
in src/apps/frontend/src/send
 199 19 20 10 2
PreviousNotificationsBar.stories.tsx
in src/apps/frontend/src/compose
 160 13 16 10 2
notifications.ts
in src/packages/database/schema
 77 14 14 18 1
useNotificationHistory.ts
in src/apps/frontend/src/hooks
 143 4 14 10 5
DispatchLandingHistoryView.stories.tsx
in src/apps/frontend/src/history
 129 12 14 11 3
MainLayout.stories.tsx
in src/apps/frontend/src/layout
 97 10 12 12 2
NotificationTextInput.stories.tsx
in src/apps/frontend/src/compose
 131 12 12 9 1
notification-dispatches.ts
in src/packages/database/schema
 69 11 11 16 1
PreviousNotificationsBar.tsx
in src/apps/frontend/src/compose
 297 9 9 3 1
DispatchCreateNotificationModal.stories.tsx
in src/apps/frontend/src/compose
 97 8 9 9 2
DeliveryAndTimingSelector.stories.tsx
in src/apps/frontend/src/send
 100 9 9 9 1
database.ts
in src/apps/backend/utils/test-utils
 106 9 9 8 1
history-search-params.ts
in src/apps/frontend/src/utils
 132 2 8 6 4
index.ts
in src/apps/backend/routers/channels
 137 5 8 6 4
53 1 7 13 7
DispatchInformationModal.stories.tsx
in src/apps/frontend/src/compose
 73 7 7 10 1
PreviewToggle.stories.tsx
in src/apps/frontend/src/preview
 82 6 7 9 2
DispatchTile.stories.tsx
in src/apps/frontend/src/layout
 70 6 6 9 1
AndroidAlertPreview.stories.tsx
in src/apps/frontend/src/preview
 62 6 6 10 1
NewsletterEmailPreviewSection.stories.tsx
in src/apps/frontend/src/preview
 111 6 6 5 1
SendFailedModal.tsx
in src/apps/frontend/src/send
 281 3 6 2 3
useChannelAudiences.ts
in src/apps/frontend/src/segment
 37 1 5 14 5
SideNavigationPanel.stories.tsx
in src/apps/frontend/src/compose
 60 4 5 8 2
useChannelConstraints.ts
in src/apps/frontend/src/hooks
 38 1 5 13 5
IPhoneAlertPreview.stories.tsx
in src/apps/frontend/src/preview
 58 5 5 9 1
NotificationAlert.stories.tsx
in src/apps/frontend/src
 161 4 5 3 2
DispatchReport.tsx
in src/apps/frontend/src/send
 422 5 5 1 1
tracking-pixel.ts
in src/apps/frontend/src
 19 2 5 26 4
index.ts
in src/apps/backend/routers/notifications
 340 4 5 1 2
audience.ts
in src/packages/models/api-contract
 141 1 4 3 4
RefreshButton.stories.tsx
in src/apps/frontend/src/ui
 31 4 4 13 1
CollapsibleSection.stories.tsx
in src/apps/frontend/src/ui
 66 3 4 6 2
Tooltip.stories.tsx
in src/apps/frontend/src/ui
 47 4 4 9 1
HTMLPreview.tsx
in src/apps/frontend/src/preview
 157 4 4 3 1
331 1 3 1 3
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...