aws / mynah-ui - 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

19% duplication:

25,175 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
4,996 duplicated lines

943 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
example (<1%) --> src (<1%)	85	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 943 duplicates...

Size	#	Folders	Files	Lines	Code
54	x 2	example/src example/src	main.ts main.ts	633:697 (3%) 755:819 (3%)	view
53	x 2	example/src example/src	main.ts main.ts	631:695 (3%) 737:801 (3%)	view
52	x 2	example/src/styles/themes example/src/styles/themes	light-quiet.scss light-solarized.scss	154:205 (8%) 154:205 (8%)	view
52	x 2	example/src example/src	main.ts main.ts	739:801 (3%) 755:817 (3%)	view
52	x 2	example/src/styles/themes example/src/styles/themes	dark-plus.scss dark-solarized.scss	157:208 (8%) 154:205 (8%)	view
52	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-quiet.scss	157:208 (8%) 154:205 (8%)	view
52	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-solarized.scss	157:208 (8%) 154:205 (8%)	view
49	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light+tweaked.scss	215:263 (7%) 208:256 (5%)	view
46	x 2	example/src/styles/themes example/src/styles/themes	dark-abyss.scss dark-plus.scss	159:204 (7%) 163:208 (7%)	view
46	x 2	example/src/styles/themes example/src/styles/themes	dark-abyss.scss dark-solarized.scss	159:204 (7%) 160:205 (7%)	view
39	x 2	example/src example/src	main.ts main.ts	649:695 (2%) 739:785 (2%)	view
39	x 2	example/src example/src	main.ts main.ts	633:679 (2%) 649:695 (2%)	view
39	x 2	example/src example/src	main.ts main.ts	633:679 (2%) 771:817 (2%)	view
39	x 2	example/src example/src	main.ts main.ts	739:785 (2%) 771:817 (2%)	view
36	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light+tweaked.scss	342:377 (5%) 388:423 (4%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-solarized.scss	263:295 (3%) 173:205 (5%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-plus.scss	265:297 (4%) 176:208 (5%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-abyss.scss	265:297 (4%) 172:204 (5%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-solarized.scss	265:297 (4%) 173:205 (5%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light+tweaked.scss	176:208 (5%) 263:295 (3%)	view
33	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-quiet.scss	263:295 (3%) 173:205 (5%)	view
30	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-plus.scss	229:258 (3%) 234:263 (4%)	view
30	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-orange.scss	237:266 (4%) 244:273 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	dark-abyss.scss dark-plus.scss	236:263 (4%) 239:266 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	light-orange.scss light-quiet.scss	246:273 (4%) 237:264 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-solarized.scss	239:266 (4%) 237:264 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-quiet.scss	239:266 (4%) 237:264 (4%)	view
28	x 2	example/src example/src	main.ts main.ts	702:734 (1%) 787:819 (1%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	light-orange.scss light-solarized.scss	246:273 (4%) 237:264 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	light-quiet.scss light-solarized.scss	237:264 (4%) 237:264 (4%)	view
28	x 2	example/src/styles/themes example/src/styles/themes	dark-abyss.scss dark-plus.scss	536:563 (4%) 544:571 (4%)	view
28	x 2	example/src example/src	main.ts main.ts	665:697 (1%) 702:734 (1%)	view
27	x 2	example/src example/src	main.ts main.ts	700:732 (1%) 737:769 (1%)	view
27	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-orange.scss	230:256 (3%) 244:270 (4%)	view
27	x 2	example/src example/src	main.ts main.ts	631:663 (1%) 700:732 (1%)	view
26	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light-solarized.scss	559:584 (4%) 542:567 (4%)	view
26	x 2	example/src example/src	main.ts main.ts	649:679 (1%) 702:732 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	633:663 (1%) 665:695 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	702:732 (1%) 755:785 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	702:732 (1%) 771:801 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	633:663 (1%) 787:817 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	739:769 (1%) 787:817 (1%)	view
26	x 2	example/src example/src	main.ts main.ts	665:695 (1%) 739:769 (1%)	view
25	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-abyss.scss	234:258 (3%) 236:260 (4%)	view
25	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-quiet.scss	232:256 (3%) 237:261 (4%)	view
25	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-solarized.scss	232:256 (3%) 237:261 (4%)	view
24	x 2	src/components/form-items src/components/form-items	text-area.ts text-input.ts	105:136 (20%) 111:142 (19%)	view
24	x 2	example/src/styles/themes example/src/styles/themes	dark+tweaked.scss dark-plus.scss	669:692 (2%) 547:570 (3%)	view
24	x 2	example/src/styles/themes example/src/styles/themes	light+tweaked.scss light-solarized.scss	672:695 (2%) 543:566 (3%)	view
24	x 2	example/src/styles/themes example/src/styles/themes	light+.scss light+tweaked.scss	17:40 (3%) 122:145 (2%)	view