openai / openai-imagegen-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 29 files with 1,943 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (343 lines of code)
    • 7 small files (853 lines of code)
    • 21 very small files (747 lines of code)
0% | 0% | 17% | 43% | 38%
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% | 32% | 37% | 29%
tsx0% | 0% | 0% | 45% | 54%
css0% | 0% | 0% | 100% | 0%
mjs0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
app0% | 0% | 47% | 47% | 4%
hooks0% | 0% | 0% | 100% | 0%
services0% | 0% | 0% | 100% | 0%
components0% | 0% | 0% | 22% | 77%
lib0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
types0% | 0% | 0% | 0% | 100%
Longest Files (Top 29)
File# lines# units
route.ts
in app/api/photobooth
343 22
150 -
imagegen-api.ts
in services
128 -
124 -
118 -
page.tsx
in app
117 -
page.tsx
in app/results
109 1
capture-stage.tsx
in components/photobooth
107 -
result-image-card.tsx
in components/photobooth
93 -
result-preview-modal.tsx
in components/photobooth
68 -
60 -
57 1
style-option-card.tsx
in components/photobooth
49 -
style-options-list.tsx
in components/photobooth
46 -
button.tsx
in components/ui
46 -
44 -
file-utils.ts
in lib/browser
39 -
desktop-style-panel.tsx
in components/photobooth
35 -
35 1
mobile-style-strip.tsx
in components/photobooth
33 -
sse.ts
in lib
28 -
23 -
22 -
21 -
17 -
17 -
utils.ts
in lib
5 1
5 -
4 -
Files With Most Units (Top 5)
File# lines# units
route.ts
in app/api/photobooth
343 22
utils.ts
in lib
5 1
page.tsx
in app/results
109 1
35 1
57 1
Files With Long Lines (Top 10)

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

File# lines# units# long lines
60 - 6
result-preview-modal.tsx
in components/photobooth
68 - 3
result-image-card.tsx
in components/photobooth
93 - 2
capture-stage.tsx
in components/photobooth
107 - 2
page.tsx
in app
117 - 2
17 - 1
style-option-card.tsx
in components/photobooth
49 - 1
desktop-style-panel.tsx
in components/photobooth
35 - 1
button.tsx
in components/ui
46 - 1
page.tsx
in app/results
109 1 1