microsoft / service-fabric-explorer
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 892 files with 52,970 lines of code.
    • 2 very long files (3,184 lines of code)
    • 6 long files (4,499 lines of code)
    • 37 medium size files (11,281 lines of codeclsfd_ftr_w_mp_ins)
    • 88 small files (12,524 lines of code)
    • 759 very small files (21,482 lines of code)
6% | 8% | 21% | 23% | 40%
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
scss29% | 8% | 17% | 22% | 21%
ts0% | 10% | 23% | 25% | 40%
html0% | 0% | 15% | 14% | 70%
js0% | 0% | 0% | 78% | 21%
wxs0% | 0% | 0% | 0% | 100%
ps10% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
Sfx/App/Styles40% | 0% | 24% | 22% | 11%
SfxWeb/src/Styles42% | 0% | 25% | 19% | 11%
SfxWeb/src/app0% | 8% | 17% | 19% | 54%
Sfx/App/Scripts0% | 11% | 32% | 30% | 25%
SfxWeb/src0% | 65% | 0% | 27% | 6%
Sfx/App/partials0% | 0% | 19% | 19% | 60%
Sfx-Standalone/modules/main-window0% | 0% | 55% | 0% | 44%
Sfx/App0% | 0% | 0% | 79% | 20%
Sfx0% | 0% | 0% | 100% | 0%
Sfx-Standalone/modules/update0% | 0% | 0% | 88% | 11%
Sfx-Standalone/modules/http0% | 0% | 0% | 18% | 81%
Sfx-Standalone/modules/prompt.select-certificate0% | 0% | 0% | 48% | 51%
Sfx-Standalone/modules/prompt0% | 0% | 0% | 65% | 34%
Sfx-Standalone/modules0% | 0% | 0% | 80% | 19%
Sfx-Proxy0% | 0% | 0% | 100% | 0%
SfxWeb/cypress/integration0% | 0% | 0% | 100% | 0%
Sfx-Standalone0% | 0% | 0% | 0% | 100%
Sfx-Standalone/modules/cert0% | 0% | 0% | 0% | 100%
Sfx-Standalone/modules/browser-window0% | 0% | 0% | 0% | 100%
Sfx-Standalone/modules/prompt.connect-cluster0% | 0% | 0% | 0% | 100%
Sfx-Standalone/utilities0% | 0% | 0% | 0% | 100%
Sfx-Standalone/modules/prompt.input0% | 0% | 0% | 0% | 100%
SfxWeb0% | 0% | 0% | 0% | 100%
SfxWeb/cypress/plugins0% | 0% | 0% | 0% | 100%
SfxWeb/src/environments0% | 0% | 0% | 0% | 100%
SfxWeb/cypress/support0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
_icons.scss
in src/Sfx/App/Styles/Modules
1592 -
_icons.scss
in src/SfxWeb/src/Styles/Modules
1592 -
RawDataTypes.ts
in src/SfxWeb/src/app/Models
939 -
styles.scss
in src/SfxWeb/src
885 -
RawDataTypes.ts
in src/Sfx/App/Scripts/Models
744 2
rest-client.service.ts
in src/SfxWeb/src/app/services
705 112
RestClientService.ts
in src/Sfx/App/Scripts/Services
701 120
timelineGenerators.ts
in src/SfxWeb/src/app/Models/eventstore
525 8
Collections.ts
in src/SfxWeb/src/app/Models/DataModels/collections
493 66
Service.ts
in src/Sfx/App/Scripts/Models/DataModels
472 46
timelineGenerators.ts
in src/Sfx/App/Scripts/Models/eventstore
459 8
_detail.scss
in src/Sfx/App/Styles/Modules
431 -
_detail.scss
in src/SfxWeb/src/Styles/Modules
431 -
Service.ts
in src/SfxWeb/src/app/Models/DataModels
397 46
ClusterTreeService.ts
in src/Sfx/App/Scripts/Services
385 19
MetricsBarChartDirective.ts
in src/Sfx/App/Scripts/Directives
380 8
tree.service.ts
in src/SfxWeb/src/app/services
371 17
TreeNodeGroupViewModel.ts
in src/SfxWeb/src/app/ViewModels
367 38
data.service.ts
in src/SfxWeb/src/app/services
361 44
Application.ts
in src/Sfx/App/Scripts/Models/DataModels
329 33
Directives.ts
in src/Sfx/App/Scripts/Directives
319 13
Application.ts
in src/SfxWeb/src/app/Models/DataModels
316 40
_common.scss
in src/Sfx/App/Styles/Modules
304 -
_common.scss
in src/SfxWeb/src/Styles/Modules
301 -
ClusterViewController.ts
in src/Sfx/App/Scripts/Controllers
300 20
create-service.component.html
in src/SfxWeb/src/app/views/application/create-service
300 -
DataService.ts
in src/Sfx/App/Scripts/Services
291 48
create-service-dialog.html
in src/Sfx/App/partials
286 -
ListSettings.ts
in src/SfxWeb/src/app/Models
269 40
Cluster.ts
in src/SfxWeb/src/app/Models/DataModels
268 31
Cluster.ts
in src/Sfx/App/Scripts/Models/DataModels
262 27
cluster-list.script.ts
in src/Sfx-Standalone/modules/main-window/cluster-list
257 11
Collections.ts
in src/Sfx/App/Scripts/Models/DataModels
255 30
index.html
in src/Sfx-Standalone/modules/main-window
242 -
RoutesService.ts
in src/Sfx/App/Scripts/Services
236 26
cluster.html
in src/Sfx/App/partials
234 -
repairTask.ts
in src/SfxWeb/src/app/Models/DataModels
233 10
_dashboard.scss
in src/Sfx/App/Styles/Modules
229 -
_dashboard.scss
in src/SfxWeb/src/Styles/Modules
229 -
Node.ts
in src/SfxWeb/src/app/Models/DataModels
218 23
detail-list.component.ts
in src/SfxWeb/src/app/modules/detail-list-templates/detail-list
213 14
TreeNodeViewModel.ts
in src/Sfx/App/Scripts/ViewModels
212 28
backups.component.ts
in src/SfxWeb/src/app/views/partition/backups
212 7
MetricsViewModel.ts
in src/Sfx/App/Scripts/ViewModels
211 20
ImageStore.ts
in src/SfxWeb/src/app/Models/DataModels
208 14
Partition.ts
in src/Sfx/App/Scripts/Models/DataModels
199 21
settings.service.ts
in src/SfxWeb/src/app/services
198 14
ImageStore.ts
in src/Sfx/App/Scripts/Models/DataModels
195 14
Utils.ts
in src/Sfx/App/Scripts/Utils
193 12
_metrics.scss
in src/Sfx/App/Styles/Modules
192 -
Files With Most Units (Top 20)
File# lines# units
RestClientService.ts
in src/Sfx/App/Scripts/Services
701 120
rest-client.service.ts
in src/SfxWeb/src/app/services
705 112
Collections.ts
in src/SfxWeb/src/app/Models/DataModels/collections
493 66
DataService.ts
in src/Sfx/App/Scripts/Services
291 48
Service.ts
in src/Sfx/App/Scripts/Models/DataModels
472 46
Service.ts
in src/SfxWeb/src/app/Models/DataModels
397 46
data.service.ts
in src/SfxWeb/src/app/services
361 44
Application.ts
in src/SfxWeb/src/app/Models/DataModels
316 40
ListSettings.ts
in src/SfxWeb/src/app/Models
269 40
TreeNodeGroupViewModel.ts
in src/SfxWeb/src/app/ViewModels
367 38
Application.ts
in src/Sfx/App/Scripts/Models/DataModels
329 33
ListSettings.ts
in src/Sfx/App/Scripts/Models
171 31
Cluster.ts
in src/SfxWeb/src/app/Models/DataModels
268 31
Collections.ts
in src/Sfx/App/Scripts/Models/DataModels
255 30
TreeNodeViewModel.ts
in src/Sfx/App/Scripts/ViewModels
212 28
DeployedReplica.ts
in src/SfxWeb/src/app/Models/DataModels
167 28
Cluster.ts
in src/Sfx/App/Scripts/Models/DataModels
262 27
DeployedReplica.ts
in src/Sfx/App/Scripts/Models/DataModels
150 26
RoutesService.ts
in src/Sfx/App/Scripts/Services
236 26
Shared.ts
in src/Sfx/App/Scripts/Models/DataModels
155 25
Files With Long Lines (Top 20)

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

File# lines# units# long lines
RestClientService.ts
in src/Sfx/App/Scripts/Services
701 120 154
rest-client.service.ts
in src/SfxWeb/src/app/services
705 112 135
create-service.component.html
in src/SfxWeb/src/app/views/application/create-service
300 - 54
DataService.ts
in src/Sfx/App/Scripts/Services
291 48 52
create-service-dialog.html
in src/Sfx/App/partials
286 - 50
data.service.ts
in src/SfxWeb/src/app/services
361 44 46
timelineGenerators.ts
in src/Sfx/App/Scripts/Models/eventstore
459 8 31
old.html
in src/Sfx/App
192 - 31
Collections.ts
in src/SfxWeb/src/app/Models/DataModels/collections
493 66 31
detail-list.component.html
in src/SfxWeb/src/app/modules/detail-list-templates/detail-list
99 - 31
timelineGenerators.ts
in src/SfxWeb/src/app/Models/eventstore
525 8 30
detail-list.html
in src/Sfx/App/partials
74 - 23
tree.service.ts
in src/SfxWeb/src/app/services
371 17 23
partition.html
in src/Sfx/App/partials
98 - 22
cluster.html
in src/Sfx/App/partials
234 - 21
ClusterTreeService.ts
in src/Sfx/App/Scripts/Services
385 19 20
app-routing.module.ts
in src/SfxWeb/src/app
35 - 19
Application.ts
in src/Sfx/App/Scripts/Models/DataModels
329 33 18
ClusterViewController.ts
in src/Sfx/App/Scripts/Controllers
300 20 16
MetricsBarChartDirective.ts
in src/Sfx/App/Scripts/Directives
380 8 16