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.
File Size Overall
- There are 299 files with 20,040 lines of code.
- 0 very long files (0 lines of code)
- 1 long files (678 lines of code)
- 11 medium size files (3,380 lines of codeclsfd_ftr_w_mp_ins)
- 54 small files (7,400 lines of code)
- 233 very small files (8,582 lines of code)
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
File Size per Logical Decomposition
primary
Longest Files (Top 50)
| File | # lines | # units |
|---|---|---|
 NavBase.vue in src/components |
678 | - |
ContentNode.vue in src/components |
461 | - |
SectionSteps.vue in src/components/Tutorial |
428 | - |
DocumentationTopic.vue in src/components |
386 | - |
GenericModal.vue in src/components |
341 | - |
CodePreview.vue in src/components/Tutorial |
299 | - |
DropdownCustom.vue in src/components |
289 | - |
Quiz.vue in src/components/Tutorial/Assessments |
249 | - |
Hero.vue in src/components/Tutorial |
245 | - |
TopicsLinkBlock.vue in src/components/DocumentationTopic |
242 | - |
NavigationBar.vue in src/components/Tutorial |
221 | - |
HierarchyCollapsedItems.vue in src/components/DocumentationTopic/DocumentationNav |
219 | - |
SectionIntro.vue in src/components/Tutorial |
198 | - |
ChapterTopicList.vue in src/components/TutorialsOverview |
196 | - |
App.vue in src |
186 | - |
Assessments.vue in src/components/Tutorial |
186 | - |
BaseDropdown.vue in src/components |
184 | - |
Step.vue in src/components/Tutorial |
182 | - |
 _light.scss in src/styles/core/colors |
180 | - |
DocumentationTopic.vue in src/views |
179 | - |
_font-styles.scss in src/styles/core/typography |
174 | - |
CodeListing.vue in src/components/ContentNode |
173 | - |
LearningPath.vue in src/components/TutorialsOverview |
167 | - |
Article.vue in src/components |
164 | - |
PrimaryContent.vue in src/components/DocumentationTopic |
154 | - |
DocumentationNav.vue in src/components/DocumentationTopic |
152 | - |
RestBody.vue in src/components/DocumentationTopic/PrimaryContent |
150 | - |
ResourcesTile.vue in src/components/TutorialsOverview |
150 | - |
Chapter.vue in src/components/TutorialsOverview |
148 | - |
HeroMetadata.vue in src/components/Tutorial |
147 | - |
MobileDropdown.vue in src/components/Tutorial/NavigationBar |
147 | - |
 json-patch.js in src/utils |
146 | 12 |
RelationshipsList.vue in src/components/DocumentationTopic |
144 | - |
MobileCodePreview.vue in src/components/Tutorial |
143 | - |
Hero.vue in src/components/TutorialsOverview |
138 | - |
Tutorial.vue in src/components |
137 | - |
CallToAction.vue in src/components |
135 | - |
ParametersTable.vue in src/components/DocumentationTopic/PrimaryContent |
135 | - |
_typography.scss in src/styles/base |
132 | - |
HierarchyItem.vue in src/components/DocumentationTopic/DocumentationNav |
131 | - |
Topic.vue in src/views |
131 | - |
LanguageSwitcher.vue in src/components/DocumentationTopic/Summary |
128 | - |
syntax-highlight.js in src/utils |
127 | 10 |
_helpers.scss in src/styles/core |
125 | - |
_reset.scss in src/styles/base |
122 | - |
Declaration.vue in src/components/DocumentationTopic/PrimaryContent |
120 | - |
CollapsibleCodeListing.vue in src/components/ContentNode |
119 | - |
EndpointExample.vue in src/components/ContentNode |
118 | - |
ParameterAttributes.vue in src/components/DocumentationTopic/PrimaryContent |
117 | - |
PrimaryDropdown.vue in src/components/Tutorial/NavigationBar |
116 | - |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
 build-script-helper.py in root |
101 | 12 |
json-patch.js in src/utils |
146 | 12 |
CommunicationBridge.js in src/plugins |
67 | 11 |
syntax-highlight.js in src/utils |
127 | 10 |
apiChangesHelpers.js in src/mixins |
96 | 9 |
onIntersect.js in src/mixins |
67 | 8 |
data.js in src/utils |
74 | 8 |
strings.js in src/utils |
93 | 8 |
vue-config-utils.js in src/setup-utils |
103 | 7 |
FocusTrap.js in src/utils |
60 | 7 |
scroll-lock.js in src/utils |
73 | 7 |
CustomComponents.js in src/plugins |
30 | 5 |
ApiChangesStoreBase.js in src/stores |
34 | 5 |
router-utils.js in src/utils |
67 | 5 |
TopicStore.js in src/stores |
33 | 4 |
assets.js in src/utils |
36 | 4 |
schema-version-check.js in src/utils |
29 | 4 |
apiChangesObserving.js in src/mixins |
58 | 3 |
imageAsset.js in src/mixins |
20 | 3 |
onIntersectViewport.js in src/mixins |
29 | 3 |
Files With Long Lines (Top 20)
There are 21 files with lines longer than 120 characters. In total, there are 27 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
EndpointIcon.vue in src/components/Icons |
16 | - | 3 |
DownloadIcon.vue in src/components/Icons |
13 | - | 2 |
InlineDownloadIcon.vue in src/components/Icons |
13 | - | 2 |
XcodeIcon.vue in src/components/Icons |
13 | - | 2 |
schema-version-check.js in src/utils |
29 | 4 | 2 |
build-script-helper.py in root |
101 | 12 | 1 |
CheckCircleIcon.vue in src/components/Icons |
16 | - | 1 |
ChevronRoundedIcon.vue in src/components/Icons |
15 | - | 1 |
CloseIcon.vue in src/components/Icons |
15 | - | 1 |
DiagonalArrowIcon.vue in src/components/Icons |
12 | - | 1 |
FilterIcon.vue in src/components/Icons |
21 | - | 1 |
InlineCloseIcon.vue in src/components/Icons |
15 | - | 1 |
InlineMinusCircleSolidIcon.vue in src/components/Icons |
12 | - | 1 |
InlinePlusCircleIcon.vue in src/components/Icons |
14 | - | 1 |
InlinePlusCircleSolidIcon.vue in src/components/Icons |
12 | - | 1 |
InlineReplayIcon.vue in src/components/Icons |
13 | - | 1 |
PlayIcon.vue in src/components/Icons |
16 | - | 1 |
ResetCircleIcon.vue in src/components/Icons |
17 | - | 1 |
SearchIcon.vue in src/components/Icons |
14 | - | 1 |
TimerIcon.vue in src/components/Icons |
17 | - | 1 |