The distribution of size of files (measured in lines of code).
Intro
- File size measurements show the distribution of size of files.
- Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
- It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
File Size Overall
- There are 70 files with 5,239 lines of code.
- 2 very long files (2,524 lines of code)
- 0 long files (0 lines of code)
- 3 medium size files (904 lines of codeclsfd_ftr_w_mp_ins)
- 4 small files (559 lines of code)
- 61 very small files (1,252 lines of code)
Legend:
1001+
501-1000
201-500
101-200
1-100
explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
File Size per Logical Decomposition
primary
Longest Files (Top 50)
| File | # lines | # units |
|---|---|---|
 iconset.ts in packages/codegen-ui-react/lib |
1377 | - |
react-studio-template-renderer.ts in packages/codegen-ui-react/lib |
1147 | 33 |
react-component-render-helper.ts in packages/codegen-ui-react/lib |
396 | 30 |
amplify-renderer.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
284 | - |
studio-types.ts in packages/codegen-ui/lib/types |
224 | - |
TestGenerator.ts in packages/test-generator/lib/generators |
172 | 1 |
react-studio-template-renderer-helper.ts in packages/codegen-ui-react/lib |
145 | 5 |
react-component-with-children-renderer.ts in packages/codegen-ui-react/lib |
123 | 5 |
react-theme-studio-template-renderer.ts in packages/codegen-ui-react/lib |
119 | 9 |
renderer-helper.ts in packages/codegen-ui/lib |
81 | 8 |
primitive.ts in packages/codegen-ui-react/lib |
77 | 2 |
NodeTestGenerator.ts in packages/test-generator/lib/generators |
77 | 8 |
validation-helper.ts in packages/codegen-ui/lib |
76 | 4 |
import-collection.ts in packages/codegen-ui-react/lib/imports |
75 | 3 |
collection.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
71 | 3 |
react-index-studio-template-renderer.ts in packages/codegen-ui-react/lib |
70 | 4 |
react-component-renderer.ts in packages/codegen-ui-react/lib |
60 | 2 |
template-renderer.ts in packages/codegen-ui/lib |
43 | 1 |
studio-node.ts in packages/codegen-ui/lib |
40 | 2 |
index.ts in packages/test-generator/lib/components/primitives |
36 | - |
GenerateTestApp.ts in packages/test-generator/lib/generators |
34 | - |
BrowserTestGenerator.ts in packages/test-generator/lib/generators |
34 | 4 |
react-render-config.ts in packages/codegen-ui-react/lib |
32 | 2 |
sampleCodeRenderer.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
32 | 1 |
import-mapping.ts in packages/codegen-ui-react/lib/imports |
30 | - |
studio-template-renderer.ts in packages/codegen-ui/lib |
26 | 1 |
 codecov.yaml in root |
24 | - |
react-output-manager.ts in packages/codegen-ui-react/lib |
23 | 1 |
 generateBuiltInIconset.js in packages/codegen-ui-react/scripts |
22 | - |
error-transformer.ts in packages/codegen-ui/lib/errors |
22 | 1 |
index.ts in packages/test-generator/lib/components |
19 | - |
common-component-renderer.ts in packages/codegen-ui/lib |
17 | 1 |
generateBuiltInIconsetTests.js in packages/test-generator/scripts |
16 | - |
react-required-dependency-provider.ts in packages/codegen-ui-react/lib |
15 | - |
customComponent.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
15 | - |
template-renderer-factory.ts in packages/codegen-ui/lib |
15 | - |
index.ts in packages/codegen-ui |
15 | - |
component-with-children-renderer-base.ts in packages/codegen-ui/lib |
13 | - |
index.ts in packages/codegen-ui-react/lib |
12 | - |
error-types.ts in packages/codegen-ui/lib/errors |
12 | 2 |
jest.config.js in root |
12 | - |
index.ts in packages/test-generator/lib/components/basic-components |
10 | - |
component-renderer-base.ts in packages/codegen-ui/lib |
9 | - |
commitlint.config.js in root |
9 | - |
required-dependency-provider.ts in packages/codegen-ui/lib |
7 | - |
studio-schema.ts in packages/codegen-ui/lib/types |
7 | - |
run.ts in packages/test-generator/lib/scripts |
6 | - |
index.ts in packages/test-generator/lib/components/property-binding |
5 | - |
render-component-response.ts in packages/codegen-ui/lib |
4 | - |
index.ts in packages/test-generator/lib/components/collections |
4 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
react-studio-template-renderer.ts in packages/codegen-ui-react/lib |
1147 | 33 |
react-component-render-helper.ts in packages/codegen-ui-react/lib |
396 | 30 |
react-theme-studio-template-renderer.ts in packages/codegen-ui-react/lib |
119 | 9 |
renderer-helper.ts in packages/codegen-ui/lib |
81 | 8 |
NodeTestGenerator.ts in packages/test-generator/lib/generators |
77 | 8 |
react-component-with-children-renderer.ts in packages/codegen-ui-react/lib |
123 | 5 |
react-studio-template-renderer-helper.ts in packages/codegen-ui-react/lib |
145 | 5 |
react-index-studio-template-renderer.ts in packages/codegen-ui-react/lib |
70 | 4 |
validation-helper.ts in packages/codegen-ui/lib |
76 | 4 |
BrowserTestGenerator.ts in packages/test-generator/lib/generators |
34 | 4 |
collection.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
71 | 3 |
import-collection.ts in packages/codegen-ui-react/lib/imports |
75 | 3 |
primitive.ts in packages/codegen-ui-react/lib |
77 | 2 |
react-render-config.ts in packages/codegen-ui-react/lib |
32 | 2 |
react-component-renderer.ts in packages/codegen-ui-react/lib |
60 | 2 |
error-types.ts in packages/codegen-ui/lib/errors |
12 | 2 |
studio-node.ts in packages/codegen-ui/lib |
40 | 2 |
react-output-manager.ts in packages/codegen-ui-react/lib |
23 | 1 |
sampleCodeRenderer.ts in packages/codegen-ui-react/lib/amplify-ui-renderers |
32 | 1 |
template-renderer.ts in packages/codegen-ui/lib |
43 | 1 |
Files With Long Lines (Top 1)
There is only one file with lines longer than 120 characters. In total, there is only one long line.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.ts in packages/test-generator/lib/components/variants |
3 | - | 1 |