aws-amplify / amplify-codegen-ui
Unit Size

The distribution of size of units (measured in lines of code).

Intro
  • Unit size measurements show the distribution of size of units of code (methods, functions...).
  • Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
  • You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
Unit Size Overall
  • There are 133 units with 2,017 lines of code in units (38.5% of code).
    • 1 very long units (204 lines of code)
    • 2 long units (153 lines of code)
    • 22 medium size units (735 lines of code)
    • 37 small units (540 lines of code)
    • 71 very small units (385 lines of code)
10% | 7% | 36% | 26% | 19%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
ts10% | 7% | 36% | 26% | 19%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
packages/codegen-ui-react/lib11% | 8% | 41% | 25% | 12%
packages/codegen-ui-react/lib/amplify-ui-renderers0% | 0% | 48% | 40% | 10%
packages/codegen-ui/lib0% | 0% | 0% | 37% | 62%
packages/test-generator/lib/generators0% | 0% | 0% | 40% | 60%
packages/codegen-ui-react/lib/imports0% | 0% | 0% | 0% | 100%
packages/codegen-ui/lib/errors0% | 0% | 0% | 0% | 100%
Alternative Visuals
Longest Units
Top 20 longest units
Unit# linesMcCabe index# params
private buildMergeOverridesFunction()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
204 1 0
private buildVariableStatements()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
86 13 1
private buildUseDataStoreBindingStatements()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
67 5 1
export function transpile()
in packages/codegen-ui-react/lib/react-studio-template-renderer-helper.ts
50 8 2
private buildUseAuthenticatedUserStatement()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
49 5 1
private buildVariantPropNode()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
48 4 1
private buildOverridesDeclaration()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
46 2 1
private buildComponentPropNode()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
39 7 1
private buildSortFunction()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
38 2 2
export function buildFixedJsxExpression()
in packages/codegen-ui-react/lib/react-component-render-helper.ts
36 17 1
private buildUseDataStoreBindingCall()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
35 3 4
export function resolvePropToExpression()
in packages/codegen-ui-react/lib/react-component-render-helper.ts
34 11 1
private buildCollectionBindingStatements()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
34 7 1
export function buildConditionalExpression()
in packages/codegen-ui-react/lib/react-component-render-helper.ts
32 3 1
private renderItemArrowFunctionExpr()
in packages/codegen-ui-react/lib/amplify-ui-renderers/collection.ts
32 1 1
export function buildConcatExpression()
in packages/codegen-ui-react/lib/react-component-render-helper.ts
31 8 1
private buildPropPrecedentStatement()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
30 1 3
export function jsonToLiteral()
in packages/codegen-ui-react/lib/react-studio-template-renderer-helper.ts
30 8 1
export function buildChildElement()
in packages/codegen-ui-react/lib/react-component-render-helper.ts
28 10 1
renderComponentInternal()
in packages/codegen-ui-react/lib/react-studio-template-renderer.ts
27 1 0