guardian / frontend - Duplication

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

16% duplication:

137,851 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
22,112 duplicated lines

2,380 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
commercial (4%) --> common (<1%)	211	3 file pairs	details...
article (4%) --> common (<1%)	198	7 file pairs	details...
applications (2%) --> article (3%)	178	12 file pairs	details...
applications (1%) --> facia (5%)	142	9 file pairs	details...
applications (1%) --> identity (1%)	102	8 file pairs	details...
common (<1%) --> sport (<1%)	97	8 file pairs	details...
facia (2%) --> onward (1%)	78	2 file pairs	details...
article (1%) --> facia (2%)	58	4 file pairs	details...
applications (<1%) --> sport (<1%)	50	4 file pairs	details...
common (<1%) --> onward (1%)	50	7 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 2,380 duplicates...

Size	#	Folders	Files	Lines	Code
513	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-minute.scss _article-minute.scss	1:680 (100%) 1:680 (100%)	view
462	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media-player.scss _media-player.scss	371:904 (49%) 355:888 (50%)	view
204	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media-player.scss _media-player.scss	122:370 (21%) 105:353 (22%)	view
149	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_live-blog.scss _live-blog.scss	62:255 (35%) 62:253 (76%)	view
136	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-immersive.scss _article-immersive.scss	2:167 (18%) 2:167 (30%)	view
136	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	687:856 (13%) 1074:1243 (13%)	view
96	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	383:499 (11%) 341:457 (15%)	view
92	x 2	static/src/stylesheets/module static/src/stylesheets/module	_layout-hints.garnett.scss _layout-hints.scss	43:151 (62%) 51:159 (56%)	view
91	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	357:465 (14%) 315:423 (17%)	view
80	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_mixins.scss _mixins.scss	1:89 (100%) 1:89 (96%)	view
80	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	562:661 (7%) 593:692 (7%)	view
78	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_linkslist.scss _linkslist.scss	1:97 (100%) 1:96 (100%)	view
74	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	166:257 (9%) 118:209 (11%)	view
73	x 2	static/src/stylesheets/module/facia/item-layouts static/src/stylesheets/module/facia/item-layouts	_fc-item--full-media-50.scss _fc-item--full-media-75.scss	23:113 (97%) 24:114 (97%)	view
71	x 2	common/app/views/fragments/items/facia_cards common/app/views/fragments/items/facia_cards	contentCard.scala.html dynamoContentCard.scala.html	101:185 (31%) 106:190 (31%)	view
71	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	720:808 (8%) 649:737 (11%)	view
69	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media-player.scss _media-player.scss	33:117 (7%) 17:101 (7%)	view
68	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media-player.scss _media-player.scss	939:1013 (7%) 920:994 (7%)	view
68	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	1163:1230 (6%) 897:975 (6%)	view
67	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	198:279 (10%) 169:248 (13%)	view
65	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_tweets.scss _tweets.scss	8:93 (100%) 8:93 (100%)	view
64	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	257:342 (7%) 214:299 (10%)	view
64	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	625:696 (7%) 555:626 (10%)	view
58	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-immersive.scss _article-immersive.scss	258:324 (7%) 381:447 (13%)	view
58	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	540:615 (7%) 480:551 (9%)	view
55	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	499:567 (8%) 482:550 (10%)	view
51	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	46:109 (8%) 44:107 (10%)	view
51	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-immersive.scss _article-immersive.scss	342:410 (6%) 215:283 (11%)	view
45	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_live-blog.scss _live-blog.scss	4:60 (10%) 4:60 (23%)	view
43	x 2	commercial/app/views/fragments common/app/views/fragments	hostedContentsAMPMetaData.scala.html metaData.scala.html	85:140 (37%) 116:171 (29%)	view
43	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media-player.scss _media-player.scss	1015:1063 (4%) 996:1044 (4%)	view
43	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-immersive.scss _article-immersive.scss	208:257 (5%) 327:376 (9%)	view
43	x 2	commercial/app/views/fragments common/app/views/fragments	hostedContentsAMPMetaData.scala.html metaData.scala.html	21:72 (37%) 51:103 (29%)	view
40	x 2	common/app/views/fragments/items/facia_cards common/app/views/fragments/items/facia_cards	contentCard.scala.html dynamoContentCard.scala.html	18:64 (17%) 17:63 (17%)	view
40	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	588:638 (6%) 567:617 (7%)	view
39	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	337:384 (3%) 358:405 (3%)	view
39	x 2	static/src/stylesheets/email static/src/stylesheets/email	_article.scss _front.scss	222:260 (15%) 329:367 (12%)	view
38	x 2	common/app/views/fragments common/app/views/fragments	immersiveGarnettMainMedia.scala.html immersiveMainMedia.scala.html	24:69 (43%) 24:69 (35%)	view
37	x 2	static/src/javascripts/p...in-gate/variants/design static/src/javascripts/p...in-gate/variants/design	example.js main-variant.js	98:144 (33%) 125:171 (25%)	view
37	x 2	common/app/views/fragments/page/head/stylesheets common/app/views/fragments	styles.scala.html stylesheets.scala.html	8:58 (82%) 10:60 (63%)	view
37	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_media.head.scss _media.head.scss	1:48 (100%) 1:48 (100%)	view
37	x 2	static/src/stylesheets/module/facia-garnett static/src/stylesheets/module/facia	_container.scss _container.scss	301:345 (6%) 263:307 (7%)	view
36	x 2	static/src/stylesheets/module static/src/stylesheets/module	_tabs-garnett.head.scss _tabs.head.scss	10:50 (43%) 13:53 (40%)	view
36	x 2	static/src/stylesheets/m...acia-garnett/item-types static/src/stylesheets/m...acia-garnett/item-types	_fc-item--type-media.scss _fc-item--type-media.scss	36:79 (25%) 129:172 (25%)	view
36	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	502:543 (3%) 516:557 (3%)	view
35	x 2	static/src/stylesheets/layout/nav static/src/stylesheets/layout/nav	_header-top-nav.scss _new-header.scss	209:251 (15%) 143:185 (21%)	view
35	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	1:54 (3%) 1:53 (3%)	view
34	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_content.scss _content.scss	113:153 (3%) 88:128 (3%)	view
33	x 2	static/src/stylesheets/module/content-garnett static/src/stylesheets/module/content	_article-immersive.scss _article-immersive.scss	413:452 (4%) 286:325 (7%)	view
33	x 2	static/src/stylesheets/m...ntent-garnett/live-blog static/src/stylesheets/module/content/live-blog	_live-blog.head.scss _live-blog.head.scss	343:381 (4%) 301:339 (5%)	view

Duplicated Units

The list of top 8 duplicated units.

See data for all 8 unit duplicates...

Size	#	Folders	Files	Lines	Code
12	x 2	onward/app/feed facia/app/agents	MostPopularAgent.scala MostViewedAgent.scala	54:69 59:74	view
8	x 3	article/app/pages applications/app/pages applications/app/pages	StoryHtmlPage.scala GalleryHtmlPage.scala ContentHtmlPage.scala	20:29 19:28 34:43	view
8	x 2	applications/app/pages facia/app/pages	IndexHtmlPage.scala FrontHtmlPage.scala	22:31 34:43	view
8	x 2	common/app/layout/slices common/app/layout/slices	DynamicContainer.scala FlexibleContainer.scala	65:74 23:32	view
8	x 2	common/app/model/dotcomrendering/pageElements common/app/model/liveblog	PageElement.scala BlockElement.scala	1915:1924 188:197	view
7	x 2	common/app/layout/slices common/app/layout/slices	DynamicPackage.scala FlexibleSpecial.scala	6:15 6:14	view
6	x 2	common/app/model/dotcomrendering/pageElements common/app/model/liveblog	PageElement.scala BlockElement.scala	57:64 88:95	view
6	x 2	common/app/common common/app/awswrappers	SQSQueues.scala package.scala	17:27 8:18	view