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 789 files with 461,525 lines of code.
- 5 very long files (411,143 lines of code)
- 8 long files (5,305 lines of code)
- 53 medium size files (15,774 lines of codeclsfd_ftr_w_mp_ins)
- 94 small files (13,526 lines of code)
- 629 very small files (15,777 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 |
|---|---|---|
 testData.ts in packages/utilities/fast-colors |
201753 | - |
test200.ts in packages/utilities/fast-colors/__test-images__ |
106402 | - |
testGrey200.ts in packages/utilities/fast-colors/__test-images__ |
100002 | - |
 base.html in packages/web-components/fast-components/src/anchored-region/fixtures |
1845 | - |
di.ts in packages/web-components/fast-foundation/src/di |
1141 | 70 |
named-colors.ts in packages/utilities/fast-colors/src |
893 | - |
anchored-region.ts in packages/web-components/fast-foundation/src/anchored-region |
891 | 27 |
design-tokens.ts in packages/web-components/fast-components/src |
742 | 1 |
recognizer.ts in packages/web-components/fast-router/src |
651 | 45 |
picker.ts in packages/web-components/fast-foundation/src/picker |
557 | 32 |
 index.tsx in packages/tooling/fast-figma-plugin-msft/src/core/ui |
532 | 7 |
design-token.ts in packages/web-components/fast-foundation/src/design-token |
532 | 58 |
index.ts in packages/web-components/fast-components/src/design-system-provider |
507 | 4 |
color-converters.ts in packages/utilities/fast-colors/src |
436 | 24 |
calendar.html in packages/web-components/fast-components/src/calendar/fixtures |
436 | - |
button.ts in packages/web-components/fast-components/src/styles/patterns |
421 | - |
color-block.ts in sites/fast-color-explorer/app/components |
414 | - |
data-grid.stories.ts in packages/web-components/fast-components/src/data-grid |
411 | 20 |
data-grid.ts in packages/web-components/fast-foundation/src/data-grid |
386 | 18 |
form-associated.ts in packages/web-components/fast-foundation/src/form-associated |
383 | 38 |
index.spec.tsx in packages/utilities/fast-react-wrapper/src |
377 | 18 |
color-palette.ts in packages/utilities/fast-colors/src |
372 | 11 |
fast-frame.template.ts in sites/fast-website/src/app/components/fast-frame |
363 | - |
explorer.tsx in sites/fast-component-explorer/app |
362 | 6 |
combobox.ts in packages/web-components/fast-foundation/src/combobox |
358 | 28 |
radio-group.ts in packages/web-components/fast-foundation/src/radio-group |
353 | 11 |
menu-item.styles.ts in packages/web-components/fast-components/src/menu-item |
351 | - |
fast-frame.styles.ts in sites/fast-website/src/app/components/fast-frame |
334 | - |
base.html in packages/web-components/fast-components/src/tabs/fixtures |
331 | - |
horizontal-scroll.html in packages/web-components/fast-components/src/horizontal-scroll/fixtures |
327 | - |
tabs.ts in packages/web-components/fast-foundation/src/tabs |
324 | 14 |
categories.ts in sites/site-utilities/src/components |
321 | - |
control-pane.tsx in sites/fast-color-explorer/app |
318 | 8 |
array-change-records.ts in packages/web-components/fast-element/src/observation |
309 | 10 |
slider.ts in packages/web-components/fast-foundation/src/slider |
308 | 16 |
index.html in packages/web-components/fast-components/src/data-grid/scenarios |
305 | - |
router.ts in packages/web-components/fast-router/src |
304 | 32 |
index.tsx in sites/site-utilities/src/components/editor |
299 | 7 |
 generate-docs.js in sites/website/src |
297 | 12 |
tooltip.ts in packages/web-components/fast-foundation/src/tooltip |
295 | 8 |
index.ts in packages/utilities/fast-animation/lib/animate |
292 | 15 |
routes.ts in packages/web-components/fast-router/src |
291 | 12 |
tree-item.styles.ts in packages/web-components/fast-components/src/tree-item |
287 | - |
observable.ts in packages/web-components/fast-element/src/observation |
280 | 18 |
controller.ts in packages/web-components/fast-element/src/components |
278 | 19 |
pixel-box.ts in packages/utilities/fast-colors/src |
273 | 1 |
listbox.ts in packages/web-components/fast-foundation/src/listbox |
262 | 22 |
repeat.ts in packages/web-components/fast-element/src/templating |
260 | 13 |
app.tsx in sites/fast-color-explorer/app |
258 | 5 |
index.ts in packages/utilities/fast-react-wrapper/src |
242 | 13 |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
di.ts in packages/web-components/fast-foundation/src/di |
1141 | 70 |
design-token.ts in packages/web-components/fast-foundation/src/design-token |
532 | 58 |
recognizer.ts in packages/web-components/fast-router/src |
651 | 45 |
form-associated.ts in packages/web-components/fast-foundation/src/form-associated |
383 | 38 |
picker.ts in packages/web-components/fast-foundation/src/picker |
557 | 32 |
router.ts in packages/web-components/fast-router/src |
304 | 32 |
combobox.ts in packages/web-components/fast-foundation/src/combobox |
358 | 28 |
anchored-region.ts in packages/web-components/fast-foundation/src/anchored-region |
891 | 27 |
color-converters.ts in packages/utilities/fast-colors/src |
436 | 24 |
listbox.ts in packages/web-components/fast-foundation/src/listbox |
262 | 22 |
color-blending.ts in packages/utilities/fast-colors/src |
223 | 21 |
rtl-scroll-converter.ts in packages/utilities/fast-web-utilities/src |
128 | 20 |
data-grid.stories.ts in packages/web-components/fast-components/src/data-grid |
411 | 20 |
controller.ts in packages/web-components/fast-element/src/components |
278 | 19 |
custom-property-manager.ts in packages/web-components/fast-foundation/src/design-token |
191 | 19 |
index.spec.tsx in packages/utilities/fast-react-wrapper/src |
377 | 18 |
observable.ts in packages/web-components/fast-element/src/observation |
280 | 18 |
calendar.ts in packages/web-components/fast-foundation/src/calendar |
200 | 18 |
data-grid.ts in packages/web-components/fast-foundation/src/data-grid |
386 | 18 |
element-styles.ts in packages/web-components/fast-element/src/styles |
148 | 17 |
Files With Long Lines (Top 20)
There are 53 files with lines longer than 120 characters. In total, there are 110 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.html in packages/web-components/fast-components/src/breadcrumb/scenarios |
149 | - | 9 |
footer.ejs in sites/fast-website/src/public |
27 | - | 7 |
categories.ts in sites/site-utilities/src/components |
321 | - | 7 |
base.html in packages/web-components/fast-components/src/tabs/fixtures |
331 | - | 6 |
feature.data.ts in sites/fast-website/src/app/data |
77 | - | 6 |
framework.data.ts in sites/fast-website/src/app/data |
77 | - | 6 |
index.ts in packages/tooling/fast-figma-plugin-msft/src/core/ui/components/drawer |
82 | 1 | 4 |
color-converters.ts in packages/utilities/fast-colors/src |
436 | 24 | 4 |
color-palette.ts in packages/utilities/fast-colors/src |
372 | 11 | 3 |
button.html in packages/web-components/fast-components/src/button/fixtures |
66 | - | 3 |
search.html in packages/web-components/fast-components/src/search/fixtures |
81 | - | 3 |
di.ts in packages/web-components/fast-foundation/src/di |
1141 | 70 | 3 |
community.data.ts in sites/fast-website/src/app/data |
42 | - | 3 |
index.ts in packages/web-components/fast-components/src/accordion-item |
41 | - | 2 |
base.html in packages/web-components/fast-components/src/accordion/fixtures |
111 | - | 2 |
base.html in packages/web-components/fast-components/src/breadcrumb-item/fixtures |
23 | - | 2 |
calendar.html in packages/web-components/fast-components/src/calendar/fixtures |
436 | - | 2 |
base.html in packages/web-components/fast-components/src/listbox-option/fixtures |
38 | - | 2 |
text-field.html in packages/web-components/fast-components/src/text-field/fixtures |
69 | - | 2 |
file-includes-all-subdirectories-as-named-exports.ts in build/helpers |
17 | 1 | 1 |