guardian / dotcom-rendering

Intro

For duplication, we look at places in code where there are 6 or more lines of code that are exactly the same.
Before duplication is calculated, the code is cleaned to remove empty lines, comments, and frequently duplicated constructs such as imports.
You should aim at having as little as possible (<5%) of duplicated code as high-level of duplication can lead to maintenance difficulties, poor factoring, and logical contradictions.

Learn more...

Duplication Overall

29% duplication:

178,998 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
52,952 duplicated lines

17,341 duplicates

dependency graphs: 2D graph | 3D graph | 3D graph (with duplicates)...

Duplication per Extension

Duplication per Component (primary)

Duplication Between Components (50+ lines)

Download: SVG DOT (open online Graphviz editor)

From Component --> To Component	Duplicated Lines	File Pairs	Details
apps-rendering (5%) --> dotcom-rendering (1%)	3110	122 file pairs	details...

Open 2D force graph... Open 3D force graph...

Show more details on duplication between components...

Longest Duplicates

The list of 50 longest duplicates.

See data for all 17,341 duplicates...

Size	#	Folders	Files	Lines	Code
774	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	MultiImageBlockComponent.mocks.tsx MultiImageBlockComponent.mocks.tsx	5:978 (74%) 330:1303 (74%)	view
541	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	nav-international.ts nav-world.ts	5:702 (66%) 6:703 (81%)	view
516	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	MultiImageBlockComponent.mocks.tsx MultiImageBlockComponent.mocks.tsx	5:653 (49%) 655:1303 (49%)	view
369	x 2	dotcom-rendering/src/com...nts/Masthead/Titlepiece dotcom-rendering/src/com...nts/Masthead/Titlepiece	Nav.mock.tsx Nav.mock.tsx	13:440 (27%) 1096:1523 (27%)	view
258	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	MultiImageBlockComponent.mocks.tsx MultiImageBlockComponent.mocks.tsx	5:328 (24%) 980:1303 (24%)	view
214	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	nav-international.ts nav-international.ts	13:287 (26%) 708:982 (26%)	view
214	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	nav-international.ts nav-world.ts	708:982 (26%) 14:288 (32%)	view
152	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	highlights-trails.ts highlights-trails.ts	10:164 (43%) 166:320 (43%)	view
136	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	AudioLayout.tsx StandardLayout.tsx	459:602 (24%) 845:988 (14%)	view
118	x 2	apps-rendering/src/native/thrift dotcom-rendering/src/lib/thrift	protocols.ts protocols.ts	2:173 (100%) 2:173 (100%)	view
110	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/playwright/fixtures	cricket-scoreboard.ts cricket-match.js	4:149 (99%) 2:147 (48%)	view
101	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	177:281 (18%) 202:306 (14%)	view
98	x 2	dotcom-rendering/playwright/fixtures dotcom-rendering/playwright/fixtures	cricket-match.js cricket-match.js	2:135 (42%) 150:283 (42%)	view
98	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/playwright/fixtures	cricket-scoreboard.ts cricket-match.js	4:137 (88%) 150:283 (42%)	view
83	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	AudioLayout.tsx InteractiveLayout.tsx	482:569 (14%) 631:719 (11%)	view
83	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	InteractiveLayout.tsx StandardLayout.tsx	631:719 (11%) 868:955 (9%)	view
77	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	PictureLayout.tsx ShowcaseLayout.tsx	687:770 (12%) 795:876 (10%)	view
77	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx PictureLayout.tsx	772:853 (10%) 632:713 (12%)	view
72	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	KeyTakeaways.stories.tsx MiniProfiles.stories.tsx	68:149 (45%) 79:160 (39%)	view
69	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	LiveLayout.tsx StandardLayout.tsx	1094:1170 (6%) 988:1061 (7%)	view
68	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx ImmersiveLayout.tsx	753:824 (9%) 822:892 (8%)	view
68	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	Carousel.importable.tsx CarouselForNewsletters.importable.tsx	819:914 (7%) 405:500 (13%)	view
66	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx ShowcaseLayout.tsx	576:652 (7%) 476:552 (9%)	view
66	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx ShowcaseLayout.tsx	894:966 (7%) 795:865 (9%)	view
66	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx PictureLayout.tsx	894:966 (7%) 687:759 (10%)	view
64	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	InteractiveLayout.tsx LiveLayout.tsx	774:842 (9%) 1118:1187 (6%)	view
64	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx ImmersiveLayout.tsx	470:548 (8%) 548:626 (7%)	view
63	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	40:119 (11%) 50:127 (8%)	view
62	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx ShowcaseLayout.tsx	705:770 (8%) 673:738 (8%)	view
59	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	ImageBlockComponent.stories.tsx ImageBlockComponent.stories.tsx	339:397 (11%) 407:465 (11%)	view
57	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	show-more-trails.ts show-more-trails.ts	1101:1162 (3%) 1583:1644 (3%)	view
56	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	nav-international.ts nav-world.ts	980:1035 (6%) 790:845 (8%)	view
55	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	AudioLayout.tsx ShowcaseLayout.tsx	325:388 (9%) 539:602 (7%)	view
55	x 2	dotcom-rendering/fixtures/manual dotcom-rendering/fixtures/manual	calloutCampaign.ts calloutCampaign.ts	64:128 (26%) 183:247 (26%)	view
55	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	YoutubeBlockComponent.stories.tsx YoutubeBlockComponent.stories.tsx	260:319 (15%) 326:386 (15%)	view
55	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	PictureLayout.tsx ShowcaseLayout.tsx	627:684 (8%) 735:792 (7%)	view
54	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	InteractiveLayout.tsx PictureLayout.tsx	682:739 (7%) 631:688 (8%)	view
54	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	DynamicFast.tsx DynamicSlow.tsx	566:622 (8%) 217:273 (19%)	view
53	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx InteractiveLayout.tsx	772:828 (7%) 683:739 (7%)	view
52	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	TopMetaAnalysis.amp.tsx TopMetaNews.amp.tsx	105:162 (41%) 78:135 (50%)	view
51	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	433:490 (9%) 483:540 (7%)	view
51	x 2	dotcom-rendering/src/components/EditorialButton dotcom-rendering/src/components/EditorialButton	EditorialButton.stories.tsx EditorialLinkButton.stories.tsx	35:91 (72%) 35:91 (72%)	view
51	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	InteractiveLayout.tsx ShowcaseLayout.tsx	682:735 (7%) 739:792 (6%)	view
51	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx PictureLayout.tsx	855:910 (6%) 716:771 (8%)	view
50	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx ShowcaseLayout.tsx	855:909 (6%) 822:876 (6%)	view
50	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx ShowcaseLayout.tsx	841:892 (6%) 740:792 (6%)	view
50	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx ShowcaseLayout.tsx	772:824 (6%) 740:792 (6%)	view
50	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx InteractiveLayout.tsx	841:892 (6%) 683:735 (7%)	view
50	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	ImmersiveLayout.tsx PictureLayout.tsx	841:892 (6%) 632:684 (7%)	view
49	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	DecideContainerByTrails.tsx DecideContainerByTrails.tsx	611:660 (5%) 719:768 (5%)	view

Duplicated Units

The list of top 13 duplicated units.

See data for all 13 unit duplicates...

Size	#	Folders	Files	Lines	Code
12	x 2	dotcom-rendering/src/components dotcom-rendering/src/components	LiveblogNotifications.importable.tsx FollowWrapper.importable.tsx	26:39 38:51	view
12	x 2	dotcom-rendering/src/lib/thrift apps-rendering/src/native/thrift	nativeConnection.ts nativeConnection.ts	48:61 48:61	view
11	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	268:280 293:305	view
9	x 2	apps-rendering/src/components/editions/layout apps-rendering/src/components/editions/headline	layout.stories.tsx headline.stories.tsx	38:49 30:41	view
9	x 2	apps-rendering/src/components/editions/byline apps-rendering/src/components/editions/avatar	byline.stories.tsx avatar.stories.tsx	29:40 20:31	view
8	x 2	dotcom-rendering/src/layouts dotcom-rendering/src/layouts	CommentLayout.tsx PictureLayout.tsx	234:244 212:222	view
7	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	218:226 243:251	view
7	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	229:237 254:262	view
7	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	242:250 267:275	view
7	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	253:261 278:286	view
6	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	210:217 235:242	view
6	x 2	dotcom-rendering/src/com...anners/designableBanner dotcom-rendering/src/com...anners/designableBanner	DesignableBanner.tsx DesignableBannerV2.tsx	265:272 290:297	view
6	x 2	dotcom-rendering/src/components/SlotBodyEnd dotcom-rendering/src/components/StickyBottomBanner	BrazeEpic.tsx BrazeBanner.tsx	152:159 140:147	view