aliyun / alibabacloud-console-design

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 190 files with 6,551 lines of code.

0 very long files (0 lines of code)
0 long files (0 lines of code)
0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
9 small files (1,128 lines of code)
181 very small files (5,423 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
messages.js in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/locales	155	-
messages.js in example/xconsole-example/src/locales	152	-
List.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/$regionId/basic-list	130	9
config.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/components/ConsoleChart	128	-
List.tsx in example/xconsole-example/src/pages/$regionId/basic-list	125	9
index.js in packages/legacy/xconsole-mutation/src	117	2
ListModel.js in packages/legacy/xconsole-model/src	112	6
index.js in packages/ui/xconsole-rc-base-link/src	107	1
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/console-config	102	2
InfoModel.js in packages/legacy/xconsole-model/src	97	6
Nav.tsx in packages/ui/xconsole-rc-app-layout/src	97	-
AppLayoutWithRouter.tsx in packages/ui/xconsole-rc-app-layout/src	96	-
RouteMeta.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/route	95	6
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/$regionId	94	3
FormModel.js in packages/legacy/xconsole-model/src	90	7
gatsby-config.js in site	89	-
InstanceCreator.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-form	85	7
sidebar.ts in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src	81	15
index.stories.tsx in packages/ui/xconsole-rc-page-header/stories	78	-
index.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src	77	4
sidebar.tsx in packages/ui/xconsole-rc-app-layout/stories	77	12
model.js in packages/legacy/xconsole-model/src	76	6
getMeta.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/route	75	4
index.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/generator	74	9
sidebar.ts in example/xconsole-example/src	71	13
AppLayout.tsx in packages/ui/xconsole-rc-app-layout/src	70	-
index.js in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole	68	7
index.ts in packages/console-utils/fastlogin/src	68	-
ejs app.js.ejs in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/tpl	67	-
index.js in packages/legacy/xconsole-query/src	65	3
index.tsx in packages/ui/xconsole-rc-page-header/src	59	-
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list/$id/$section	57	3
mocks.js in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole	57	-
index.js in example/xconsole-example/src/pages/route-list/$id/$section	57	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	55	2
useOpenKeys.ts in packages/ui/xconsole-rc-app-layout/src/hooks	55	-
logger.js in packages/console-utils/xconsole-logger/src	55	2
index.js in example/xconsole-example/src/pages/tab-profile/$section	55	2
index.tsx in packages/ui/xconsole-rc-description/src	54	-
constants.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-form	53	6
index.tsx in packages/ui/xconsole-rc-page/src/Page	52	-
index.ts in packages/ui/xconsole-rc-app-layout/src/types	52	-
GroupList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list/$id/$section	51	3
GroupList.js in example/xconsole-example/src/pages/route-list/$id/$section	51	3
GroupList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	48	3
UserInfo.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	48	6
GroupList.js in example/xconsole-example/src/pages/tab-profile/$section	48	3
UserInfo.js in example/xconsole-example/src/pages/tab-profile/$section	48	6
index.stories.tsx in packages/ui/xconsole-rc-description/stories	44	-
Menu.tsx in packages/ui/xconsole-rc-page-header/src	43	-

Files With Most Units (Top 50)

File	# lines	# units
sidebar.ts in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src	81	15
sidebar.ts in example/xconsole-example/src	71	13
sidebar.tsx in packages/ui/xconsole-rc-app-layout/stories	77	12
index.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/generator	74	9
List.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/$regionId/basic-list	130	9
List.tsx in example/xconsole-example/src/pages/$regionId/basic-list	125	9
InstanceCreator.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-form	85	7
index.js in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole	68	7
FormModel.js in packages/legacy/xconsole-model/src	90	7
RouteMeta.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/route	95	6
UserInfo.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	48	6
constants.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-form	53	6
InfoModel.js in packages/legacy/xconsole-model/src	97	6
ListModel.js in packages/legacy/xconsole-model/src	112	6
model.js in packages/legacy/xconsole-model/src	76	6
UserInfo.js in example/xconsole-example/src/pages/tab-profile/$section	48	6
index.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src	77	4
getMeta.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/route	75	4
model.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	37	4
model.js in example/xconsole-example/src/pages/tab-profile/$section	37	4
Summary.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/overview	32	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/fail-result	29	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/service	38	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/$regionId	94	3
GroupList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	48	3
InstanceDescription.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-profile	34	3
InstanceDescription.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list/$id/$section	36	3
GroupList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list/$id/$section	51	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list/$id/$section	57	3
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/success-result	31	3
index.js in packages/legacy/xconsole-query/src	65	3
Summary.tsx in example/xconsole-example/src/pages/overview	32	3
index.tsx in example/xconsole-example/src/pages/fail-result	29	3
GroupList.js in example/xconsole-example/src/pages/tab-profile/$section	48	3
InstanceDescription.tsx in example/xconsole-example/src/pages/basic-profile	35	3
GroupList.js in example/xconsole-example/src/pages/route-list/$id/$section	51	3
InstanceDescription.js in example/xconsole-example/src/pages/route-list/$id/$section	36	3
index.js in example/xconsole-example/src/pages/route-list/$id/$section	57	3
index.tsx in example/xconsole-example/src/pages/success-result	31	3
GlobalMeta.ts in packages/build-tools/console-toolkit-plugin-xconsole-fs-route/src/route	36	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/overview	25	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/console-config	102	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/resource-group	31	2
AKList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	38	2
LogonInfo.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	31	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tab-profile/$section	55	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/console-chart	20	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/basic-profile	20	2
InstanceList.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list	29	2
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/route-list	20	2

Files With Long Lines (Top 4)

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

File	# lines	# units	# long lines
index.js in packages/build-tools/console-toolkit-preset-xconsole/lib	40	-	1
index.tsx in packages/build-tools/console-toolkit-plugin-xconsole/generators/xconsole/templates/src/pages/tech/$regionId	94	3	1
index.tsx in packages/ui/xconsole-rc-page/src/Breadcrumb	28	1	1
AppLayoutWithRouter.tsx in packages/ui/xconsole-rc-app-layout/src	96	-	1