microsoft / accessibility-insights-web
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 1,461 files with 63,710 lines of code.
    • 0 very long files (0 lines of code)
    • 5 long files (3,017 lines of code)
    • 27 medium size files (7,357 lines of codeclsfd_ftr_w_mp_ins)
    • 99 small files (13,231 lines of code)
    • 1,330 very small files (40,105 lines of code)
0% | 4% | 11% | 20% | 62%
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% | 7% | 14% | 23% | 55%
js0% | 39% | 0% | 14% | 46%
tsx0% | 0% | 8% | 20% | 70%
scss0% | 0% | 16% | 7% | 75%
yaml0% | 0% | 0% | 29% | 70%
html0% | 0% | 0% | 0% | 100%
ps10% | 0% | 0% | 0% | 100%
nsh0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/DetailsView0% | 11% | 9% | 18% | 59%
ROOT0% | 62% | 0% | 23% | 13%
src/content0% | 46% | 0% | 21% | 32%
src/electron0% | 7% | 6% | 15% | 70%
src/background0% | 0% | 26% | 26% | 47%
src/injected0% | 0% | 18% | 40% | 40%
src/common0% | 0% | 12% | 18% | 69%
src/popup0% | 0% | 40% | 9% | 50%
src/assessments0% | 0% | 4% | 18% | 76%
src/views0% | 0% | 30% | 27% | 41%
src/reports0% | 0% | 4% | 11% | 83%
src/icons0% | 0% | 0% | 100% | 0%
src/scanner0% | 0% | 0% | 14% | 85%
deploy0% | 0% | 0% | 100% | 0%
pipeline/unified0% | 0% | 0% | 23% | 76%
src/debug-tools0% | 0% | 0% | 16% | 83%
src/issue-filing0% | 0% | 0% | 0% | 100%
tools/strict-null-checks0% | 0% | 0% | 0% | 100%
src/ad-hoc-visualizations0% | 0% | 0% | 0% | 100%
pipeline/scripts0% | 0% | 0% | 0% | 100%
pipeline0% | 0% | 0% | 0% | 100%
src/report-export0% | 0% | 0% | 0% | 100%
tools0% | 0% | 0% | 0% | 100%
src/Devtools0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
src/fast-pass0% | 0% | 0% | 0% | 100%
src/packages0% | 0% | 0% | 0% | 100%
src/types0% | 0% | 0% | 0% | 100%
packages/report0% | 0% | 0% | 0% | 100%
packages/ui0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
Gruntfile.js
in root
 783 3
details-view-action-message-creator.ts
in src/DetailsView/actions
 628 21
details-view-initializer.ts
in src/DetailsView
 560 1
guideline-metadata.ts
in src/content
 527 -
renderer-initializer.ts
in src/electron/views
 519 -
assessment-store.ts
in src/background/stores
 468 12
telemetry-data-factory.ts
in src/common
 428 31
main-window-initializer.ts
in src/injected
 375 2
assessment-builder.tsx
in src/assessments
 336 19
action-creator.ts
in src/background/actions
 321 4
rich-resolution-content.tsx
in src/common/components/cards
 313 2
details-view-command-bar.tsx
in src/DetailsView/components
 305 9
content.scss
in src/views/content
 295 -
assessment-action-creator.ts
in src/background/actions
 282 1
svg-drawer.ts
in src/injected/visualization
 263 16
left-nav-link-builder.tsx
in src/DetailsView/components/left-nav
 262 8
extension-telemetry-events.ts
in src/common
 261 -
details-dialog.tsx
in src/injected/components
 256 11
popup.scss
in src/popup/Styles
 254 -
assessment-json-export-json-builder.ts
in src/reports
 246 11
injected.scss
in src/injected/styles
 245 -
rule-information-provider.ts
in src/electron/platform/android
 239 2
failure-instance-panel-control.tsx
in src/DetailsView/components
 238 8
respondable-command-message-communicator.ts
in src/injected/frameCommunicators
 238 14
visualization-scan-result-store.ts
in src/background/stores
 236 4
visualization-store.ts
in src/background/stores
 235 9
popup-initializer.ts
in src/popup
 225 1
results-view.tsx
in src/electron/views/results
 224 8
load-assessment-data-validator.ts
in src/DetailsView/components
 205 10
popup-view.tsx
in src/popup/components
 204 8
action-payloads.ts
in src/background/actions
 202 -
fix-instruction-processor.tsx
in src/common/components
 201 10
window-initializer.ts
in src/injected
 199 2
main-window-renderer-message-handlers.ts
in src/electron/main
 197 4
assessment-data-converter.ts
in src/background
 194 13
webextension-browser-adapter.ts
in src/common/browser-adapters
 193 39
assessment-instance-table-handler.tsx
in src/DetailsView/handlers
 191 6
background-init.ts
in src/background
 190 1
highlight-box-drawer.ts
in src/injected/visualization
 183 2
card-kebab-menu-button.tsx
in src/common/components/cards
 181 6
recommend-color.tsx
in src/common/components
 181 9
tab-context-factory.ts
in src/background
 177 1
reflow-command-bar.tsx
in src/electron/views/results/components
 174 1
messages.ts
in src/common
 173 -
reporter-factory.ts
in src/reports/package
 173 -
drawing-controller.ts
in src/injected
 170 9
targets.config.js
in root
 166 6
tab-stops-instance-section-props-factory.tsx
in src/DetailsView/components/tab-stops
 164 -
diagnostic-view-toggle.tsx
in src/popup/components
 164 7
center-position-calculator.ts
in src/injected/visualization
 163 3
Files With Most Units (Top 20)
File# lines# units
webextension-browser-adapter.ts
in src/common/browser-adapters
 193 39
telemetry-data-factory.ts
in src/common
 428 31
details-view-action-message-creator.ts
in src/DetailsView/actions
 628 21
assessment-builder.tsx
in src/assessments
 336 19
html-element-utils.ts
in src/common
 59 17
window-utils.ts
in src/common
 63 17
svg-drawer.ts
in src/injected/visualization
 263 16
respondable-command-message-communicator.ts
in src/injected/frameCommunicators
 238 14
axe-utils.ts
in src/scanner
 108 14
assessment-data-converter.ts
in src/background
 194 13
svg-solid-shadow-filter-factory.ts
in src/injected/visualization
 160 13
markup.tsx
in src/views/content
 156 13
assessment-store.ts
in src/background/stores
 468 12
main-window-context.ts
in src/injected
 75 12
drawer-provider.ts
in src/injected/visualization
 136 12
details-dialog.tsx
in src/injected/components
 256 11
assessment-json-export-json-builder.ts
in src/reports
 246 11
assessment-report-model-builder.ts
in src/reports
 162 11
load-assessment-data-validator.ts
in src/DetailsView/components
 205 10
report-instance-field.ts
in src/assessments/types
 90 10
Files With Long Lines (Top 20)

There are 85 files with lines longer than 120 characters. In total, there are 305 long lines.

File# lines# units# long lines
url-icon.tsx
in src/common/icons
 47 - 38
lady-bug-solid-icon.tsx
in src/common/icons
 54 - 37
guidance.tsx
in src/content/adhoc/headings
 98 2 20
guidance.tsx
in src/content/adhoc/landmarks
 119 1 17
date-icon.tsx
in src/common/icons
 25 - 13
rule-information-provider.ts
in src/electron/platform/android
 239 2 13
default-android-setup-components.ts
in src/electron/views/device-connect-view/components/android-setup
 35 - 13
why-it-matters.tsx
in src/content/adhoc/tabstops
 76 - 9
details-view-initializer.ts
in src/DetailsView
 560 1 7
file-html-icon.tsx
in src/common/icons
 24 - 7
brand-blue.tsx
in src/icons/brand/blue
 152 - 7
brand-white.tsx
in src/icons/brand/white
 152 - 7
renderer-initializer.ts
in src/electron/views
 519 - 6
guidance.tsx
in src/content/adhoc/color
 47 - 5
link.tsx
in src/content
 121 2 5
sign-release-package-linux.yaml
in pipeline/unified/channel
 60 - 4
sign-release-package-windows.yaml
in pipeline/unified/channel
 110 - 4
NOTICE.html
in src
 64 - 4
unique-landmark.tsx
in src/content/rules
 20 - 4
unified-settings-provider.ts
in src/electron/settings
 10 - 4