angular / flex-layout
Duplication

Places in code with 6 or more lines that are exactly the same.

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
  • 10% duplication:
    • 6,320 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
    • 635 duplicated lines
  • 49 duplicates
system10% (635 lines)
Duplication per Extension
ts7% (354 lines)
scss31% (227 lines)
html10% (54 lines)
Duplication per Component (primary)
projects/apps/demo-app/src14% (302 lines)
projects/apps/universal-demo-app/src43% (122 lines)
projects/libs/flex-layout/grid16% (106 lines)
projects/libs/flex-layout/flex6% (50 lines)
tools/tslint-rules12% (20 lines)
projects/libs/flex-layout/extended5% (20 lines)
projects/libs/flex-layout22% (15 lines)
ROOT0% (0 lines)
tools/package-tools0% (0 lines)
projects/apps/universal-demo-app0% (0 lines)
projects/libs/flex-layout/server0% (0 lines)
projects/libs/flex-layout/core0% (0 lines)
projects/libs/flex-layout/_private-utils0% (0 lines)

Duplication Between Components (50+ lines)

G projects/apps/demo-app/src projects/apps/demo-app/src projects/apps/universal-demo-app/src projects/apps/universal-demo-app/src projects/apps/demo-app/src--projects/apps/universal-demo-app/src 244

Download: SVG DOT (open online Graphviz editor)

Open 3D force graph...

Show more details on duplication between components...
Longest Duplicates
The list of 20 longest duplicates.
See data for all 49 duplicates...
Size#FoldersFilesLinesCode
49 x 2 projects/apps/demo-app/s...github-issues/issue-266
projects/apps/universal-demo-app/src/app
issue-266.component.scss
app.component.scss
 25:84 (69%)
25:84 (69%)
 view
15 x 2 projects/apps/demo-app/src
projects/libs/flex-layout
test.ts
test.ts
 6:26 (100%)
7:27 (100%)
 view
14 x 2 projects/apps/demo-app/s...complex-column-ordering
projects/apps/demo-app/s...flow/grid-area-row-span
complex-column-ordering.component.scss
grid-area-row-span.component.scss
 26:42 (38%)
17:33 (50%)
 view
13 x 2 projects/apps/demo-app/s...github-issues/issue-266
projects/apps/universal-demo-app/src/app
issue-266.component.html
app.component.html
 23:37 (35%)
17:31 (40%)
 view
12 x 2 projects/apps/demo-app/s...github-issues/issue-266
projects/apps/universal-demo-app/src/app
issue-266.component.scss
app.component.scss
 11:23 (16%)
11:23 (16%)
 view
10 x 2 projects/libs/flex-layout/extended/style
projects/libs/flex-layout/extended/style
style-transforms.ts
style.ts
 52:63 (20%)
144:155 (10%)
 view
10 x 2 tools/tslint-rules
tools/tslint-rules
noRxjsPatchImportsRule.ts
noViewEncapsulationRule.ts
 12:33 (66%)
14:35 (38%)
 view
10 x 2 projects/libs/flex-layout/flex/flex
projects/libs/flex-layout/flex/flex
flex.ts
flex.ts
 138:147 (5%)
159:168 (5%)
 view
9 x 2 projects/apps/demo-app/src/app/grid/grid-nested
projects/apps/demo-app/src/app/grid/grid-overlay
grid-nested.component.ts
grid-overlay.component.ts
 20:28 (31%)
18:26 (30%)
 view
9 x 2 projects/apps/demo-app/s...complex-column-ordering
projects/apps/demo-app/s...erflow/grid-column-span
complex-column-ordering.component.scss
grid-column-span.component.scss
 32:42 (25%)
5:15 (21%)
 view
9 x 2 projects/apps/demo-app/s...sponsive-flex-directive
projects/apps/demo-app/s...onsive-layout-direction
responsive-flex-directive.component.ts
responsive-layout-direction.component.ts
 17:25 (37%)
16:24 (39%)
 view
9 x 2 projects/apps/demo-app/s...flow/grid-area-row-span
projects/apps/demo-app/src
grid-area-row-span.component.scss
styles.scss
 23:33 (32%)
307:317 (3%)
 view
9 x 2 projects/apps/demo-app/src/app/layout/layout-fill
projects/apps/demo-app/src/app/layout/layout-gap
layout-fill.component.ts
layout-gap.component.ts
 15:23 (40%)
54:62 (14%)
 view
9 x 2 projects/apps/demo-app/s...flow/grid-area-row-span
projects/apps/demo-app/s...erflow/grid-column-span
grid-area-row-span.component.scss
grid-column-span.component.scss
 23:33 (32%)
5:15 (21%)
 view
9 x 2 projects/apps/demo-app/s...complex-column-ordering
projects/apps/demo-app/src
complex-column-ordering.component.scss
styles.scss
 32:42 (25%)
307:317 (3%)
 view
9 x 2 projects/apps/demo-app/s...erflow/grid-column-span
projects/apps/demo-app/src
grid-column-span.component.scss
styles.scss
 5:15 (21%)
307:317 (3%)
 view
8 x 2 projects/libs/flex-layout/grid/columns
projects/libs/flex-layout/grid/rows
columns.ts
rows.ts
 10:19 (13%)
10:19 (13%)
 view
8 x 2 projects/libs/flex-layout/grid/align-columns
projects/libs/flex-layout/grid/align-rows
align-columns.ts
align-rows.ts
 10:19 (8%)
10:19 (10%)
 view
8 x 2 projects/apps/demo-app/s...github-issues/issue-266
projects/apps/universal-demo-app/src/app
issue-266.component.scss
app.component.scss
 1:9 (11%)
1:9 (11%)
 view
8 x 2 projects/libs/flex-layout/grid/area
projects/libs/flex-layout/grid/row
area.ts
row.ts
 10:19 (21%)
10:19 (21%)
 view
Duplicated Units
The list of top 2 duplicated units.
See data for all 2 unit duplicates...
Size#FoldersFilesLinesCode
15 x 2 projects/libs/flex-layout/grid/columns
projects/libs/flex-layout/grid/rows
columns.ts
rows.ts
 27:44 
27:44 
 view
12 x 2 projects/libs/flex-layout/extended/style
projects/libs/flex-layout/extended/style
style-transforms.ts
style.ts
 51:64 
143:156 
 view