File Size Overall
  • There are 38 files with 2,214 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 2 medium size files (481 lines of code)
    • 4 small files (530 lines of code)
    • 32 very small files (1,203 lines of code)
0% | 0% | 21% | 23% | 54%
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
ts0% | 0% | 37% | 0% | 62%
tsx0% | 0% | 18% | 33% | 47%
css0% | 0% | 0% | 52% | 47%
js0% | 0% | 0% | 0% | 100%
mjs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 23% | 25% | 51%
ROOT0% | 0% | 0% | 0% | 100%
public0% | 0% | 0% | 0% | 100%
Longest Files (Top 38)
File# lines# units
library.ts
in src/lib
266 1
TTSPage.tsx
in src/components
215 1
PlayButton.tsx
in src/components
163 -
DownloadButton.tsx
in src/components
130 1
Button.module.css
in src/components/ui
127 -
DevMode.tsx
in src/components/ui
110 -
route.ts
in src/app/api/generate
100 2
Header.tsx
in src/components/ui
82 -
store.ts
in src/lib
81 1
Button.tsx
in src/components/ui
70 -
ShareDialog.tsx
in src/components
57 -
ShareButton.tsx
in src/components
55 -
Block.tsx
in src/components/ui
54 -
codeSnippet.ts
in src/lib
52 -
49 2
globals.css
in src/app
47 -
46 -
46 1
layout.tsx
in src/app
43 1
41 2
route.ts
in src/app/api/share
39 2
Footer.tsx
in src/components/ui
39 -
CodeCopyButton.tsx
in src/components
36 -
Switcher.module.css
in src/components/ui
33 -
Switcher.tsx
in src/components/ui
32 -
Footer.module.css
in src/components/ui
29 -
useAudioClip.tsx
in src/hooks
28 -
copyText.ts
in src/lib
28 1
BrowserNotSupported.tsx
in src/components/ui
23 -
23 -
useCopiedDelay.tsx
in src/hooks
17 -
15 -
12 -
ClientDynamicTTS.tsx
in src/components
8 -
types.ts
in src/lib
6 -
DevMode.module.css
in src/components/ui
5 -
4 -
page.tsx
in src/app
3 -
Files With Most Units (Top 11)
File# lines# units
49 2
route.ts
in src/app/api/generate
100 2
route.ts
in src/app/api/share
39 2
41 2
layout.tsx
in src/app
43 1
46 1
DownloadButton.tsx
in src/components
130 1
TTSPage.tsx
in src/components
215 1
copyText.ts
in src/lib
28 1
library.ts
in src/lib
266 1
store.ts
in src/lib
81 1
Files With Long Lines (Top 5)

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

File# lines# units# long lines
library.ts
in src/lib
266 1 58
Header.tsx
in src/components/ui
82 - 8
TTSPage.tsx
in src/components
215 1 5
ShareDialog.tsx
in src/components
57 - 4
BrowserNotSupported.tsx
in src/components/ui
23 - 1
Correlations

File Size vs. Commits (all time): 0 points

No data for "commits (all time)" vs. "lines of code".

File Size vs. Contributors (all time): 0 points

No data for "contributors (all time)" vs. "lines of code".


File Size vs. Commits (30 days): 0 points

No data for "commits (30d)" vs. "lines of code".

File Size vs. Contributors (30 days): 0 points

No data for "contributors (30d)" vs. "lines of code".


File Size vs. Commits (90 days): 0 points

No data for "commits (90d)" vs. "lines of code".

File Size vs. Contributors (90 days): 0 points

No data for "contributors (90d)" vs. "lines of code".

About This Analysis
  • 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...