Duplication Overall
- 17% duplication:
- 30,984 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
- 5,534 duplicated lines
- 703 duplicates
Duplication per Extension
Duplication per Component (primary)
Duplication Between Components (50+ lines)
flowchart TB
n0[".storybook-base"]
n1["src"]
n0 ---|"58"| n1
classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
linkStyle 0 stroke:#DC143CFF,stroke-width:10px
Download:
Mermaid (.mmd)
(open online Mermaid editor)
2D force graph
|
3D force graph
Show more details on duplication between components...
From Component
--> To Component
Duplicated
Lines
File Pairs
Details
.storybook-base (<1%)
--> src (<1%)
58
2 file pairs
details...
flowchart TB
n0[".storybook-base"]
n1["src"]
n0 ---|"58"| n1
classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
linkStyle 0 stroke:#DC143CFF,stroke-width:10px
Show more details on duplication between components...
| From Component --> To Component |
Duplicated Lines |
File Pairs | Details |
|---|---|---|---|
| .storybook-base (<1%) --> src (<1%) |
58 | 2 file pairs | details... |
Longest Duplicates
The list of 50 longest duplicates.
| Size | # | Folders | Files | Lines | Code |
|---|---|---|---|---|---|
| 68 | x 2 | src/components/DatePickersrc/components/DateRangePicker | 7:88 (38%)11:92 (27%) | view | |
| 44 | x 2 | src/components/DatePickersrc/components/DateRangePicker | 88:138 (25%)105:155 (17%) | view | |
| 42 | x 2 | src/components/Transitionsrc/components/Transition | 108:171 (17%)121:185 (15%) | view | |
| 35 | x 2 | .storybook-base/components.storybook-base/components | 7:47 (74%)8:48 (33%) | view | |
| 34 | x 2 | src/components/Avatarsrc/components/Badge | 156:191 (23%)111:146 (30%) | view | |
| 31 | x 2 | src/components/Transitionsrc/components/Transition | 69:101 (13%)82:117 (11%) | view | |
| 30 | x 2 | .storybook-base/components.storybook-base/components | 108:137 (7%)155:184 (7%) | view | |
| 30 | x 2 | src/components/Inputsrc/components/Textarea | 27:70 (12%)123:166 (15%) | view | |
| 29 | x 2 | src/components/Buttonsrc/components/SelectControl | 20:54 (4%)31:65 (5%) | view | |
| 28 | x 2 | src/components/Buttonsrc/components/Button | 404:437 (4%)506:539 (4%) | view | |
| 27 | x 2 | src/components/Selectsrc/components/Select | 450:476 (2%)488:514 (2%) | view | |
| 27 | x 2 | .storybook-base/components.storybook-base/components | 243:269 (7%)327:353 (7%) | view | |
| 27 | x 2 | .storybook-base/components.storybook-base/components | 243:269 (7%)368:394 (7%) | view | |
| 27 | x 2 | .storybook-base/components.storybook-base/components | 327:353 (7%)368:394 (7%) | view | |
| 27 | x 2 | src/components/Transitionsrc/components/Transition | 264:290 (12%)185:211 (14%) | view | |
| 27 | x 2 | src/components/Transitionsrc/components/Transition | 292:324 (12%)215:247 (14%) | view | |
| 26 | x 2 | src/components/DatePickersrc/components/DateRangePicker | 143:170 (14%)223:250 (10%) | view | |
| 26 | x 2 | src/components/Transitionsrc/components/Transition | 85:113 (26%)236:264 (11%) | view | |
| 25 | x 2 | src/components/Tooltipsrc/components/Tooltip | 12:36 (62%)23:47 (33%) | view | |
| 25 | x 2 | src/components/Menusrc/components/Select | 28:55 (9%)24:51 (10%) | view | |
| 24 | x 2 | src/components/Transitionsrc/components/Transition | 236:262 (10%)157:183 (13%) | view | |
| 24 | x 2 | src/components/Transitionsrc/components/Transition | 85:111 (24%)157:183 (13%) | view | |
| 23 | x 2 | src/components/Transitionsrc/components/Transition | 12:38 (52%)64:93 (29%) | view | |
| 22 | x 2 | .storybook-base/components.storybook-base/components | 116:137 (5%)207:228 (5%) | view | |
| 22 | x 2 | .storybook-base/components.storybook-base/components | 163:184 (5%)207:228 (5%) | view | |
| 22 | x 2 | src/components/Transitionsrc/components/Transition | 257:280 (9%)283:306 (7%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 117:137 (5%)249:269 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 117:137 (5%)333:353 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 117:137 (5%)374:394 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 164:184 (5%)249:269 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 164:184 (5%)333:353 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 164:184 (5%)374:394 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 208:228 (5%)249:269 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 208:228 (5%)333:353 (5%) | view | |
| 21 | x 2 | .storybook-base/components.storybook-base/components | 208:228 (5%)374:394 (5%) | view | |
| 21 | x 2 | src/components/Popoversrc/components/Popover | 133:161 (10%)175:202 (10%) | view | |
| 21 | x 2 | src/components/DatePickersrc/components/DateRangePicker | 61:102 (11%)142:183 (6%) | view | |
| 19 | x 2 | src/components/Transitionsrc/components/Transition | 17:38 (20%)65:86 (20%) | view | |
| 18 | x 2 | src/components/Inputsrc/components/Input | 87:104 (8%)115:132 (8%) | view | |
| 18 | x 2 | src/components/DateRangePickersrc/components/DateRangePicker | 161:178 (15%)181:198 (15%) | view | |
| 18 | x 2 | src/components/Menusrc/components/RadioGroup | 255:276 (6%)122:143 (15%) | view | |
| 18 | x 2 | src/components/Buttonsrc/components/Button | 236:255 (9%)184:203 (10%) | view | |
| 17 | x 2 | src/components/Badgesrc/components/Button | 107:126 (15%)224:243 (8%) | view | |
| 17 | x 2 | src/components/Popoversrc/components/TagInput | 64:84 (25%)221:241 (8%) | view | |
| 17 | x 2 | src/components/DatePickersrc/components/DateRangePicker | 203:219 (9%)332:348 (5%) | view | |
| 16 | x 2 | src/components/Menusrc/components/Menu | 175:191 (5%)235:251 (5%) | view | |
| 16 | x 2 | src/components/Menusrc/components/RadioGroup | 180:198 (6%)89:107 (13%) | view | |
| 16 | x 2 | src/components/Badgesrc/components/Button | 128:144 (14%)193:209 (9%) | view | |
| 16 | x 2 | src/components/Avatarsrc/components/Button | 173:189 (10%)193:209 (9%) | view | |
| 15 | x 2 | src/components/Menusrc/components/Menu | 61:79 (3%)360:378 (3%) | view |
Most Frequent Duplicates
The list of 50 most frequently found duplicates.
| Size | # | Folders | Files | Lines | Code |
|---|---|---|---|---|---|
| 6 | x 11 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components... | 106:112 (<1%)130:138 (<1%)156:164 (<1%)232:238 (<1%)240:248 (<1%)266:272 (<1%)274:282 (<1%)376:382 (<1%)400:408 (<1%)484:492 (<1%)... | view | |
| 6 | x 10 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 284:290 (<1%)528:534 (<1%)783:789 (<1%)1039:1045 (<1%)1287:1293 (<1%)1799:1805 (<1%)2055:2061 (<1%)2063:2069 (<1%)2071:2077 (<1%)2079:2085 (<1%) | view | |
| 6 | x 8 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 1185:1191 (<1%)1193:1201 (<1%)1219:1225 (<1%)1227:1233 (<1%)1235:1241 (<1%)1243:1251 (<1%)1269:1275 (<1%)1277:1285 (<1%) | view | |
| 6 | x 8 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 1945:1951 (<1%)1953:1959 (<1%)1987:1993 (<1%)1995:2001 (<1%)2003:2009 (<1%)2011:2019 (<1%)2037:2043 (<1%)2045:2053 (<1%) | view | |
| 6 | x 8 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 1689:1695 (<1%)1697:1703 (<1%)1731:1737 (<1%)1739:1745 (<1%)1747:1753 (<1%)1755:1763 (<1%)1781:1787 (<1%)1789:1797 (<1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 122:127 (1%)169:174 (1%)213:218 (1%)254:259 (1%)295:300 (1%)338:343 (1%)379:384 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 121:126 (1%)168:173 (1%)212:217 (1%)253:258 (1%)294:299 (1%)337:342 (1%)378:383 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 123:128 (1%)170:175 (1%)214:219 (1%)255:260 (1%)296:301 (1%)339:344 (1%)380:385 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 921:927 (<1%)971:977 (<1%)979:985 (<1%)987:993 (<1%)995:1003 (<1%)1021:1027 (<1%)1029:1037 (<1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 120:125 (1%)167:172 (1%)211:216 (1%)252:257 (1%)293:298 (1%)336:341 (1%)377:382 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 240:245 (1%)291:296 (1%)342:347 (1%)393:398 (1%)444:449 (1%)495:500 (1%)546:551 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 1425:1431 (<1%)1475:1481 (<1%)1483:1489 (<1%)1491:1497 (<1%)1499:1507 (<1%)1525:1531 (<1%)1533:1541 (<1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 131:136 (1%)178:183 (1%)222:227 (1%)263:268 (1%)306:311 (1%)347:352 (1%)388:393 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 244:249 (1%)295:300 (1%)346:351 (1%)397:402 (1%)448:453 (1%)499:504 (1%)550:555 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 243:248 (1%)294:299 (1%)345:350 (1%)396:401 (1%)447:452 (1%)498:503 (1%)549:554 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 117:122 (1%)164:169 (1%)208:213 (1%)249:254 (1%)290:295 (1%)333:338 (1%)374:379 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 130:135 (1%)177:182 (1%)221:226 (1%)262:267 (1%)305:310 (1%)346:351 (1%)387:392 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 132:137 (1%)179:184 (1%)223:228 (1%)264:269 (1%)307:312 (1%)348:353 (1%)389:394 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 239:244 (1%)290:295 (1%)341:346 (1%)392:397 (1%)443:448 (1%)494:499 (1%)545:550 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 245:250 (1%)296:301 (1%)347:352 (1%)398:403 (1%)449:454 (1%)500:505 (1%)551:556 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 119:124 (1%)166:171 (1%)210:215 (1%)251:256 (1%)292:297 (1%)335:340 (1%)376:381 (1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 190:198 (<1%)434:442 (<1%)689:697 (<1%)945:953 (<1%)1449:1457 (<1%)1705:1713 (<1%)1961:1969 (<1%) | view | |
| 6 | x 7 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 118:123 (1%)165:170 (1%)209:214 (1%)250:255 (1%)291:296 (1%)334:339 (1%)375:380 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 673:679 (<1%)681:687 (<1%)715:721 (<1%)723:729 (<1%)731:737 (<1%)739:747 (<1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 791:797 (<1%)799:805 (<1%)807:813 (<1%)1807:1813 (<1%)1815:1821 (<1%)1823:1829 (<1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 128:133 (1%)175:180 (1%)219:224 (1%)260:265 (1%)344:349 (1%)385:390 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 124:129 (1%)171:176 (1%)215:220 (1%)256:261 (1%)340:345 (1%)381:386 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 129:134 (1%)176:181 (1%)220:225 (1%)261:266 (1%)345:350 (1%)386:391 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 125:130 (1%)172:177 (1%)216:221 (1%)257:262 (1%)341:346 (1%)382:387 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 108:113 (1%)155:160 (1%)199:204 (1%)243:248 (1%)327:332 (1%)368:373 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 126:131 (1%)173:178 (1%)217:222 (1%)258:263 (1%)342:347 (1%)383:388 (1%) | view | |
| 6 | x 6 | .storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components.storybook-base/components | 127:132 (1%)174:179 (1%)218:223 (1%)259:264 (1%)343:348 (1%)384:389 (1%) | view | |
| 6 | x 5 | src/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transition | 16:22 (26%)16:22 (24%)18:24 (7%)36:42 (7%)59:65 (7%) | view | |
| 6 | x 5 | src/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transition | 19:24 (26%)19:24 (24%)21:26 (7%)39:44 (7%)62:67 (7%) | view | |
| 6 | x 5 | src/components/Selectsrc/components/Tooltipsrc/components/Tooltipsrc/components/Tooltipsrc/components/Tooltip | 35:40 (1%)21:26 (15%)32:37 (8%)29:34 (15%)40:45 (8%) | view | |
| 6 | x 5 | src/components/Selectsrc/components/Tooltipsrc/components/Tooltipsrc/components/Tooltipsrc/components/Tooltip | 36:41 (1%)22:27 (15%)33:38 (8%)30:35 (15%)41:46 (8%) | view | |
| 6 | x 5 | src/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transition | 18:23 (26%)18:23 (24%)20:25 (7%)38:43 (7%)61:66 (7%) | view | |
| 6 | x 4 | src/components/Avatarsrc/components/Buttonsrc/components/Badgesrc/components/Button | 157:162 (4%)229:234 (3%)112:117 (5%)177:182 (3%) | view | |
| 6 | x 4 | src/components/Avatarsrc/components/Buttonsrc/components/Badgesrc/components/Button | 165:171 (4%)237:243 (3%)120:126 (5%)185:191 (3%) | view | |
| 6 | x 4 | src/components/Badgesrc/components/Buttonsrc/components/Avatarsrc/components/Button | 128:133 (5%)193:198 (3%)173:178 (4%)245:250 (3%) | view | |
| 6 | x 4 | src/components/Badgesrc/components/Buttonsrc/components/Avatarsrc/components/Button | 132:138 (5%)197:203 (3%)177:183 (4%)249:255 (3%) | view | |
| 6 | x 4 | src/components/Avatarsrc/components/Buttonsrc/components/Badgesrc/components/Button | 156:161 (4%)228:233 (3%)111:116 (5%)176:181 (3%) | view | |
| 6 | x 4 | src/components/Transitionsrc/components/Transitionsrc/components/Transitionsrc/components/Transition | 50:55 (2%)60:65 (2%)294:299 (2%)268:273 (2%) | view | |
| 6 | x 4 | src/components/DatePickersrc/components/DateRangePickersrc/components/DateRangePickersrc/components/DatePicker | 150:155 (5%)165:170 (5%)185:190 (5%)167:172 (5%) | view | |
| 6 | x 4 | src/components/DatePickersrc/components/DateRangePickersrc/components/DateRangePickersrc/components/DatePicker | 152:157 (5%)167:172 (5%)187:192 (5%)169:174 (5%) | view | |
| 6 | x 4 | src/components/Buttonsrc/components/Buttonsrc/components/Buttonsrc/components/Button | 329:335 (<1%)431:437 (<1%)533:539 (<1%)650:656 (<1%) | view | |
| 6 | x 4 | src/components/Badgesrc/components/Buttonsrc/components/Avatarsrc/components/Button | 131:137 (5%)196:202 (3%)176:182 (4%)248:254 (3%) | view | |
| 6 | x 4 | src/components/Buttonsrc/components/SelectControlsrc/components/Buttonsrc/components/SelectControl | 327:333 (<1%)350:356 (1%)648:654 (<1%)445:451 (1%) | view | |
| 6 | x 4 | src/components/SelectControlsrc/components/SelectControlsrc/components/SelectControlsrc/components/SelectControl | 188:193 (1%)213:218 (1%)238:243 (1%)263:268 (1%) | view | |
| 6 | x 4 | src/components/Inputsrc/components/Textareasrc/components/Inputsrc/components/Textarea | 38:44 (2%)134:140 (3%)55:61 (2%)151:157 (3%) | 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."