gitlab-org / gitlab-svgs

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

Legend:

1001+

501-1000

201-500

101-200

1-100

File Size per Extension

1001+

501-1000

201-500

101-200

1-100

File Size per Logical Decomposition

primary

1001+

501-1000

201-500

101-200

1-100

Longest Files (Top 31)

File	# lines	# units
file_icon_map.js in src	634	1
svg_album.vue in svgpreviewer/components	179	-
svg_sprite.js in build_scripts/src	122	4
svg_card.vue in svgpreviewer/components	118	-
nuxt.config.js in root	87	2
index.js in build_scripts	75	6
menu_bar.vue in svgpreviewer/components	65	-
utils.js in build_scripts/src	57	6
svg_optimization.js in build_scripts/src	39	-
index.vue in svgpreviewer/pages	31	-
logos.js in build_scripts/src	31	-
dark_mode_toggle.vue in svgpreviewer/components	30	-
illustrations.vue in svgpreviewer/pages	27	-
sync_state_to_query_params.js in svgpreviewer/helpers	26	2
file_icons.vue in svgpreviewer/pages	26	-
logos.vue in svgpreviewer/pages	24	-
illustrations.js in build_scripts/src	24	-
mode.js in svgpreviewer/store	21	3
copy_to_clipboard.js in svgpreviewer/helpers	18	1
default.vue in svgpreviewer/layouts	17	-
used_file_icons.js in build_scripts	14	-
tailwind.config.js in root	10	-
fix_url_in_review_app.js in svgpreviewer/helpers	9	-
icon_store.js in svgpreviewer/store	8	-
gitlab_ui.js in svgpreviewer/helpers	6	-
postcss.config.js in root	6	-
patched_crypto.js in build_scripts	5	-
tailwind.css in svgpreviewer/assets	3	-
unit_utils.js in svgpreviewer/helpers	3	-
index.js in root	2	-
app.scss in svgpreviewer/assets	1	-

Files With Most Units (Top 8)

File	# lines	# units
utils.js in build_scripts/src	57	6
index.js in build_scripts	75	6
svg_sprite.js in build_scripts/src	122	4
mode.js in svgpreviewer/store	21	3
sync_state_to_query_params.js in svgpreviewer/helpers	26	2
nuxt.config.js in root	87	2
copy_to_clipboard.js in svgpreviewer/helpers	18	1
file_icon_map.js in src	634	1

Files With Long Lines (Top 2)

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

File	# lines	# units	# long lines
dark_mode_toggle.vue in svgpreviewer/components	30	-	2
menu_bar.vue in svgpreviewer/components	65	-	1