firebase / firebaseopensource.com
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 44 files with 3,603 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 4 medium size files (1,108 lines of codeclsfd_ftr_w_mp_ins)
    • 7 small files (967 lines of code)
    • 33 very small files (1,528 lines of code)
0% | 0% | 30% | 26% | 42%
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% | 42% | 22% | 34%
scss0% | 0% | 94% | 0% | 5%
vue0% | 0% | 13% | 35% | 50%
js0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
yaml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
functions/src0% | 0% | 59% | 18% | 21%
frontend/assets/styles0% | 0% | 94% | 0% | 5%
frontend/components/_Shared0% | 0% | 100% | 0% | 0%
frontend/components/Projects0% | 0% | 0% | 48% | 51%
frontend/assets0% | 0% | 0% | 52% | 47%
frontend/pages/projects0% | 0% | 0% | 100% | 0%
frontend/components/Homepage0% | 0% | 0% | 25% | 74%
shared0% | 0% | 0% | 0% | 100%
frontend/layouts0% | 0% | 0% | 0% | 100%
frontend0% | 0% | 0% | 0% | 100%
frontend/pages/platform0% | 0% | 0% | 0% | 100%
frontend/pages0% | 0% | 0% | 0% | 100%
static0% | 0% | 0% | 0% | 100%
frontend/plugins0% | 0% | 0% | 0% | 100%
Longest Files (Top 44)
File# lines# units
project.ts
in functions/src
341 14
global.scss
in frontend/assets/styles
286 -
index.vue
in frontend/components/_Shared/HeaderBar
251 -
content.ts
in functions/src
230 11
index.vue
in frontend/components/Projects/TitleSection
193 -
github.ts
in functions/src
177 15
index.vue
in frontend/components/Projects
135 -
dbUtils.ts
in frontend/assets
126 8
_.vue
in frontend/pages/projects/_org/_repo
119 -
index.vue
in frontend/components/Projects/TitleSection/RepoButtons
116 -
index.vue
in frontend/components/Homepage/CategoryCard/ProjectItem
101 -
index.ts
in functions/src
93 -
error.vue
in frontend/layouts
88 -
types.ts
in shared
86 -
index.vue
in frontend/components/Projects/Sidebar
84 -
index.vue
in frontend/components/Projects/Sidebar/SiderbarCard
83 -
index.vue
in frontend/components/Homepage
67 -
index.vue
in frontend/components/Projects/SectionH2
64 -
index.vue
in frontend/components/Homepage/WelcomeCard
63 -
index.vue
in frontend/components/Projects/TitleSection/RepoButtons/BlueBadge
63 -
nuxt.config.js
in frontend
60 1
index.vue
in frontend/components/Homepage/ReleaseItem
60 -
index.vue
in frontend/components/Homepage/CategoryCard/ProjectItem/LogoCircle
57 -
index.vue
in frontend/components/Projects/TitleSection/TableOfContents
57 -
getRoutes.ts
in frontend/assets
54 2
cron.ts
in functions/src
54 1
index.vue
in frontend/components/Projects/Sidebar/SiderbarCard/SidebarLink
52 -
config.ts
in functions/src
51 3
index.vue
in frontend/components/Homepage/CategoryCard
47 -
utils.ts
in frontend/assets
43 5
index.vue
in frontend/components/Projects/PageFooter
42 -
util.ts
in shared
41 5
default.vue
in frontend/layouts
35 -
index.vue
in frontend/pages/platform/_platformId
33 -
index.vue
in frontend/pages
32 -
app.html
in frontend
21 -
index.vue
in frontend/components/Projects/StagingWarning
20 -
classes.ts
in frontend/assets
18 -
variables.scss
in frontend/assets/styles
16 -
cloudbuild.yaml
in static
12 -
jest.config.js
in frontend
11 -
firebaseConfig.ts
in shared
9 -
logger.ts
in functions/src
8 2
firebaseInit.js
in frontend/plugins
4 1
Files With Most Units (Top 12)
File# lines# units
github.ts
in functions/src
177 15
project.ts
in functions/src
341 14
content.ts
in functions/src
230 11
dbUtils.ts
in frontend/assets
126 8
utils.ts
in frontend/assets
43 5
util.ts
in shared
41 5
config.ts
in functions/src
51 3
getRoutes.ts
in frontend/assets
54 2
logger.ts
in functions/src
8 2
firebaseInit.js
in frontend/plugins
4 1
nuxt.config.js
in frontend
60 1
cron.ts
in functions/src
54 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
app.html
in frontend
21 - 1
index.vue
in frontend/components/Homepage/CategoryCard
47 - 1
cloudbuild.yaml
in static
12 - 1
cron.ts
in functions/src
54 1 1