alibaba / bifrostui

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 602 files with 17,749 lines of code.

0 very long files (0 lines of code)
0 long files (0 lines of code)
9 medium size files (2,265 lines of codeclsfd_ftr_w_mp_ins)
40 small files (5,207 lines of code)
553 very small files (10,277 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
Calendar.tsx in packages/bui-core/src/Calendar	316	3
Slider.tsx in packages/bui-core/src/Slider	303	-
directionLocationUtil.ts in packages/bui-utils/src	284	-
ScrollView.tsx in packages/bui-core/src/ScrollView	247	3
index.ts in packages/bui-icons/src/components	237	-
CitySelectorCore.tsx in packages/bui-core/src/CitySelector	227	-
PickerPanel.tsx in packages/bui-core/src/Picker	226	-
Button.less in packages/bui-core/src/Button	221	-
Select.tsx in packages/bui-core/src/Select	204	-
Tabs.tsx in packages/bui-core/src/Tabs	194	-
Picker.tsx in packages/bui-core/src/Picker	193	-
Step.less in packages/bui-core/src/Steps	189	-
ItemSelectorCore.tsx in packages/bui-core/src/ItemSelector	173	2
TransitionCore.tsx in packages/bui-core/src/Transition	167	-
Switch.less in packages/bui-core/src/Switch	162	-
index.js in scripts/mini-program-site/utils	154	-
mjs generateMd.mjs in scripts/generate-md	153	-
Popover.tsx in packages/bui-core/src/Popover	152	-
TextArea.tsx in packages/bui-core/src/TextArea	143	-
IconButton.less in packages/bui-core/src/IconButton	138	-
CitySelector.less in packages/bui-core/src/CitySelector	137	-
Tooltip.tsx in packages/bui-core/src/Tooltip	137	-
mjs translate.mjs in scripts/translate	136	-
FunctionalDialog.tsx in packages/bui-core/src/Dialog	133	4
Calendar.less in packages/bui-core/src/Calendar	132	-
esbuild.base.ts in root	132	2
FunctionalToast.tsx in packages/bui-core/src/Toast	127	-
ItemSelector.less in packages/bui-core/src/ItemSelector	125	-
transitions.ts in packages/bui-utils/src	125	3
mjs help.mjs in scripts/generate-md	123	-
generateMiniFiles.js in scripts/mini-program-site	119	-
Input.tsx in packages/bui-core/src/Input	119	-
Alert.tsx in packages/bui-core/src/Alert	118	-
index.js in websites/mini-program/config	118	1
Slider.less in packages/bui-core/src/Slider	113	-
ScrollView.types.ts in packages/bui-core/src/ScrollView	113	-
Collapse.tsx in packages/bui-core/src/Collapse	113	-
Popover.less in packages/bui-core/src/Popover	112	-
default-light.less in packages/bui-styles/theme	109	-
Select.less in packages/bui-core/src/Select	109	-
Tooltip.less in packages/bui-core/src/Tooltip	108	-
Badge.less in packages/bui-core/src/Badge	107	-
Rating.tsx in packages/bui-core/src/Rating	106	-
Countdown.tsx in packages/bui-core/src/Countdown	106	-
Radio.tsx in packages/bui-core/src/Radio	106	-
Step.tsx in packages/bui-core/src/Steps	102	-
index.less in packages/bui-core/src/Alert	102	-
Image.tsx in packages/bui-core/src/Image	101	2
Tag.less in packages/bui-core/src/Tag	101	-
Checkbox.tsx in packages/bui-core/src/Checkbox	98	-

Files With Most Units (Top 50)

File	# lines	# units
render.ts in packages/bui-utils/src	80	9
utils.ts in packages/bui-core/src/Countdown	94	7
useTouchEmulator.ts in packages/bui-utils/src/hooks	91	6
FunctionalDialog.tsx in packages/bui-core/src/Dialog	133	4
builder.js in packages/bui-icons	51	3
ScrollView.tsx in packages/bui-core/src/ScrollView	247	3
Calendar.tsx in packages/bui-core/src/Calendar	316	3
transitions.ts in packages/bui-utils/src	125	3
renameAndCreate.js in scripts/translate	43	2
resolveTSConfig.js in scripts/esbuild	47	2
Image.tsx in packages/bui-core/src/Image	101	2
ItemSelectorCore.tsx in packages/bui-core/src/ItemSelector	173	2
Tag.tsx in packages/bui-core/src/Tag	64	2
PortalCore.tsx in packages/bui-core/src/Portal	50	2
throttle.ts in packages/bui-utils/src	35	2
useMemoizedFn.ts in packages/bui-utils/src/hooks	26	2
watchMd.js in websites/mini-program/scripts	59	2
esbuild.base.ts in root	132	2
generateAppConfig.js in scripts/mini-program-site	35	1
check-credentials.js in scripts/check-account	19	1
getCompilerOptions.js in scripts/esbuild	40	1
SvgIcon.tsx in packages/bui-icons/src/components/SvgIcon	93	1
useTheme.ts in packages/bui-core/src/ThemeProvider/hooks	9	1
createTheme.ts in packages/bui-core/src/ThemeProvider/hooks	9	1
AvatarGroup.tsx in packages/bui-core/src/Avatar	65	1
bound.ts in packages/bui-core/src/Tabs/utils	14	1
useCountdown.ts in packages/bui-core/src/Countdown	40	1
useLocaleText.ts in packages/bui-core/src/locales/hooks	7	1
Loading.tsx in packages/bui-core/src/Loading	28	1
Progress.tsx in packages/bui-core/src/Progress	72	1
RadioButtonIcon.tsx in packages/bui-core/src/Radio	37	1
debounce.ts in packages/bui-utils/src	11	1
touchBlocker.ts in packages/bui-utils/src	97	1
index.ts in packages/bui-utils/src/getBoundingClientRect	3	1
index.miniapp.ts in packages/bui-utils/src/getBoundingClientRect	15	1
useForkRef.ts in packages/bui-utils/src/hooks	16	1
index.ts in packages/bui-utils/src/hooks/useDomCss	19	1
index.miniapp.ts in packages/bui-utils/src/hooks/useDomCss	25	1
useEventCallback.ts in packages/bui-utils/src/hooks	8	1
useSize.ts in packages/bui-utils/src/hooks	19	1
index.ts in packages/bui-utils/src/hooks/useDomReady	7	1
index.miniapp.ts in packages/bui-utils/src/hooks/useDomReady	9	1
useValue.ts in packages/bui-utils/src/hooks	41	1
useUniqueId.ts in packages/bui-utils/src/hooks	11	1
useTouch.ts in packages/bui-utils/src/hooks	57	1
toArray.ts in packages/bui-utils/src	24	1
domTarget.ts in packages/bui-utils/src	25	1
setRef.ts in packages/bui-utils/src	15	1
app.ts in websites/mini-program/src	11	1
index.config.ts in websites/mini-program/src/pages/index	3	1

Files With Long Lines (Top 50)

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

File	# lines	# units	# long lines
esbuild.base.ts in root	132	2	2
AccessTimeCircleFilled.tsx in packages/bui-icons/src/components	5	-	1
QuoteEnd.tsx in packages/bui-icons/src/components	5	-	1
TrendingCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
AliWangWangOutlined.tsx in packages/bui-icons/src/components	5	-	1
TripleVerticalLine.tsx in packages/bui-icons/src/components	5	-	1
DeleteOutlined.tsx in packages/bui-icons/src/components	5	-	1
TopicOutlined.tsx in packages/bui-icons/src/components	5	-	1
SuccessCircleFilled.tsx in packages/bui-icons/src/components	5	-	1
StarCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
OrderOutlined.tsx in packages/bui-icons/src/components	5	-	1
CaretDown.tsx in packages/bui-icons/src/components	5	-	1
ExploreCircleFilled.tsx in packages/bui-icons/src/components	5	-	1
EggOutlined.tsx in packages/bui-icons/src/components	5	-	1
ZoomInOutlined.tsx in packages/bui-icons/src/components	5	-	1
ChatOutlined.tsx in packages/bui-icons/src/components	5	-	1
CloseLarge.tsx in packages/bui-icons/src/components	5	-	1
SmileFilled.tsx in packages/bui-icons/src/components	5	-	1
QuoteStart.tsx in packages/bui-icons/src/components	5	-	1
InboxFilledBold.tsx in packages/bui-icons/src/components	5	-	1
PasswordOutlined.tsx in packages/bui-icons/src/components	5	-	1
ThumbUpOutlined.tsx in packages/bui-icons/src/components	5	-	1
WifiOutlined.tsx in packages/bui-icons/src/components	5	-	1
ExploreCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
HelpCircleFilled.tsx in packages/bui-icons/src/components	5	-	1
StarOutlined.tsx in packages/bui-icons/src/components	5	-	1
StarRoundedFilled.tsx in packages/bui-icons/src/components	5	-	1
HeartAddOutlinedBold.tsx in packages/bui-icons/src/components	5	-	1
ExperimentOutlined.tsx in packages/bui-icons/src/components	5	-	1
CloudUploadOutlined.tsx in packages/bui-icons/src/components	5	-	1
SuccessCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
VipCardFilled.tsx in packages/bui-icons/src/components	5	-	1
MicOutlined.tsx in packages/bui-icons/src/components	5	-	1
MobileOutlined.tsx in packages/bui-icons/src/components	5	-	1
LoadingThreeQuartersOutlined.tsx in packages/bui-icons/src/components	5	-	1
AlertCircleFilled.tsx in packages/bui-icons/src/components	5	-	1
MaleOutlined.tsx in packages/bui-icons/src/components	5	-	1
AddCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
LocationFilled.tsx in packages/bui-icons/src/components	5	-	1
FireFilled.tsx in packages/bui-icons/src/components	5	-	1
DrinkOutlined.tsx in packages/bui-icons/src/components	5	-	1
MapOutlined.tsx in packages/bui-icons/src/components	5	-	1
AlertCircleOutlined.tsx in packages/bui-icons/src/components	5	-	1
RefreshOutlined.tsx in packages/bui-icons/src/components	5	-	1
CloudBBOutlined.tsx in packages/bui-icons/src/components	5	-	1
CameraOutlined.tsx in packages/bui-icons/src/components	5	-	1
CinemaFilled.tsx in packages/bui-icons/src/components	5	-	1
DiscussOutlined.tsx in packages/bui-icons/src/components	5	-	1
CaretRight.tsx in packages/bui-icons/src/components	5	-	1
StarFilled.tsx in packages/bui-icons/src/components	5	-	1