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.
File Size Overall
- There are 14 files with 5,321 lines of code.
- 1 very long files (4,654 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (204 lines of codeclsfd_ftr_w_mp_ins)
- 1 small files (173 lines of code)
- 11 very small files (290 lines of code)
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
File Size per Logical Decomposition
primary
Longest Files (Top 14)
| File | # lines | # units |
|---|---|---|
 pnpm-lock.yaml in root |
4654 | - |
 static-site.ts in packages/secure-static-site/lib |
204 | 1 |
 ResourcesTable.tsx in packages/secure-static-site-frontend/src |
173 | 7 |
createWafRules.ts in packages/secure-static-site/lib |
89 | - |
responseHeaders.ts in packages/secure-static-site/lib |
86 | 5 |
App.tsx in packages/secure-static-site-frontend/src |
28 | - |
buildStaticSite.ts in packages/secure-static-site/lib |
23 | 2 |
StatusChip.tsx in packages/secure-static-site-frontend/src |
16 | 1 |
main.tsx in packages/secure-static-site-frontend/src |
13 | - |
 index.html in packages/secure-static-site-frontend |
13 | - |
 jest.config.js in packages/secure-static-site |
8 | - |
viewerResponseFn.js in packages/secure-static-site/lib |
7 | 1 |
vite.config.ts in packages/secure-static-site-frontend |
5 | 1 |
pnpm-workspace.yaml in root |
2 | - |
Files With Most Units (Top 7)
| File | # lines | # units |
|---|---|---|
ResourcesTable.tsx in packages/secure-static-site-frontend/src |
173 | 7 |
responseHeaders.ts in packages/secure-static-site/lib |
86 | 5 |
buildStaticSite.ts in packages/secure-static-site/lib |
23 | 2 |
vite.config.ts in packages/secure-static-site-frontend |
5 | 1 |
StatusChip.tsx in packages/secure-static-site-frontend/src |
16 | 1 |
static-site.ts in packages/secure-static-site/lib |
204 | 1 |
viewerResponseFn.js in packages/secure-static-site/lib |
7 | 1 |
Files With Long Lines (Top 2)
There are 2 files with lines longer than 120 characters. In total, there are 562 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
pnpm-lock.yaml in root |
4654 | - | 557 |
ResourcesTable.tsx in packages/secure-static-site-frontend/src |
173 | 7 | 5 |