alibaba / formily - File Size

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.

Learn more...

File Size Overall

There are 553 files with 38,463 lines of code.

2 very long files (2,869 lines of code)
6 long files (3,402 lines of code)
43 medium size files (13,107 lines of codeclsfd_ftr_w_mp_ins)
62 small files (9,047 lines of code)
440 very small files (10,038 lines of code)

Legend:

1001+

501-1000

201-500

101-200

1-100

explore: grouped by folders | grouped by size | sunburst | 3D view

File Size per Extension

1001+

501-1000

201-500

101-200

1-100

File Size per Logical Decomposition

primary

1001+

501-1000

201-500

101-200

1-100

Longest Files (Top 50)

File	# lines	# units
demo.tsx in devtools/chrome-extension/src/app	1825	-
internals.ts in packages/core/src/shared	1044	1
style.less in packages/antd/src/form-item	698	-
schema.ts in packages/json-schema/src	555	-
index.ts in packages/element/src/array-table	548	5
Form.ts in packages/core/src/models	540	25
index.ts in packages/path/src	534	8
index.ts in packages/element/src/form-item	527	1
Field.ts in packages/core/src/models	472	26
index.tsx in packages/antd/src/form-item	438	-
style.scss in packages/element/src/form-item	438	-
index.ts in packages/grid/src	429	27
index.tsx in packages/antd/src/array-table	415	1
index.ts in packages/element/src/array-base	408	8
index.tsx in packages/next/src/form-item	405	-
index.ts in packages/element/src/form-drawer	384	11
index.ts in packages/element/src/form-dialog	383	11
parser.ts in packages/path/src	379	10
types.ts in packages/core/src	375	-
index.tsx in packages/antd/src/select-table	368	-
index.ts in packages/element/src/array-collapse	363	2
index.tsx in packages/next/src/select-table	355	-
index.tsx in packages/next/src/array-table	343	-
main.scss in packages/next/src/form-item	337	-
index.tsx in packages/next/src/array-base	313	-
index.tsx in packages/antd/src/array-base	313	-
tokenizer.ts in packages/path/src	306	18
BaseField.ts in packages/core/src/models	303	27
array.ts in packages/shared/src	301	32
index.ts in packages/element/src/preview-text	288	6
index.tsx in packages/antd/src/preview-text	285	-
tokens.ts in packages/path/src	271	29
transformer.ts in packages/json-schema/src	267	7
SchemaField.ts in packages/vue/src/components	264	3
types.ts in packages/json-schema/src	264	-
index.tsx in packages/next/src/form-dialog	262	8
FieldTree.tsx in devtools/chrome-extension/src/app/components	250	-
index.ts in packages/element/src/editable	249	3
index.tsx in packages/next/src/preview-text	238	-
reaction.ts in packages/reactive/src	235	-
index.ts in packages/element/src/array-cards	235	2
locale.ts in packages/validator/src	232	-
ReactiveField.ts in packages/vue/src/components	229	4
handlers.ts in packages/reactive/src	229	19
index.tsx in packages/antd/src/array-collapse	225	-
index.tsx in packages/next/src/array-collapse	221	-
index.tsx in packages/antd/src/form-dialog	214	7
index.tsx in packages/antd/src/form-drawer	214	6
index.tsx in packages/next/src/array-cards	204	-
shared.ts in packages/json-schema/src	202	1

Files With Most Units (Top 50)

File	# lines	# units
array.ts in packages/shared/src	301	32
tokens.ts in packages/path/src	271	29
index.ts in packages/grid/src	429	27
BaseField.ts in packages/core/src/models	303	27
Field.ts in packages/core/src/models	472	26
Form.ts in packages/core/src/models	540	25
handlers.ts in packages/reactive/src	229	19
tokenizer.ts in packages/path/src	306	18
rules.ts in packages/validator/src	156	16
merge.ts in packages/shared/src	201	16
matcher.ts in packages/path/src	197	15
index.ts in packages/element/src/form-dialog	383	11
index.ts in packages/element/src/form-drawer	384	11
parser.ts in packages/path/src	379	10
index.ts in packages/element/src/form-step	182	10
index.tsx in packages/next/src/form-dialog	262	8
index.tsx in packages/next/src/form-drawer	187	8
index.ts in packages/path/src	534	8
tree.ts in packages/reactive/src	77	8
index.ts in packages/element/src/array-base	408	8
index.tsx in packages/next/src/form-step	158	7
render.ts in packages/next/src/__builtins__	67	7
index.tsx in packages/antd/src/form-dialog	214	7
index.tsx in packages/antd/src/form-step	155	7
render.ts in packages/antd/src/__builtins__	67	7
connect.ts in packages/vue/src/shared	118	7
computed.ts in packages/reactive/src/annotations	141	7
array.ts in packages/reactive/src	57	7
transformer.ts in packages/json-schema/src	267	7
index.ts in packages/element/src/form-collapse	194	7
backend.ts in devtools/chrome-extension/src/extension	134	6
index.tsx in packages/antd/src/form-drawer	214	6
index.ts in packages/element/src/preview-text	288	6
onFieldEffects.ts in packages/core/src/effects	151	6
index.tsx in packages/next/src/upload	187	5
PasswordStrength.tsx in packages/next/src/password	157	5
index.tsx in packages/next/src/form-collapse	155	5
useResponsiveFormLayout.ts in packages/next/src/form-layout	95	5
index.tsx in packages/antd/src/upload	196	5
PasswordStrength.tsx in packages/antd/src/password	157	5
index.tsx in packages/antd/src/form-collapse	151	5
useResponsiveFormLayout.ts in packages/antd/src/form-layout	95	5
RecordScope.tsx in packages/react/src/components	34	5
SPECIFICATION_1_0.ts in packages/json-schema/src/polyfills	128	5
index.ts in packages/element/src/array-table	548	5
utils.ts in packages/element/src/__builtins__/shared	48	5
create-context.ts in packages/element/src/__builtins__/shared	49	5
useResponsiveFormLayout.ts in packages/element/src/form-layout	95	5
observerInVue2.ts in packages/reactive-vue/src/observer	87	5
Field.ts in packages/vue/src/components	47	4

Files With Long Lines (Top 5)

There are 5 files with lines longer than 120 characters. In total, there are 26 long lines.

File	# lines	# units	# long lines
icons.tsx in packages/next/src/__builtins__	109	-	16
index.tsx in packages/next/src/array-cards	204	-	4
empty.tsx in packages/next/src/__builtins__	56	-	4
SearchBox.tsx in devtools/chrome-extension/src/app/components	54	1	1
main.scss in packages/next/src/form-item	337	-	1