firebase / emulators-codelab
Unit Size

The distribution of size of units (measured in lines of code).

Intro
  • Unit size measurements show the distribution of size of units of code (methods, functions...).
  • Units are classified in four categories based on their size (lines of code): 1-20 (small units), 20-50 (medium size units), 51-100 (long units), 101+ (very long units).
  • You should aim at keeping units small (< 20 lines). Long units may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
Unit Size Overall
  • There are 85 units with 717 lines of code in units (43.3% of code).
    • 0 very long units (0 lines of code)
    • 0 long units (0 lines of code)
    • 6 medium size units (182 lines of code)
    • 19 small units (249 lines of code)
    • 60 very small units (286 lines of code)
0% | 0% | 25% | 34% | 39%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
js0% | 0% | 25% | 34% | 39%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
codelab-final-state/public/js0% | 0% | 17% | 41% | 41%
codelab-initial-state/public/js0% | 0% | 18% | 33% | 48%
codelab-initial-state/functions0% | 0% | 59% | 16% | 23%
codelab-final-state/functions0% | 0% | 59% | 16% | 23%
scripts0% | 0% | 0% | 100% | 0%
Alternative Visuals
Longest Units
Top 20 longest units
Unit# linesMcCabe index# params
constructor()
in codelab-initial-state/functions/reporter.js
40 5 1
constructor()
in codelab-final-state/functions/reporter.js
40 5 1
constructor()
in codelab-initial-state/public/js/homepage.js
28 2 2
constructor()
in codelab-final-state/public/js/homepage.js
28 2 2
async listenForCart()
in codelab-initial-state/public/js/homepage.js
23 4 1
async listenForCart()
in codelab-final-state/public/js/homepage.js
23 4 1
constructor()
in codelab-initial-state/public/js/view.js
17 1 2
constructor()
in codelab-final-state/public/js/view.js
17 1 2
export async function createItems()
in codelab-initial-state/public/js/data.js
15 2 1
export async function createItems()
in codelab-final-state/public/js/data.js
15 2 1
setCartItems()
in codelab-initial-state/public/js/homepage.js
14 2 1
setCartItems()
in codelab-final-state/public/js/homepage.js
14 2 1
constructor()
in codelab-initial-state/public/js/view.js
13 3 1
addToCart()
in codelab-final-state/public/js/homepage.js
13 2 2
constructor()
in codelab-final-state/public/js/view.js
13 3 1
function main()
in scripts/devserver.js
12 1 0
setSignedIn()
in codelab-initial-state/public/js/homepage.js
12 2 1
constructor()
in codelab-initial-state/public/js/view.js
12 1 4
constructor()
in codelab-initial-state/public/js/view.js
12 1 1
export async function onDocumentReady()
in codelab-final-state/public/js/homepage.js
12 2 1