microsoft / vsts-extension-samples
File Size

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.
Learn more...
File Size Overall
  • There are 129 files with 7,217 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (364 lines of codeclsfd_ftr_w_mp_ins)
    • 16 small files (2,245 lines of code)
    • 112 very small files (4,608 lines of code)
0% | 0% | 5% | 31% | 63%
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
ts0% | 0% | 13% | 36% | 50%
ps10% | 0% | 0% | 99% | <1%
js0% | 0% | 0% | 46% | 53%
tsx0% | 0% | 0% | 34% | 65%
html0% | 0% | 0% | 6% | 93%
css0% | 0% | 0% | 0% | 100%
MD0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
analytics-example-widget0% | 0% | 20% | 14% | 65%
data-storage0% | 0% | 0% | 58% | 41%
ui-fabric-react0% | 0% | 0% | 93% | 6%
dashboard-manager0% | 0% | 0% | 100% | 0%
fabrikam-build-extension0% | 0% | 0% | 100% | 0%
build-inspector0% | 0% | 0% | 33% | 66%
backlogs-panel0% | 0% | 0% | 34% | 65%
build-results-enhancer0% | 0% | 0% | 38% | 61%
widgets0% | 0% | 0% | 18% | 81%
ui0% | 0% | 0% | 0% | 100%
work-item-form0% | 0% | 0% | 0% | 100%
charts0% | 0% | 0% | 0% | 100%
release-management0% | 0% | 0% | 0% | 100%
contributions-guide0% | 0% | 0% | 0% | 100%
custom-content-renderer0% | 0% | 0% | 0% | 100%
preview-features0% | 0% | 0% | 0% | 100%
calendar-public-events0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
AnalyticsConfigActionCreator.ts
in analytics-example-widget/scripts/config
364 33
main.js
in dashboard-manager/webapp
186 29
associatedItemsView.ts
in build-inspector/src/inspector
171 9
workdetailsdata.ts
in backlogs-panel/src
165 2
notesView.ts
in data-storage/src/dataStorage
161 18
AnalyticsConfigComponent.tsx
in analytics-example-widget/scripts/config
156 9
index.html
in dashboard-manager/webapp
149 -
MSBuild.ps1
in build-results-enhancer/src/Tasks/MyPlainTask1
148 -
MSBuild.ps1
in fabrikam-build-extension/MyPlainTask1
148 -
MSBuild.ps1
in fabrikam-build-extension/MyPlainTask2
148 -
WorkItemSearchComponent.tsx
in ui-fabric-react/scripts
133 14
notesServices.ts
in data-storage/src/dataStorage
130 10
notesGrids.ts
in data-storage/src/dataStorage
129 17
gulpfile.js
in ui-fabric-react
108 1
sample-configuration.js
in widgets/templates/scripts
108 10
WorkItemSearch.ts
in ui-fabric-react/scripts
103 4
ODataClient.ts
in analytics-example-widget/scripts/data
102 16
FluxTypes.tsx
in analytics-example-widget/scripts/components
99 20
context.js
in ui/menu/scripts
91 7
PivotTable.html
in charts
89 -
dropDown.js
in ui/menu/scripts
86 8
AnalyticsViewActionCreator.ts
in analytics-example-widget/scripts/widget
81 6
associatedItemContent.ts
in build-inspector/src/inspector
78 10
StackedAreaChart.html
in charts
78 -
extensible.html
in ui/menu
78 -
simple.html
in ui/menu
78 -
BatchResponseParser.ts
in analytics-example-widget/scripts/data
77 5
workItemService.html
in work-item-form
75 -
itemView.js
in ui/menu/scripts
73 7
MetadataQuery.ts
in analytics-example-widget/scripts/data
72 7
associatedItemsGrid.ts
in build-inspector/src/inspector
72 4
notesDialogs.ts
in data-storage/src/dataStorage
72 6
workItemPage.html
in work-item-form
72 -
main.css
in backlogs-panel/css
71 -
ViewQueries.ts
in analytics-example-widget/scripts/data
70 6
workItemGroup.html
in work-item-form
70 -
main.tsx
in backlogs-panel/src
68 2
context.html
in contributions-guide
64 -
compare-to-form.html
in ui
64 -
hello-world3.html
in widgets
64 -
AnalyticsConfiguration.css
in analytics-example-widget/content
63 -
CommonQueries.ts
in analytics-example-widget/scripts/data
63 10
ChartComponent.tsx
in analytics-example-widget/scripts/components
62 7
ChartOptionFactory.ts
in analytics-example-widget/scripts/widget
62 4
settings.html
in data-storage
62 -
sample-configuration.html
in widgets/templates
62 -
workItemToolbarButton.html
in work-item-form
61 -
FieldFilterComponent.tsx
in analytics-example-widget/scripts/components
57 3
configuration.html
in widgets
57 -
AnalyticsViewComponent.tsx
in analytics-example-widget/scripts/widget
56 5
Files With Most Units (Top 20)
File# lines# units
AnalyticsConfigActionCreator.ts
in analytics-example-widget/scripts/config
364 33
main.js
in dashboard-manager/webapp
186 29
FluxTypes.tsx
in analytics-example-widget/scripts/components
99 20
notesView.ts
in data-storage/src/dataStorage
161 18
notesGrids.ts
in data-storage/src/dataStorage
129 17
ODataClient.ts
in analytics-example-widget/scripts/data
102 16
WorkItemSearchComponent.tsx
in ui-fabric-react/scripts
133 14
CommonQueries.ts
in analytics-example-widget/scripts/data
63 10
associatedItemContent.ts
in build-inspector/src/inspector
78 10
notesServices.ts
in data-storage/src/dataStorage
130 10
sample-configuration.js
in widgets/templates/scripts
108 10
AnalyticsConfigComponent.tsx
in analytics-example-widget/scripts/config
156 9
associatedItemsView.ts
in build-inspector/src/inspector
171 9
dropDown.js
in ui/menu/scripts
86 8
ChartComponent.tsx
in analytics-example-widget/scripts/components
62 7
MetadataQuery.ts
in analytics-example-widget/scripts/data
72 7
context.js
in ui/menu/scripts
91 7
itemView.js
in ui/menu/scripts
73 7
CacheableQueryService.ts
in analytics-example-widget/scripts/data
43 6
ViewQueries.ts
in analytics-example-widget/scripts/data
70 6
Files With Long Lines (Top 20)

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

File# lines# units# long lines
AnalyticsConfigActionCreator.ts
in analytics-example-widget/scripts/config
364 33 21
infoTab.html
in build-results-enhancer
36 - 11
workdetailsdata.ts
in backlogs-panel/src
165 2 8
notesServices.ts
in data-storage/src/dataStorage
130 10 7
notesView.ts
in data-storage/src/dataStorage
161 18 7
WorkItemSearchComponent.tsx
in ui-fabric-react/scripts
133 14 7
associatedItemsView.ts
in build-inspector/src/inspector
171 9 6
MSBuild.ps1
in build-results-enhancer/src/Tasks/MyPlainTask1
148 - 6
MSBuild.ps1
in fabrikam-build-extension/MyPlainTask1
148 - 6
MSBuild.ps1
in fabrikam-build-extension/MyPlainTask2
148 - 6
sample-configuration.js
in widgets/templates/scripts
108 10 5
index.html
in dashboard-manager/webapp
149 - 4
gulpfile.js
in ui-fabric-react
108 1 4
AnalyticsConfigComponent.tsx
in analytics-example-widget/scripts/config
156 9 3
PopularValueQuery.ts
in analytics-example-widget/scripts/data
52 3 3
AnalyticsViewActionCreator.ts
in analytics-example-widget/scripts/widget
81 6 3
Widget.tsx
in analytics-example-widget/scripts/widget
29 2 3
context.html
in contributions-guide
64 - 3
main.js
in dashboard-manager/webapp
186 29 3
contributions.html
in ui/menu
56 - 3