microsoft / sarif-web-component
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 29 files with 2,257 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 4 medium size files (941 lines of codeclsfd_ftr_w_mp_ins)
    • 5 small files (700 lines of code)
    • 20 very small files (616 lines of code)
0% | 0% | 41% | 31% | 27%
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% | 80% | 0% | 19%
tsx0% | 0% | 20% | 56% | 22%
html0% | 0% | 100% | 0% | 0%
scss0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
components0% | 0% | 31% | 43% | 24%
resources0% | 0% | 100% | 0% | 0%
ROOT0% | 0% | 72% | 0% | 27%
docs-components0% | 0% | 0% | 0% | 100%
Longest Files (Top 29)
File# lines# units
Snippet.tsx
in components
 256 -
RunStore.ts
in components
 244 2
sample.ts
in resources
 237 -
index.html
in root
 204 -
RunCard.tsx
in components
 196 2
RunCard.renderCell.tsx
in components
 158 2
Viewer.tsx
in components
 122 2
RunCard.renderPathCell.tsx
in components
 114 2
PathCellDemo.tsx
in components
 110 11
FilterBar.tsx
in components
 67 3
Index.tsx
in docs-components
 64 1
index.tsx
in root
 59 2
Viewer.scss
in components
 52 -
RunCard.TreeColumnSorting.ts
in components
 44 2
getRepoUri.ts
in components
 39 2
RunCard.renderCell.scss
in components
 38 -
Snippet.scss
in components
 37 -
Index.scss
in docs-components
 32 -
Shield.tsx
in docs-components
 29 3
Viewer.Types.ts
in components
 26 -
SimpleList.tsx
in components
 22 -
try.tsx
in components
 20 -
Shield.scss
in docs-components
 18 -
RunCard.scss
in components
 17 -
Hi.tsx
in components
 14 -
jest.config.js
in root
 13 -
extension.ts
in components
 11 1
TooltipSpan.tsx
in components
 9 1
babel.config.js
in root
 5 -
Files With Most Units (Top 14)
File# lines# units
PathCellDemo.tsx
in components
 110 11
FilterBar.tsx
in components
 67 3
Shield.tsx
in docs-components
 29 3
RunCard.TreeColumnSorting.ts
in components
 44 2
RunCard.renderCell.tsx
in components
 158 2
RunCard.renderPathCell.tsx
in components
 114 2
RunCard.tsx
in components
 196 2
RunStore.ts
in components
 244 2
Viewer.tsx
in components
 122 2
getRepoUri.ts
in components
 39 2
index.tsx
in root
 59 2
TooltipSpan.tsx
in components
 9 1
extension.ts
in components
 11 1
Index.tsx
in docs-components
 64 1
Files With Long Lines (Top 10)

There are 10 files with lines longer than 120 characters. In total, there are 42 long lines.

File# lines# units# long lines
Snippet.tsx
in components
 256 - 13
RunCard.renderCell.tsx
in components
 158 2 9
RunStore.ts
in components
 244 2 9
RunCard.renderPathCell.tsx
in components
 114 2 2
RunCard.tsx
in components
 196 2 2
Viewer.tsx
in components
 122 2 2
sample.ts
in resources
 237 - 2
FilterBar.tsx
in components
 67 3 1
PathCellDemo.tsx
in components
 110 11 1
try.tsx
in components
 20 - 1