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 155 files with 4,824 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 2 medium size files (572 lines of codeclsfd_ftr_w_mp_ins)
- 6 small files (773 lines of code)
- 147 very small files (3,479 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 |
|---|---|---|
 treeView.tsx in fuse-ui-fabric/tree |
366 | 25 |
treeNode.tsx in fuse-ui-fabric/tree |
206 | 23 |
topNav.tsx in fuse-ui-fabric/topNav |
172 | 15 |
timePicker.tsx in fuse-ui-fabric/timePicker |
140 | 12 |
 entity.ts in fuse-ui-fabric/actions |
119 | - |
retry.ts in fuse-ui-shared/decorators |
118 | 6 |
splittable.tsx in fuse-ui-fabric/splittable |
117 | 2 |
stringCases.ts in fuse-ui-shared |
107 | 3 |
transform.ts in fuse-react-gen |
97 | 11 |
mainNav.tsx in fuse-ui-fabric/mainNav |
88 | 4 |
iterator.ts in fuse-ui-shared |
87 | 4 |
add.ts in fuse-react-gen/commands |
85 | 1 |
feedbackPanel.tsx in fuse-ui-fabric/feedbackPanel |
82 | 1 |
userProfile.tsx in fuse-ui-fabric/userProfile |
78 | - |
annotationEditor.tsx in fuse-ui-fabric/annotationEditor |
74 | 5 |
tree.types.ts in fuse-ui-fabric/tree |
69 | - |
form.tsx in fuse-ui-fabric/form |
68 | 4 |
confirm.tsx in fuse-ui-fabric/dialogs |
67 | 8 |
login.ts in fuse-ui-fabric/actions |
62 | 5 |
tree.classNames.ts in fuse-ui-fabric/tree |
60 | 4 |
cache.ts in fuse-ui-shared/decorators |
60 | 9 |
index.ts in fuse-ui-shared/i18n |
60 | 4 |
utils.ts in fuse-react-gen |
56 | 7 |
adalContext.ts in fuse-ui-adal |
55 | 3 |
asyncState.ts in fuse-ui-fabric/decorators |
55 | 4 |
shell.ts in fuse-cli |
52 | - |
acquire-config.ts in fuse-react-gen |
51 | 2 |
adal.ts in fuse-ui-adal/sagas |
51 | - |
topNav.classNames.ts in fuse-ui-fabric/topNav |
51 | - |
notification.tsx in fuse-ui-fabric/notification |
50 | 3 |
asyncUtils.ts in fuse-ui-shared |
50 | 2 |
url.ts in fuse-ui-shared |
50 | 5 |
functional.ts in fuse-cli |
49 | 2 |
new.ts in fuse-react-gen/commands |
48 | 1 |
splittable.classNames.ts in fuse-ui-fabric/splittable |
48 | - |
adal.ts in fuse-ui-adal/actions |
44 | 6 |
formField.tsx in fuse-ui-fabric/form |
44 | 2 |
datetimePicker.tsx in fuse-ui-fabric/datetimePicker |
42 | 3 |
genericList.tsx in fuse-ui-fabric/genericList |
41 | 2 |
withAuth.tsx in fuse-ui-fabric/withAuth |
37 | - |
spawnAsync.ts in fuse-cli |
35 | 1 |
progressUntil.ts in fuse-ui-shared |
35 | 2 |
visible.ts in fuse-ui-shared |
35 | 2 |
fileIcons.ts in fuse-ui-fabric/themes/seti |
34 | 3 |
memoize.ts in fuse-ui-shared |
33 | 3 |
annotations.ts in fuse-ui-fabric/actions |
32 | - |
login.tsx in fuse-ui-fabric/login |
32 | - |
index.ts in fuse-ui-fabric/userProfile |
32 | 2 |
error.ts in fuse-ui-shared |
32 | 3 |
logger.ts in fuse-react-gen |
31 | 6 |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
treeView.tsx in fuse-ui-fabric/tree |
366 | 25 |
treeNode.tsx in fuse-ui-fabric/tree |
206 | 23 |
topNav.tsx in fuse-ui-fabric/topNav |
172 | 15 |
timePicker.tsx in fuse-ui-fabric/timePicker |
140 | 12 |
transform.ts in fuse-react-gen |
97 | 11 |
cache.ts in fuse-ui-shared/decorators |
60 | 9 |
confirm.tsx in fuse-ui-fabric/dialogs |
67 | 8 |
utils.ts in fuse-react-gen |
56 | 7 |
logger.ts in fuse-cli |
30 | 6 |
logger.ts in fuse-react-gen |
31 | 6 |
adal.ts in fuse-ui-adal/actions |
44 | 6 |
retry.ts in fuse-ui-shared/decorators |
118 | 6 |
login.ts in fuse-ui-fabric/actions |
62 | 5 |
annotationEditor.tsx in fuse-ui-fabric/annotationEditor |
74 | 5 |
url.ts in fuse-ui-shared |
50 | 5 |
asyncState.ts in fuse-ui-fabric/decorators |
55 | 4 |
form.tsx in fuse-ui-fabric/form |
68 | 4 |
mainNav.tsx in fuse-ui-fabric/mainNav |
88 | 4 |
tree.classNames.ts in fuse-ui-fabric/tree |
60 | 4 |
index.ts in fuse-ui-shared/i18n |
60 | 4 |
Files With Long Lines (Top 19)
There are 19 files with lines longer than 120 characters. In total, there are 29 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
topNav.tsx in fuse-ui-fabric/topNav |
172 | 15 | 3 |
stringCases.ts in fuse-ui-shared |
107 | 3 | 3 |
functional.ts in fuse-cli |
49 | 2 | 2 |
adal.ts in fuse-ui-adal/sagas |
51 | - | 2 |
entity.ts in fuse-ui-fabric/actions |
119 | - | 2 |
login.tsx in fuse-ui-fabric/login |
32 | - | 2 |
tree.types.ts in fuse-ui-fabric/tree |
69 | - | 2 |
retry.ts in fuse-ui-shared/decorators |
118 | 6 | 2 |
form.tsx in fuse-ui-fabric/form |
68 | 4 | 1 |
logoHeader.tsx in fuse-ui-fabric/logoHeader |
18 | - | 1 |
mainNav.tsx in fuse-ui-fabric/mainNav |
88 | 4 | 1 |
feedback.ts in fuse-ui-fabric/reducers |
8 | 1 | 1 |
splittable.classNames.ts in fuse-ui-fabric/splittable |
48 | - | 1 |
timePicker.tsx in fuse-ui-fabric/timePicker |
140 | 12 | 1 |
tree.classNames.ts in fuse-ui-fabric/tree |
60 | 4 | 1 |
treeNode.tsx in fuse-ui-fabric/tree |
206 | 23 | 1 |
dispatchActions.ts in fuse-ui-fabric/utilities |
12 | 1 | 1 |
asyncUtils.ts in fuse-ui-shared |
50 | 2 | 1 |
url.ts in fuse-ui-shared |
50 | 5 | 1 |