microsoft / arcade-machine-react
File Size

The distribution of size of files (measured in lines of code).

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 38 files with 1,729 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
    • 2 small files (314 lines of code)
    • 36 very small files (1,415 lines of code)
0% | 0% | 0% | 18% | 81%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
ts0% | 0% | 0% | 24% | 75%
tsx0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 0% | 45% | 54%
src/focus0% | 0% | 0% | 33% | 66%
src/components0% | 0% | 0% | 0% | 100%
src/input0% | 0% | 0% | 0% | 100%
src/scroll0% | 0% | 0% | 0% | 100%
src/state0% | 0% | 0% | 0% | 100%
Longest Files (Top 38)
File# lines# units
focus-service.ts
in src
 174 8
focus-by-distance.ts
in src/focus
 140 8
arc-root.tsx
in src/components
 93 5
arc-scope.tsx
in src/components
 83 5
gamepad-input.ts
in src/input
 82 4
element-state-record.ts
in src/state
 65 5
model.ts
in src
 64 3
arc-focus-trap.tsx
in src/components
 63 4
focus-by-raycast.ts
in src/focus
 62 1
arc-exclude.tsx
in src/components
 58 4
keyboard-input.ts
in src/input
 58 -
smooth-scrolling-algorithm.ts
in src/scroll
 56 2
is-for-form.ts
in src/focus
 54 1
arc-focus-area.tsx
in src/components
 53 3
index.ts
in src/focus
 48 1
xbox-gamepad.ts
in src/input
 45 2
arc-scrollable.tsx
in src/components
 42 3
singleton.ts
in src
 42 3
directional-debouncer.ts
in src/input
 41 1
dom-utils.ts
in src/focus
 39 4
focus-by-registry.ts
in src/focus
 34 1
arc-autofocus.tsx
in src/components
 33 2
state-container.ts
in src/state
 33 4
native-smooth-scrolling.ts
in src/scroll
 31 1
virtual-element-store.ts
in src/focus
 28 3
index.ts
in src/scroll
 28 1
arc-focus-event.ts
in src
 25 2
scroll-registry.ts
in src/scroll
 25 3
arc-event.ts
in src
 19 2
root-store.ts
in src
 19 4
index.ts
in src
 14 -
internal-types.ts
in src
 14 2
util.ts
in src/scroll
 14 2
input.ts
in src
 12 -
fired-debouncer.ts
in src/input
 10 1
input-method.ts
in src/input
 10 -
native-element-store.ts
in src/focus
 9 2
gamepad.ts
in src/input
 9 -
Files With Most Units (Top 20)
File# lines# units
focus-service.ts
in src
 174 8
focus-by-distance.ts
in src/focus
 140 8
arc-root.tsx
in src/components
 93 5
arc-scope.tsx
in src/components
 83 5
element-state-record.ts
in src/state
 65 5
arc-exclude.tsx
in src/components
 58 4
arc-focus-trap.tsx
in src/components
 63 4
dom-utils.ts
in src/focus
 39 4
gamepad-input.ts
in src/input
 82 4
root-store.ts
in src
 19 4
state-container.ts
in src/state
 33 4
arc-focus-area.tsx
in src/components
 53 3
arc-scrollable.tsx
in src/components
 42 3
virtual-element-store.ts
in src/focus
 28 3
model.ts
in src
 64 3
scroll-registry.ts
in src/scroll
 25 3
singleton.ts
in src
 42 3
arc-event.ts
in src
 19 2
arc-focus-event.ts
in src
 25 2
arc-autofocus.tsx
in src/components
 33 2
Files With Long Lines (Top 0)

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

File# lines# units# long lines