mozilla / glam - File Size

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 199 files with 16,494 lines of code.

0 very long files (0 lines of code)
4 long files (2,642 lines of code)
13 medium size files (3,344 lines of codeclsfd_ftr_w_mp_ins)
28 small files (4,093 lines of code)
154 very small files (6,415 lines of code)

Legend:

1001+

501-1000

201-500

101-200

1-100

explore: grouped by folders | grouped by size | sunburst | 3D view

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 50)

File	# lines	# units
global.css in public/static	953	-
svelte ProbeExplorer.svelte in src/components/explore	596	-
views.py in glam/api	590	21
svelte DataGraphic.svelte in src/components/datagraphic	503	-
svelte AggregationsOverTimeGraph.svelte in src/components/explore	386	-
svelte SqlModal.svelte in src/components	320	-
svelte SearchResults.svelte in src/components/search	300	-
svelte GleanDetails.svelte in src/routing/pages/probe	283	-
svelte ChartContextMenu.svelte in src/components	244	-
svelte TableView.svelte in src/components/table	239	-
glean-base.js in src/config	236	9
svelte FirefoxLegacyDetails.svelte in src/routing/pages/probe	232	-
models.py in glam/api	231	1
transform-data.js in src/utils	225	17
svelte Fonts.svelte in stories/basics	223	-
svelte ProportionExplorerView.svelte in src/components/explore	220	-
svelte DistributionComparisonModal.svelte in src/components	205	-
firefox-desktop.js in src/config	200	7
svelte Search.svelte in src/components/search	198	-
svelte QuantileExplorerView.svelte in src/components/explore	197	-
svelte ComparisonSummary.svelte in src/components/explore	196	-
store.js in src/state	190	12
0006_desktop_models.py in glam/api/migrations	178	-
svelte Color01.svelte in stories/basics	174	-
settings.py in glam	166	3
svelte GlamErrorShapes.svelte in src/components/errors	161	-
svelte Home.svelte in src/routing/pages	161	-
svelte AggregationComparisonGraph.svelte in src/components/explore	150	-
svelte GenericQuantileView.svelte in stories/data-graphics/GLAM	149	-
svelte SampleCountOverTimeGraph.svelte in src/components/explore	145	-
svelte ClientVolumeOverTimeGraph.svelte in src/components/explore	145	-
svelte GenericProportionView.svelte in stories/data-graphics/GLAM	145	-
svelte CategoricalMenu.svelte in src/components/explore	143	-
0022_sample_counts.py in glam/api/migrations	137	-
svelte ToplineMetrics.svelte in src/components/explore	131	-
constants.js in src/utils	127	7
svelte Proportion.svelte in src/components/home	125	-
import_glean_aggs.py in glam/api/management/commands	117	5
0003_betaaggregation_nightlyaggregation_releaseaggregation.py in glam/api/migrations	116	-
svelte AggregationTypeSelector.svelte in src/components/controls	110	-
svelte CompareSampleCountGraph.svelte in src/components/explore	110	-
svelte CompareClientVolumeGraph.svelte in src/components/explore	110	-
svelte ToplineRow.svelte in src/components/explore	108	-
svelte Cell.svelte in src/components/table	103	-
tpl desktop-telemetry.tpl in src/stringTemplates	101	-
import_probes.py in glam/api/management/commands	98	7
svelte Modal.svelte in src/components	98	-
shared.js in src/config	95	8
svelte Violin.svelte in src/components/home	94	-
svelte DimensionMenu.svelte in src/components/controls	94	-

Files With Most Units (Top 36)

File	# lines	# units
views.py in glam/api	590	21
transform-data.js in src/utils	225	17
store.js in src/state	190	12
glean-base.js in src/config	236	9
stats.js in src/utils	62	8
probe-utils.js in src/utils	39	8
shared.js in src/config	95	8
import_probes.py in glam/api/management/commands	98	7
create-store.js in src/utils	64	7
build-id-utils.js in src/utils	49	7
constants.js in src/utils	127	7
firefox-desktop.js in src/config	200	7
import_glean_aggs.py in glam/api/management/commands	117	5
api.js in src/state	82	5
import_revisions.py in glam/api/management/commands	72	4
import_desktop_aggs.py in glam/api/management/commands	81	4
import_user_counts.py in glam/api/management/commands	66	4
import_glean_counts.py in glam/api/management/commands	75	4
mouse-position.js in src/components/datagraphic	57	4
extents.js in src/components/datagraphic	47	4
animation.js in src/utils	62	4
color-maps.js in src/utils	31	4
settings.py in glam	166	3
0026_fix_windows_release_sample_count.py in glam/api/migrations	57	3
0027_fix_fog_user_count_after_sampling.py in glam/api/migrations	48	3
urls.js in src/utils	44	3
0009_compress_json.py in glam/api/migrations	28	2
0018_load_initial_shas.py in glam/api/migrations	54	2
middleware.py in glam	11	1
models.py in glam/api	231	1
0028_cache_table.py in glam/api/migrations	11	1
0023_delete_sqlite_probes.py in glam/api/migrations	16	1
sm-logic.js in src/components/home	9	1
sort.js in src/utils	3	1
download.js in src/utils	14	1
data-validation.js in src/utils	24	1

Files With Long Lines (Top 29)

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

File	# lines	# units	# long lines
svelte Graphs.svelte in src/components/icons	78	-	15
0025_non_normalized_aggregations.py in glam/api/migrations	90	-	4
svelte GlamErrorShapes.svelte in src/components/errors	161	-	4
svelte LookerLogo.svelte in src/components/icons	34	-	4
svelte GLAMText.svelte in src/components/icons	51	-	3
svelte MainSelectors.svelte in src/components/regions	86	-	3
svelte Brackets.svelte in src/components/icons	30	-	2
svelte ExternalLink.svelte in src/components/icons	16	-	2
0007_desktop_views.py in glam/api/migrations	26	-	1
0022_sample_counts.py in glam/api/migrations	137	-	1
svelte ProbeViewControl.svelte in src/components/controls	42	-	1
svelte TableView.svelte in src/components/table	239	-	1
svelte ZoomIn.svelte in src/components/icons	22	-	1
svelte FileCopy.svelte in src/components/icons	15	-	1
svelte GitBranch.svelte in src/components/icons	16	-	1
svelte BarGraph.svelte in src/components/icons	50	-	1
svelte Database.svelte in src/components/icons	18	-	1
svelte ToplineMetrics.svelte in src/components/explore	131	-	1
svelte AggregationsOverTimeGraph.svelte in src/components/explore	386	-	1
svelte AggregationComparisonGraph.svelte in src/components/explore	150	-	1
svelte QuantileExplorerView.svelte in src/components/explore	197	-	1
svelte ComparisonSummary.svelte in src/components/explore	196	-	1
svelte ReleaseVersionMarkers.svelte in src/components	41	-	1
svelte SearchResults.svelte in src/components/search	300	-	1
svelte Search.svelte in src/components/search	198	-	1
api.js in src/state	82	5	1
svelte Probe.svelte in src/routing/wrappers	44	-	1
svelte GleanDetails.svelte in src/routing/pages/probe	283	-	1
tpl fog-telemetry.tpl in src/stringTemplates	60	-	1