microsoft / MCW-Cloud-native-applications
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 49 files with 9,491 lines of code.
    • 1 very long files (8,524 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 0 small files (0 lines of code)
    • 48 very small files (967 lines of code)
89% | 0% | 0% | 0% | 10%
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
css99% | 0% | 0% | 0% | <1%
js0% | 0% | 0% | 0% | 100%
ts0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
developer/content-web/src94% | 0% | 0% | 0% | 5%
developer/content-api/models0% | 0% | 0% | 0% | 100%
developer/content-init/models0% | 0% | 0% | 0% | 100%
developer/content-init0% | 0% | 0% | 0% | 100%
developer/content-web0% | 0% | 0% | 0% | 100%
developer/content-api0% | 0% | 0% | 0% | 100%
developer/content-api/controllers0% | 0% | 0% | 0% | 100%
developer0% | 0% | 0% | 0% | 100%
developer/content-api/config0% | 0% | 0% | 0% | 100%
developer/content-init/config0% | 0% | 0% | 0% | 100%
Longest Files (Top 49)
File# lines# units
app.css
in Hands-on lab/lab-files/developer/content-web/src/assets/stylesheets
8524 -
server.js
in Hands-on lab/lab-files/developer/content-init
79 6
app.js
in Hands-on lab/lab-files/developer/content-web
69 9
session.model.js
in Hands-on lab/lab-files/developer/content-api/models
56 -
session.model.js
in Hands-on lab/lab-files/developer/content-init/models
56 -
server.js
in Hands-on lab/lab-files/developer/content-api
54 -
app.component.html
in Hands-on lab/lab-files/developer/content-web/src/app
49 -
speakers.model.js
in Hands-on lab/lab-files/developer/content-api/models
45 -
speakers.model.js
in Hands-on lab/lab-files/developer/content-init/models
45 -
stats.component.html
in Hands-on lab/lab-files/developer/content-web/src/app/stats
41 -
app.module.ts
in Hands-on lab/lab-files/developer/content-web/src/app
39 1
app.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
33 4
speakers.component.html
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
26 -
sessions.component.html
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
22 -
style.css
in Hands-on lab/lab-files/developer/content-web/src/assets/stylesheets
21 -
session.model.ts
in Hands-on lab/lab-files/developer/content-web/src/app/models
20 -
app-routing.module.ts
in Hands-on lab/lab-files/developer/content-web/src/app
18 -
stats.model.ts
in Hands-on lab/lab-files/developer/content-web/src/app/models
18 -
stats.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/stats
18 1
api.service.yml
in Hands-on lab/lab-files/developer
17 -
sessions.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
17 1
speakers.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
17 1
speaker.model.ts
in Hands-on lab/lab-files/developer/content-web/src/app/models
16 -
index.html
in Hands-on lab/lab-files/developer/content-web/src
14 -
sessions.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
13 1
app.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app
13 -
sessions.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
13 1
speaker.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
13 1
stats.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/stats
13 1
test.ts
in Hands-on lab/lab-files/developer/content-web/src
13 -
speakers.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
12 1
routes.js
in Hands-on lab/lab-files/developer/content-api
11 1
app.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app
11 1
home.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/home
11 1
home.component.html
in Hands-on lab/lab-files/developer/content-web/src/app/home
9 -
window.provider.ts
in Hands-on lab/lab-files/developer/content-web/src/app
9 -
main.ts
in Hands-on lab/lab-files/developer/content-web/src
9 -
config.js
in Hands-on lab/lab-files/developer/content-api/config
5 -
config.js
in Hands-on lab/lab-files/developer/content-init/config
5 -
environment.ts
in Hands-on lab/lab-files/developer/content-web/src/environments
4 -
settings.model.ts
in Hands-on lab/lab-files/developer/content-web/src/app/models
3 -
environment.prod.ts
in Hands-on lab/lab-files/developer/content-web/src/environments
3 -
app.component.css
in Hands-on lab/lab-files/developer/content-web/src/app
1 -
home.component.css
in Hands-on lab/lab-files/developer/content-web/src/app/home
1 -
sessions.component.css
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
1 -
speakers.component.css
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
1 -
stats.component.css
in Hands-on lab/lab-files/developer/content-web/src/app/stats
1 -
polyfills.ts
in Hands-on lab/lab-files/developer/content-web/src
1 -
styles.css
in Hands-on lab/lab-files/developer/content-web/src
1 -
Files With Most Units (Top 15)
File# lines# units
app.js
in Hands-on lab/lab-files/developer/content-web
69 9
server.js
in Hands-on lab/lab-files/developer/content-init
79 6
app.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
33 4
sessions.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
13 1
speakers.server.controller.js
in Hands-on lab/lab-files/developer/content-api/controllers
12 1
routes.js
in Hands-on lab/lab-files/developer/content-api
11 1
app.module.ts
in Hands-on lab/lab-files/developer/content-web/src/app
39 1
app.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app
11 1
home.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/home
11 1
sessions.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
17 1
sessions.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/sessions
13 1
speaker.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
13 1
speakers.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/speakers
17 1
stats.component.ts
in Hands-on lab/lab-files/developer/content-web/src/app/stats
18 1
stats.service.ts
in Hands-on lab/lab-files/developer/content-web/src/app/stats
13 1
Files With Long Lines (Top 2)

There are 2 files with lines longer than 120 characters. In total, there are 60 long lines.

File# lines# units# long lines
app.css
in Hands-on lab/lab-files/developer/content-web/src/assets/stylesheets
8524 - 59
home.component.html
in Hands-on lab/lab-files/developer/content-web/src/app/home
9 - 1