aws-samples / amazon-ivs-feed-web-demo
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 44 files with 1,681 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)
    • 3 small files (446 lines of code)
    • 41 very small files (1,235 lines of code)
0% | 0% | 0% | 26% | 73%
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
jsx0% | 0% | 0% | 37% | 62%
js0% | 0% | 0% | 32% | 67%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components/feed/Player0% | 0% | 0% | 50% | 49%
src/components/feed0% | 0% | 0% | 90% | 9%
src/components/hooks0% | 0% | 0% | 92% | 7%
src0% | 0% | 0% | 0% | 100%
src/components/feed/StreamMetadata0% | 0% | 0% | 0% | 100%
src/contexts/Stream0% | 0% | 0% | 0% | 100%
src/components/feed/Like0% | 0% | 0% | 0% | 100%
src/components/common/Button0% | 0% | 0% | 0% | 100%
src/components/feed/Snackbar0% | 0% | 0% | 0% | 100%
src/contexts/MobileBreakpoint0% | 0% | 0% | 0% | 100%
src/components/common/Spinner0% | 0% | 0% | 0% | 100%
src/assets/icons0% | 0% | 0% | 0% | 100%
public0% | 0% | 0% | 0% | 100%
Longest Files (Top 44)
File# lines# units
Player.jsx
in src/components/feed/Player
159 -
Feed.jsx
in src/components/feed
146 -
usePlayer.js
in src/components/hooks
141 -
serviceWorker.js
in src
98 4
StreamMetadata.css
in src/components/feed/StreamMetadata
91 -
StreamMetadata.jsx
in src/components/feed/StreamMetadata
88 -
CircularLinkedList.js
in src/contexts/Stream
82 7
App.jsx
in src
79 -
Player.css
in src/components/feed/Player
74 -
provider.jsx
in src/contexts/Stream
64 -
Heart.jsx
in src/components/feed/Like
64 -
App.css
in src
61 -
utils.js
in src
47 -
PlayerControls.jsx
in src/components/feed/Player/PlayerControls
46 -
Like.css
in src/components/feed/Like
39 -
index.css
in src
33 -
Like.jsx
in src/components/feed/Like
33 -
PlayerControls.css
in src/components/feed/Player/PlayerControls
32 -
Button.jsx
in src/components/common/Button
29 -
Button.css
in src/components/common/Button
28 -
index.jsx
in src
25 -
Snackbar.css
in src/components/feed/Snackbar
25 -
Spinner.css
in src/components/common/Spinner
25 -
provider.jsx
in src/contexts/MobileBreakpoint
22 -
spinner.jsx
in src/assets/icons
21 -
Snackbar.jsx
in src/components/feed/Snackbar
20 -
index.html
in public
19 -
Feed.css
in src/components/feed
14 -
useMobileBreakpoint.js
in src/contexts/MobileBreakpoint
12 -
config.js
in src
11 -
useThrottledCallback.js
in src/components/hooks
11 -
index.js
in src/assets/icons
10 -
useStream.js
in src/contexts/Stream
10 -
Spinner.jsx
in src/components/common/Spinner
10 -
context.js
in src/contexts/Stream
2 -
context.js
in src/contexts/MobileBreakpoint
2 -
index.js
in src/components/feed
1 -
index.js
in src/components/feed/Snackbar
1 -
index.js
in src/components/feed/Like
1 -
index.js
in src/components/feed/Player
1 -
index.js
in src/components/feed/Player/PlayerControls
1 -
index.js
in src/components/feed/StreamMetadata
1 -
index.js
in src/components/common/Button
1 -
index.js
in src/components/common/Spinner
1 -
Files With Most Units (Top 2)
File# lines# units
CircularLinkedList.js
in src/contexts/Stream
82 7
serviceWorker.js
in src
98 4
Files With Long Lines (Top 3)

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

File# lines# units# long lines
Player.jsx
in src/components/feed/Player
159 - 4
App.jsx
in src
79 - 1
provider.jsx
in src/contexts/Stream
64 - 1