alibaba / designable

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 633 files with 33,220 lines of code.

0 very long files (0 lines of code)
2 long files (1,365 lines of code)
21 medium size files (6,601 lines of codeclsfd_ftr_w_mp_ins)
74 small files (10,125 lines of code)
536 very small files (15,129 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
TreeNode.ts in packages/core/src/models	783	75
TransformHelper.ts in packages/core/src/models	582	34
coordinate.ts in packages/shared/src	494	26
preview.tsx in formily/antd/src/components/ArrayTable	449	1
index.tsx in formily/setters/src/components/ReactionsSetter	431	1
preview.tsx in formily/next/src/components/ArrayTable	386	1
Viewport.ts in packages/core/src/models	371	37
MoveHelper.ts in packages/core/src/models	348	13
event.ts in packages/shared/src	342	10
styles.less in packages/react/src/widgets/AuxToolWidget	325	-
Field.ts in formily/antd/src/locales	322	-
Field.ts in formily/next/src/locales	320	-
index.tsx in packages/react-settings-form/src/components/MonacoInput	311	-
helpers.ts in formily/setters/src/components/ReactionsSetter	303	2
array.ts in packages/shared/src	290	34
styles.less in packages/react/src/panels	283	-
lru.ts in packages/shared/src	247	22
preview.tsx in formily/next/src/components/ArrayCards	245	-
preview.tsx in formily/antd/src/components/ArrayCards	243	-
main.tsx in formily/antd/playground	229	1
main.tsx in formily/next/playground	226	1
shared.ts in formily/next/src/components/Field	218	-
shared.ts in formily/antd/src/components/Field	218	-
index.tsx in packages/react/src/widgets/DesignerToolsWidget	197	-
useContentEditableEffect.ts in packages/core/src/effects	194	9
OutlineNode.tsx in packages/react/src/widgets/OutlineWidget	187	-
theme.less in packages/react/src	187	-
SpaceBlock.ts in packages/core/src/models	186	10
TreeSelect.ts in formily/antd/src/locales	186	-
index.tsx in packages/react/src/simulators/ResponsiveSimulator	183	-
CompositePanel.tsx in packages/react/src/panels	182	-
Select.ts in formily/next/src/schemas	182	-
useDragDropEffect.ts in packages/core/src/effects	181	-
ArrayTable.ts in formily/next/src/schemas	179	-
styles.less in packages/react/src/widgets/OutlineWidget	169	-
index.tsx in formily/setters/src/components/ValidatorSetter	169	-
Input.ts in formily/next/src/schemas	166	-
index.tsx in packages/react-settings-form/src/components/FontStyleSetter	165	-
index.tsx in packages/react-settings-form/src/components/FlexStyleSetter	164	-
types.ts in packages/core/src	164	-
Cursor.ts in packages/core/src/models	158	10
Selection.ts in packages/core/src/models	158	17
MarkupSchemaWidget.tsx in formily/antd/playground/widgets	156	1
preview.tsx in formily/next/src/components/Field	155	-
preview.tsx in formily/antd/src/components/Field	155	-
index.ts in scripts/release	151	1
validate-commit-msg.js in scripts	149	5
keycode.ts in packages/shared/src	149	-
Select.ts in formily/antd/src/schemas	147	-
monokai.ts in packages/react-settings-form/src/components/MonacoInput/themes	140	-

Files With Most Units (Top 50)

File	# lines	# units
TreeNode.ts in packages/core/src/models	783	75
Viewport.ts in packages/core/src/models	371	37
TransformHelper.ts in packages/core/src/models	582	34
array.ts in packages/shared/src	290	34
coordinate.ts in packages/shared/src	494	26
lru.ts in packages/shared/src	247	22
Selection.ts in packages/core/src/models	158	17
MoveHelper.ts in packages/core/src/models	348	13
Keyboard.ts in packages/core/src/models	110	13
Workbench.ts in packages/core/src/models	103	11
git.ts in scripts/release	79	10
SpaceBlock.ts in packages/core/src/models	186	10
History.ts in packages/core/src/models	112	10
Cursor.ts in packages/core/src/models	158	10
event.ts in packages/shared/src	342	10
index.ts in formily/next/src/components/ArrayBase	78	10
index.ts in formily/antd/src/components/ArrayBase	78	10
Engine.ts in packages/core/src/models	87	9
Screen.ts in packages/core/src/models	72	9
useContentEditableEffect.ts in packages/core/src/effects	194	9
SnapLine.ts in packages/core/src/models	119	8
AbstractKeyboardEvent.ts in packages/core/src/events/keyboard	40	8
validate-commit-msg.js in scripts	149	5
index.tsx in packages/react-settings-form/src/components/SizeInput	51	5
Workspace.ts in packages/core/src/models	123	5
Shortcut.ts in packages/core/src/models	72	5
Hover.ts in packages/core/src/models	43	5
Operation.ts in packages/core/src/models	77	4
buildStyle.ts in scripts/build-style	95	3
NodeMutation.ts in packages/core/src/shortcuts	40	3
KeyboardDriver.ts in packages/core/src/drivers	43	3
rollup.base.js in scripts	92	2
index.tsx in packages/react-settings-form/src/components/CornerInput	39	2
index.tsx in packages/react-settings-form/src/components/PositionInput	39	2
QuickSelection.ts in packages/core/src/shortcuts	77	2
UndoRedo.ts in packages/core/src/shortcuts	27	2
ViewportResizeDriver.ts in packages/core/src/drivers	47	2
MouseClickDriver.ts in packages/core/src/drivers	57	2
ViewportScrollDriver.ts in packages/core/src/drivers	30	2
DragDropDriver.ts in packages/core/src/drivers	132	2
MouseMoveDriver.ts in packages/core/src/drivers	31	2
internals.ts in packages/core/src	33	2
clone.ts in packages/shared/src	91	2
subscribable.ts in packages/shared/src	51	2
preview.tsx in formily/next/src/components/DatePicker	59	2
preview.ts in formily/next/src/components/Input	59	2
preview.tsx in formily/next/src/components/Upload	65	2
preview.tsx in formily/next/src/components/Text	48	2
preview.tsx in formily/antd/src/components/TimePicker	59	2
preview.tsx in formily/antd/src/components/DatePicker	59	2

Files With Long Lines (Top 33)

There are 33 files with lines longer than 120 characters. In total, there are 56 long lines.

File	# lines	# units	# long lines
TreeSelect.ts in formily/antd/src/locales	186	-	7
eyes.tsx in packages/react/src/icons	13	-	4
corner.tsx in packages/react/src/icons	22	-	4
page.tsx in packages/react/src/icons	8	-	3
delete.tsx in packages/react/src/icons	17	-	3
Field.ts in formily/next/src/locales	320	-	3
help.tsx in packages/react/src/icons	6	-	2
container.tsx in packages/react/src/icons	6	-	2
mobile.tsx in packages/react/src/icons	6	-	2
upload.tsx in packages/react/src/icons	6	-	2
pushpin.tsx in packages/react/src/icons	27	-	2
validate-commit-msg.js in scripts	149	5	1
move.tsx in packages/react/src/icons	3	-	1
code.tsx in packages/react/src/icons	6	-	1
undo.tsx in packages/react/src/icons	6	-	1
shift.tsx in packages/react/src/icons	6	-	1
return.tsx in packages/react/src/icons	3	-	1
focus.tsx in packages/react/src/icons	3	-	1
pc.tsx in packages/react/src/icons	6	-	1
expand.tsx in packages/react/src/icons	3	-	1
menu.tsx in packages/react/src/icons	6	-	1
remove.tsx in packages/react/src/icons	3	-	1
close.tsx in packages/react/src/icons	6	-	1
redo.tsx in packages/react/src/icons	3	-	1
freemove.tsx in packages/react/src/icons	10	-	1
outline.tsx in packages/react/src/icons	3	-	1
TreeSelect.ts in formily/next/src/locales	103	-	1
Range.ts in formily/next/src/locales	71	-	1
NumberPicker.ts in formily/antd/src/locales	82	-	1
Field.ts in formily/antd/src/locales	322	-	1
Slider.ts in formily/antd/src/locales	74	-	1
helpers.ts in formily/setters/src/components/ReactionsSetter	303	2	1
en-US.ts in formily/setters/src/locales	101	-	1