aws / mynah-ui - Unit Size

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 124 units with 1,389 lines of code in units (5.1% of code).

0 very long units (0 lines of code)
2 long units (124 lines of code)
14 medium size units (383 lines of code)
33 small units (438 lines of code)
75 very small units (444 lines of code)

Legend:

101+

51-100

21-50

11-20

1-10

Unit Size per Extension

101+

51-100

21-50

11-20

1-10

Unit Size per Logical Component

primary logical decomposition

101+

51-100

21-50

11-20

1-10

Alternative Visuals

3D view of all units

Longest Units

Top 50 longest units

Unit	# lines	McCabe index	# params
id: generateUID() in example/src/main.ts	66	6	0
public notify() in src/components/notification.ts	58	4	0
update = function() in src/helper/dom.ts	39	15	2
private constructor() in src/helper/config.ts	35	3	1
constructor() in example/src/theme-builder/theme-builder.ts	32	1	1
For measurement values() in example/src/theme-builder/theme-builder.ts	28	4	1
onFormTextualItemKeyPress() in example/src/main.ts	28	6	4
private createIconStyles() in src/components/icon/icon-importer.ts	27	2	1
First select() in example/src/theme-builder/theme-builder.ts	27	4	1
function nodeStream() in src/helper/merge-html-plugin.ts	26	5	1
function mergeStreams() in src/helper/merge-html-plugin.ts	26	8	3
And you can use custom properties as usual like var() in example/src/theme-builder/theme-builder.ts	26	3	1
insertChild = function() in src/helper/dom.ts	24	7	3
children: Array() in src/components/form-items/stars.ts	22	3	1
messageId: generateUID() in src/main.ts	22	6	0
id: generateUID() in example/src/main.ts	21	7	0
private constructor() in src/helper/dom.ts	18	4	1
id: generateUID() in example/src/main.ts	18	7	0
id: generateUID() in example/src/main.ts	17	1	0
id: generateUID() in example/src/main.ts	17	1	0
id: generateUID() in example/src/main.ts	17	1	0
private getActionButton() in src/components/detailed-list/detailed-list-item.ts	16	4	2
innerHTML: String() in src/components/syntax-highlighter.ts	16	5	1
id: generateUID() in example/src/main.ts	16	1	0
id: generateUID() in example/src/main.ts	16	1	0
id: generateUID() in example/src/main.ts	16	1	0
messageId: generateUID() in example/src/main.ts	14	4	0
id: generateUID() in example/src/main.ts	13	1	0
id: generateUID() in example/src/main.ts	13	1	0
id: generateUID() in example/src/main.ts	13	1	0
id: generateUID() in example/src/main.ts	13	1	0
id: generateUID() in example/src/main.ts	13	1	0
clearChildren = function() in src/helper/dom.ts	12	4	2
id: generateUID() in example/src/main.ts	12	1	0
id: generateUID() in example/src/main.ts	12	1	0
id: generateUID() in example/src/main.ts	12	1	0
id: generateUID() in example/src/main.ts	12	1	0
codeStringWithMarkup: unescapeHTML() in src/components/card/card-body.ts	11	3	1
public addCustomIcon() in src/components/icon/icon-importer.ts	11	2	1
private constructor() in src/helper/tabs-store.ts	11	4	2
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
id: generateUID() in example/src/main.ts	11	1	0
extendDomFunctionality = function() in src/helper/dom.ts	10	1	2