primer / doctocat
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 60 files with 1,922 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 5 small files (576 lines of code)
    • 55 very small files (1,346 lines of code)
0% | 0% | 0% | 29% | 70%
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
js0% | 0% | 0% | 30% | 70%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
theme0% | 0% | 0% | 29% | 70%
Longest Files (Top 50)
File# lines# units
126 3
header.js
in theme/src/components
 120 1
layout.js
in theme/src/components
 112 1
mobile-search.js
in theme/src/components
 111 3
nav-drawer.js
in theme/src/components
 107 2
nav-items.js
in theme/src/components
 82 1
search.js
in theme/src/components
 77 1
heading.js
in theme/src/components
 70 1
use-search.js
in theme/src
 64 2
github.js
in theme/src
 63 -
wrap-root-element.js
in theme/src/components
 53 1
code.js
in theme/src/components
 52 1
sidebar.js
in theme/src/components
 47 2
search-results.js
in theme/src/components
 44 1
details.js
in theme/src/components
 43 4
nav-dropdown.js
in theme/src/components
 41 1
40 -
drawer.js
in theme/src/components
 39 1
hero-layout.js
in theme/src/components
 36 1
do-dont.js
in theme/src/components
 34 4
note.js
in theme/src/components
 32 -
table-of-contents.js
in theme/src/components
 30 1
skip-link.js
in theme/src/components
 30 1
contributors.js
in theme/src/components
 29 -
clipboard-copy.js
in theme/src/components
 27 -
table.js
in theme/src/components
 27 -
live-code.js
in theme/src/components
 27 2
search.worker.js
in theme/src
 24 2
storybook-link.js
in theme/src/components
 24 1
frame.js
in theme/src/components
 23 -
list.js
in theme/src/components
 20 -
hero.js
in theme/src/components
 19 -
prism.js
in theme/src
 18 -
description-list.js
in theme/src/components
 17 -
page-footer.js
in theme/src/components
 17 -
wrap-page-element.js
in theme/src/components
 17 -
17 1
status-label.js
in theme/src/components
 16 1
head.js
in theme/src/components
 16 -
blockquote.js
in theme/src/components
 15 -
index.js
in theme
 13 -
source-link.js
in theme/src/components
 11 -
live-preview-wrapper.js
in theme/src/components
 10 -
image-container.js
in theme/src/components
 10 1
horizontal-rule.js
in theme/src/components
 10 -
text-input.js
in theme/src/components
 10 -
inline-code.js
in theme/src/components
 10 -
image.js
in theme/src/components
 8 -
container.js
in theme/src/components
 7 -
paragraph.js
in theme/src/components
 6 -
Files With Most Units (Top 26)
File# lines# units
do-dont.js
in theme/src/components
 34 4
details.js
in theme/src/components
 43 4
126 3
mobile-search.js
in theme/src/components
 111 3
search.worker.js
in theme/src
 24 2
use-search.js
in theme/src
 64 2
sidebar.js
in theme/src/components
 47 2
nav-drawer.js
in theme/src/components
 107 2
live-code.js
in theme/src/components
 27 2
table-of-contents.js
in theme/src/components
 30 1
layout.js
in theme/src/components
 112 1
storybook-link.js
in theme/src/components
 24 1
hero-layout.js
in theme/src/components
 36 1
code.js
in theme/src/components
 52 1
status-label.js
in theme/src/components
 16 1
header.js
in theme/src/components
 120 1
wrap-root-element.js
in theme/src/components
 53 1
image-container.js
in theme/src/components
 10 1
drawer.js
in theme/src/components
 39 1
skip-link.js
in theme/src/components
 30 1
nav-items.js
in theme/src/components
 82 1
nav-dropdown.js
in theme/src/components
 41 1
search-results.js
in theme/src/components
 44 1
heading.js
in theme/src/components
 70 1
search.js
in theme/src/components
 77 1
17 1
Files With Long Lines (Top 1)

There is only one file with lines longer than 120 characters. In total, there is only one long line.

File# lines# units# long lines
storybook-link.js
in theme/src/components
 24 1 1