facebook / docusaurus
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 1,444 units with 20,554 lines of code in units (56.5% of code).
    • 9 very long units (1,387 lines of code)
    • 33 long units (2,099 lines of code)
    • 232 medium size units (7,063 lines of code)
    • 350 small units (5,157 lines of code)
    • 820 very small units (4,848 lines of code)
6% | 10% | 34% | 25% | 23%
Legend:
101+
51-100
21-50
11-20
1-10
Unit Size per Extension
101+
51-100
21-50
11-20
1-10
ts6% | 9% | 36% | 26% | 21%
tsx8% | 10% | 32% | 21% | 27%
js0% | 18% | 22% | 34% | 23%
Unit Size per Logical Component
primary logical decomposition
101+
51-100
21-50
11-20
1-10
packages/docusaurus-theme-classic15% | 6% | 38% | 28% | 9%
packages/docusaurus9% | 4% | 43% | 24% | 17%
website/src7% | 13% | 19% | 8% | 51%
packages/docusaurus-theme-search-algolia47% | 0% | 0% | 26% | 25%
packages/docusaurus-migrate16% | 30% | 33% | 14% | 4%
packages/docusaurus-plugin-content-docs0% | 15% | 33% | 30% | 20%
packages/docusaurus-plugin-content-blog0% | 18% | 41% | 24% | 15%
packages/docusaurus-utils0% | 20% | 30% | 28% | 20%
packages/docusaurus-theme-common0% | 6% | 35% | 30% | 27%
packages/docusaurus-mdx-loader0% | 24% | 28% | 30% | 16%
packages/docusaurus-plugin-pwa0% | 12% | 51% | 20% | 15%
packages/docusaurus-plugin-content-pages0% | 0% | 68% | 12% | 19%
packages/docusaurus-plugin-client-redirects0% | 0% | 34% | 37% | 28%
packages/docusaurus-plugin-debug0% | 0% | 43% | 17% | 39%
jest0% | 0% | 66% | 11% | 22%
packages/docusaurus-theme-live-codeblock0% | 0% | 40% | 26% | 32%
packages/docusaurus-plugin-google-gtag0% | 0% | 43% | 11% | 44%
packages/lqip-loader0% | 0% | 72% | 27% | 0%
packages/docusaurus-logger0% | 0% | 26% | 54% | 18%
packages/docusaurus-plugin-google-analytics0% | 0% | 44% | 0% | 55%
packages/docusaurus-theme-translations0% | 0% | 30% | 48% | 21%
packages/docusaurus-plugin-ideal-image0% | 0% | 41% | 30% | 28%
packages/docusaurus-plugin-sitemap0% | 0% | 39% | 27% | 32%
website/_dogfooding0% | 0% | 27% | 23% | 49%
packages/create-docusaurus0% | 0% | 5% | 58% | 35%
admin/new.docusaurus.io0% | 0% | 0% | 54% | 46%
website0% | 0% | 0% | 81% | 18%
packages/docusaurus-utils-common0% | 0% | 0% | 66% | 33%
packages/docusaurus-cssnano-preset0% | 0% | 0% | 100% | 0%
jest/utils0% | 0% | 0% | 100% | 0%
packages/docusaurus-utils-validation0% | 0% | 0% | 50% | 50%
packages/docusaurus-preset-classic0% | 0% | 0% | 0% | 100%
Alternative Visuals
Longest Units
Top 50 longest units
Unit# linesMcCabe index# params
230 1 0
223 10 0
171 15 2
154 9 3
152 20 1
122 2 1
115 6 3
110 15 1
110 13 6
97 15 2
93 15 4
80 3 1
79 6 5
77 10 4
74 6 0
74 9 2
73 9 1
70 3 0
69 6 2
69 8 6
67 4 1
66 3 1
64 8 6
63 1 1
62 13 4
62 7 0
61 10 0
59 3 7
57 2 0
55 5 3
54 5 1
54 7 1
53 11 0
53 1 0
53 10 2
52 8 1
52 2 0
52 5 2
52 13 1
51 8 2
51 3 1
51 9 3
49 3 1
49 2 4
49 6 6
49 10 0
48 4 2
48 5 2
48 3 2
47 3 1