microsoft / vscode-edge-devtools
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 28 files with 4,187 lines of code.
    • 1 very long files (1,077 lines of code)
    • 1 long files (588 lines of code)
    • 3 medium size files (1,017 lines of codeclsfd_ftr_w_mp_ins)
    • 3 small files (392 lines of code)
    • 20 very small files (1,113 lines of code)
25% | 14% | 24% | 9% | 26%
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
ts27% | 14% | 25% | 9% | 21%
yml0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/screencast67% | 0% | 12% | 0% | 19%
src0% | 28% | 38% | 11% | 21%
src/host0% | 0% | 0% | 98% | 1%
src/common0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
startpage0% | 0% | 0% | 0% | 100%
Longest Files (Top 28)
File# lines# units
emulatedDevices.ts
in src/screencast
1077 -
utils.ts
in src
588 26
devtoolsPanel.ts
in src
416 24
extension.ts
in src
397 5
screencast.ts
in src/screencast
204 17
messageRouter.ts
in src/host
150 13
cdpTargetsProvider.ts
in src
127 3
screencastPanel.ts
in src
115 8
input.ts
in src/screencast
98 2
launchDebugProvider.ts
in src
96 1
azure-pipelines.yml
in root
90 -
index.html
in startpage
86 -
panelSocket.ts
in src
85 8
launchConfigManager.ts
in src
82 3
webviewEvents.ts
in src/common
81 2
view.ts
in src/screencast
80 3
view.css
in src/screencast
71 -
versionSocketConnection.ts
in src
67 4
cdp.ts
in src/screencast
62 1
settingsProvider.ts
in src/common
61 1
cdpTarget.ts
in src
51 4
JsDebugProxyPanelSocket.ts
in src
31 2
errorReporter.ts
in src
29 2
styles.css
in src/common
18 -
debugTelemetryReporter.ts
in src
16 1
errorCodes.ts
in src/common
5 -
mainHost.ts
in src/host
2 -
main.ts
in src/screencast
2 -
Files With Most Units (Top 20)
File# lines# units
utils.ts
in src
588 26
devtoolsPanel.ts
in src
416 24
screencast.ts
in src/screencast
204 17
messageRouter.ts
in src/host
150 13
panelSocket.ts
in src
85 8
screencastPanel.ts
in src
115 8
extension.ts
in src
397 5
cdpTarget.ts
in src
51 4
versionSocketConnection.ts
in src
67 4
cdpTargetsProvider.ts
in src
127 3
launchConfigManager.ts
in src
82 3
view.ts
in src/screencast
80 3
JsDebugProxyPanelSocket.ts
in src
31 2
webviewEvents.ts
in src/common
81 2
errorReporter.ts
in src
29 2
input.ts
in src/screencast
98 2
settingsProvider.ts
in src/common
61 1
debugTelemetryReporter.ts
in src
16 1
launchDebugProvider.ts
in src
96 1
cdp.ts
in src/screencast
62 1
Files With Long Lines (Top 15)

There are 15 files with lines longer than 120 characters. In total, there are 131 long lines.

File# lines# units# long lines
emulatedDevices.ts
in src/screencast
1077 - 61
extension.ts
in src
397 5 22
devtoolsPanel.ts
in src
416 24 13
utils.ts
in src
588 26 8
screencastPanel.ts
in src
115 8 6
launchConfigManager.ts
in src
82 3 4
index.html
in startpage
86 - 4
screencast.ts
in src/screencast
204 17 3
cdpTargetsProvider.ts
in src
127 3 2
webviewEvents.ts
in src/common
81 2 2
view.ts
in src/screencast
80 3 2
errorReporter.ts
in src
29 2 1
launchDebugProvider.ts
in src
96 1 1
cdp.ts
in src/screencast
62 1 1
view.css
in src/screencast
71 - 1