uber / nebula.gl 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 138 files with 12,400 lines of code.

0 very long files (0 lines of code)
1 long files (541 lines of code)
15 medium size files (4,251 lines of codeclsfd_ftr_w_mp_ins)
27 small files (3,875 lines of code)
95 very small files (3,733 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
editor.tsx in modules/react-map-gl-draw/src	541	1
editable-geojson-layer.ts in modules/layers/src/layers	483	33
mode-handler.tsx in modules/react-map-gl-draw/src	454	9
utils.ts in modules/edit-modes/src	381	17
immutable-feature-collection.ts in modules/edit-modes/src/lib	325	17
mode-handler.ts in modules/layers/src/mode-handlers	317	5
editing-mode.ts in modules/react-map-gl-draw/src/edit-modes	257	6
modify-mode.ts in modules/edit-modes/src/lib	251	3
nebula.ts in modules/main/src/lib	250	15
geojson-edit-mode.ts in modules/edit-modes/src/lib	234	1
import-component.tsx in modules/editor/src	226	4
toolbox.tsx in modules/editor/src	223	3
extrude-mode.ts in modules/edit-modes/src/lib	222	3
modify-handler.ts in modules/layers/src/mode-handlers	218	-
extrude-handler.ts in modules/layers/src/mode-handlers	209	4
scale-mode.ts in modules/edit-modes/src/lib	201	5
deck-drawer.ts in modules/main/src/lib/deck-renderer	192	6
editable-layer.ts in modules/layers/src/layers	187	17
editable-h3-cluster-layer.ts in modules/layers/src/layers	180	6
measure-distance-mode.ts in modules/edit-modes/src/lib	176	4
draw-90degree-polygon-mode.ts in modules/edit-modes/src/lib	175	4
resize-circle-mode.ts in modules/edit-modes/src/lib	168	2
selection-layer.ts in modules/layers/src/layers	167	4
importer.ts in modules/editor/src/lib	161	10
draw-90degree-polygon-handler.ts in modules/layers/src/mode-handlers	160	2
split-polygon-mode.ts in modules/edit-modes/src/lib	159	4
draw-line-string-mode.ts in modules/edit-modes/src/lib	157	4
path-marker-layer.ts in modules/layers/src/layers/path-marker-layer	153	6
draw-polygon-mode.ts in modules/edit-modes/src/lib	145	3
rotate-mode.ts in modules/edit-modes/src/lib	145	5
split-polygon-handler.ts in modules/layers/src/mode-handlers	143	2
snappable-handler.ts in modules/layers/src/mode-handlers	138	2
snappable-mode.ts in modules/edit-modes/src/lib	134	5
export-component.tsx in modules/editor/src	130	3
translate-mode.ts in modules/edit-modes/src/lib	129	5
utils.ts in modules/layers/src	125	7
path-outline-layer.ts in modules/layers/src/layers/path-outline-layer	116	10
style.ts in modules/react-map-gl-draw/src	111	2
utils.ts in modules/react-map-gl-draw/src/edit-modes	107	7
exporter.ts in modules/editor/src/lib	106	5
two-click-polygon-mode.ts in modules/edit-modes/src/lib	105	3
ocular-config.js in website	105	2
segments-layer.ts in modules/main/src/lib/layers	101	2
measure-angle-mode.ts in modules/edit-modes/src/lib	99	1
types.ts in modules/edit-modes/src	96	-
three-click-polygon-mode.ts in modules/edit-modes/src/lib	95	2
draw-polygon-handler.ts in modules/layers/src/mode-handlers	91	-
draw-polygon-by-dragging-mode.ts in modules/edit-modes/src/lib	88	6
translate-handler.ts in modules/layers/src/mode-handlers	86	-
draw-line-string-handler.ts in modules/layers/src/mode-handlers	85	-

Files With Most Units (Top 50)

File	# lines	# units
editable-geojson-layer.ts in modules/layers/src/layers	483	33
utils.ts in modules/edit-modes/src	381	17
immutable-feature-collection.ts in modules/edit-modes/src/lib	325	17
editable-layer.ts in modules/layers/src/layers	187	17
nebula.ts in modules/main/src/lib	250	15
path-outline-layer.ts in modules/layers/src/layers/path-outline-layer	116	10
importer.ts in modules/editor/src/lib	161	10
mode-handler.tsx in modules/react-map-gl-draw/src	454	9
utils.ts in modules/react-map-gl-draw/src/edit-modes	107	7
utils.ts in modules/layers/src	125	7
draw-polygon-by-dragging-mode.ts in modules/edit-modes/src/lib	88	6
base-mode.ts in modules/react-map-gl-draw/src/edit-modes	76	6
editing-mode.ts in modules/react-map-gl-draw/src/edit-modes	257	6
outline.ts in modules/layers/src/shaderlib/outline	84	6
path-marker-layer.ts in modules/layers/src/layers/path-marker-layer	153	6
editable-h3-cluster-layer.ts in modules/layers/src/layers	180	6
deck-drawer.ts in modules/main/src/lib/deck-renderer	192	6
scale-mode.ts in modules/edit-modes/src/lib	201	5
snappable-mode.ts in modules/edit-modes/src/lib	134	5
translate-mode.ts in modules/edit-modes/src/lib	129	5
rotate-mode.ts in modules/edit-modes/src/lib	145	5
mode-handler.ts in modules/layers/src/mode-handlers	317	5
exporter.ts in modules/editor/src/lib	106	5
measure-distance-mode.ts in modules/edit-modes/src/lib	176	4
split-polygon-mode.ts in modules/edit-modes/src/lib	159	4
draw-line-string-mode.ts in modules/edit-modes/src/lib	157	4
transform-mode.ts in modules/edit-modes/src/lib	57	4
draw-90degree-polygon-mode.ts in modules/edit-modes/src/lib	175	4
elevation-mode.ts in modules/edit-modes/src/lib	68	4
selection-layer.ts in modules/layers/src/layers	167	4
extrude-handler.ts in modules/layers/src/mode-handlers	209	4
deck-cache.ts in modules/main/src/lib/deck-renderer	49	4
import-component.tsx in modules/editor/src	226	4
html-overlay.tsx in modules/overlays/src	70	4
bump.js in scripts	79	3
extrude-mode.ts in modules/edit-modes/src/lib	222	3
modify-mode.ts in modules/edit-modes/src/lib	251	3
two-click-polygon-mode.ts in modules/edit-modes/src/lib	105	3
draw-polygon-mode.ts in modules/edit-modes/src/lib	145	3
math.ts in modules/layers/src	16	3
utils.ts in modules/layers/src/shaderlib/utils	25	3
color.ts in modules/layers/src/shaderlib/color	42	3
math.ts in modules/main/src/lib	16	3
toolbox.tsx in modules/editor/src	223	3
export-component.tsx in modules/editor/src	130	3
resize-circle-mode.ts in modules/edit-modes/src/lib	168	2
extend-line-string-mode.ts in modules/edit-modes/src/lib	71	2
duplicate-mode.ts in modules/edit-modes/src/lib	18	2
three-click-polygon-mode.ts in modules/edit-modes/src/lib	95	2
memoize.ts in modules/edit-modes/src	32	2

Files With Long Lines (Top 2)

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

File	# lines	# units	# long lines
editor-modal.tsx in modules/editor/src	81	2	1
gatsby-config.js in website	33	-	1