Duplication · google-gemini/aistudio-showcase

Duplication Overall

3% duplication:

10,766 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
392 duplicated lines

48 duplicates

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

Duplication per Extension

Duplication per Component (primary)

Longest Duplicates

The list of 48 longest duplicates.

See data for all 48 duplicates...

Size	#	Folders	Files	Lines	Code
15	x 2	src/video_toys/components src/video_toys/components	ContentContainer.tsx ContentContainer.tsx	291:305 (3%) 345:359 (3%)	view
12	x 2	src/image_to_code src/image_to_code	Home.tsx Home.tsx	168:181 (2%) 281:294 (2%)	view
11	x 2	src/gemini_95 src/gemini_95	index.css index.css	434:444 (1%) 802:812 (1%)	view
10	x 2	src/spatial_understanding src/spatial_understanding	Content.tsx Content.tsx	422:431 (2%) 439:448 (2%)	view
9	x 2	src/gemini_95 src/gemini_95	index.css index.css	270:278 (1%) 434:442 (1%)	view
9	x 2	src/gemini_95 src/gemini_95	index.css index.css	270:278 (1%) 802:810 (1%)	view
8	x 2	src/p5js_playground src/p5js_playground	playground.tsx playground.tsx	464:471 (1%) 521:528 (1%)	view
8	x 2	src/p5js_playground src/p5js_playground	playground.tsx playground.tsx	490:497 (1%) 506:513 (1%)	view
8	x 2	src/gemini_95 src/gemini_95	index.css index.css	270:277 (1%) 489:496 (1%)	view
8	x 2	src/gemini_95 src/gemini_95	index.css index.css	434:441 (1%) 489:496 (1%)	view
8	x 2	src/gemini_95 src/gemini_95	index.css index.css	489:496 (1%) 802:809 (1%)	view
8	x 2	src/gemini_95 src/gemini_95	index.html index.html	178:185 (3%) 281:288 (3%)	view
7	x 2	src/p5js_playground src/p5js_playground	playground.tsx playground.tsx	417:423 (1%) 464:470 (1%)	view
7	x 2	src/p5js_playground src/p5js_playground	playground.tsx playground.tsx	417:423 (1%) 521:527 (1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	282:288 (<1%) 447:453 (<1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	282:288 (<1%) 503:509 (<1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	282:288 (<1%) 815:821 (<1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	447:453 (<1%) 503:509 (<1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	447:453 (<1%) 815:821 (<1%)	view
7	x 2	src/gemini_95 src/gemini_95	index.css index.css	503:509 (<1%) 815:821 (<1%)	view
7	x 2	src/spatial_understanding src/spatial_understanding	Content.tsx Content.tsx	343:349 (1%) 372:378 (1%)	view
7	x 2	src/maps_planner src/maps_planner	index.css index.css	426:432 (1%) 633:639 (1%)	view
7	x 2	src/spatial_understanding src/spatial_understanding	Prompt.tsx Prompt.tsx	161:167 (2%) 193:199 (2%)	view
7	x 2	src/spatial_understanding src/spatial_understanding	Prompt.tsx Prompt.tsx	268:275 (2%) 302:309 (2%)	view
7	x 2	src/spatial_understanding src/spatial_understanding	Content.tsx Types.tsx	511:517 (1%) 37:43 (26%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	125:130 (<1%) 270:275 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	125:130 (<1%) 434:439 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	125:130 (<1%) 489:494 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	125:130 (<1%) 650:655 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	125:130 (<1%) 802:807 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	144:150 (<1%) 642:647 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	270:275 (<1%) 650:655 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	434:439 (<1%) 650:655 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	489:494 (<1%) 650:655 (<1%)	view
6	x 2	src/gemini_95 src/gemini_95	index.css index.css	650:655 (<1%) 802:807 (<1%)	view
6	x 2	src/video_toys/components src/video_toys/components	ContentContainer.tsx ContentContainer.tsx	134:139 (1%) 197:202 (1%)	view
6	x 2	src/video_toys/components src/video_toys/components	ContentContainer.tsx ContentContainer.tsx	426:431 (1%) 449:454 (1%)	view
6	x 2	src/maps_planner src/maps_planner	index.css index.css	308:313 (<1%) 355:360 (<1%)	view
6	x 2	src/p5js_playground src/p5js_playground	index.css index.css	462:468 (<1%) 481:487 (<1%)	view
6	x 2	src/spatial_understanding src/spatial_understanding	Prompt.tsx Prompt.tsx	269:275 (2%) 319:325 (2%)	view
6	x 2	src/spatial_understanding src/spatial_understanding	Prompt.tsx Prompt.tsx	303:309 (2%) 319:325 (2%)	view
6	x 2	src/maps_explorer src/maps_planner	index.html index.html	7:12 (28%) 14:19 (6%)	view
6	x 2	src/image_to_code/components src/image_to_code/components	Header.jsx ToggleButton.jsx	1:7 (17%) 1:7 (28%)	view
6	x 2	src/flashcard_maker src/maps_explorer	index.html index.html	7:12 (30%) 7:12 (28%)	view
6	x 2	src/spatial_understanding src/spatial_understanding	Content.tsx ExtraModeControls.tsx	28:33 (1%) 24:29 (6%)	view
6	x 2	src/flashcard_maker src/maps_planner	index.html index.html	7:12 (30%) 14:19 (6%)	view
6	x 2	src/image_to_code/components src/image_to_code/components	ErrorModal.jsx Header.jsx	1:7 (10%) 1:7 (17%)	view
6	x 2	src/image_to_code/components src/image_to_code/components	ErrorModal.jsx ToggleButton.jsx	1:7 (10%) 1:7 (28%)	view

Most Frequent Duplicates

The list of 11 most frequently found duplicates.

Size	#	Folders	Files	Lines	Code
6	x 6	src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css index.css index.css index.css	125:130 (<1%) 270:275 (<1%) 434:439 (<1%) 489:494 (<1%) 650:655 (<1%) 802:807 (<1%)	view
6	x 4	src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css index.css	282:287 (<1%) 447:452 (<1%) 503:508 (<1%) 815:820 (<1%)	view
6	x 4	src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css index.css	272:277 (<1%) 436:441 (<1%) 491:496 (<1%) 804:809 (<1%)	view
6	x 4	src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css index.css	283:288 (<1%) 448:453 (<1%) 504:509 (<1%) 816:821 (<1%)	view
6	x 4	src/gemini_95 src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css index.css	271:276 (<1%) 435:440 (<1%) 490:495 (<1%) 803:808 (<1%)	view
6	x 3	src/p5js_playground src/p5js_playground src/p5js_playground	playground.tsx playground.tsx playground.tsx	417:422 (1%) 464:469 (1%) 521:526 (1%)	view
6	x 3	src/p5js_playground src/p5js_playground src/p5js_playground	playground.tsx playground.tsx playground.tsx	418:423 (1%) 465:470 (1%) 522:527 (1%)	view
6	x 3	src/flashcard_maker src/maps_planner src/maps_explorer	index.html index.html index.html	7:12 (30%) 14:19 (6%) 7:12 (28%)	view
6	x 3	src/gemini_95 src/gemini_95 src/gemini_95	index.css index.css index.css	273:278 (<1%) 437:442 (<1%) 805:810 (<1%)	view
6	x 3	src/spatial_understanding src/spatial_understanding src/spatial_understanding	Prompt.tsx Prompt.tsx Prompt.tsx	269:275 (2%) 303:309 (2%) 319:325 (2%)	view
6	x 3	src/image_to_code/components src/image_to_code/components src/image_to_code/components	Header.jsx ToggleButton.jsx ErrorModal.jsx	1:7 (17%) 1:7 (28%) 1:7 (10%)	view

About This Analysis

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...

To learn more about duplications and techniques for eliminating duplication, Sokrates recommends the following resources:

Avoid Repetition, MartinFlower.com (IEEE Software article)
Refactoring duplicated code, sourcemaking.com
Beck Design Rules, MartinFowler.com
DRY (Don't Repeat Yourself) Principle, Wikipedia
The Cut-and-Paste Programming Software Development Anti-Pattern, sourcemaking.com
Code Smells / Duplicated Code, Jeff Atwood, codinghorror.com:

"Duplicated code is the bane of software development. Stamp out duplication whenever possible. You should always be on the lookout for more subtle cases of near-duplication, too. Don't Repeat Yourself!"

Reducing Coupling, MartinFlower.com (IEEE Software article):

"There are several ways to describe coupling, but it boils down to this: If changing one module in a program requires changing another module, then coupling exists. ... Duplication always implies coupling, because changing one piece of duplicate code implies changing the other."