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 23 files with 401 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)
- 0 small files (0 lines of code)
- 23 very small files (401 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 23)
| File | # lines | # units |
|---|---|---|
 Main.tsx in src/components |
79 | 4 |
NewTaskInput.tsx in src/components/header |
32 | - |
 jasmine.js in root |
29 | - |
FilterButton.tsx in src/components/footer |
26 | 2 |
 removeAllCompleted.ts in src/actions |
21 | 1 |
 index.html in root |
19 | - |
addItem.ts in src/actions |
19 | 3 |
removeItem.ts in src/actions |
18 | 1 |
schema.ts in src/store |
18 | - |
Footer.tsx in src/components/footer |
16 | - |
toggleEditItem.ts in src/actions |
13 | 1 |
App.tsx in src/components |
13 | 1 |
bootstrap.tsx in src |
12 | - |
ItemsLeftCount.tsx in src/components/footer |
12 | 1 |
toggleAllCompleted.ts in src/actions |
11 | 1 |
updateItem.ts in src/actions |
11 | 1 |
store.ts in src/store |
11 | - |
toggleCompleted.ts in src/actions |
9 | 1 |
setFilter.ts in src/actions |
8 | 1 |
Header.tsx in src/components/header |
8 | - |
updateEditItemValue.ts in src/actions |
7 | 1 |
updateTextboxValue.ts in src/actions |
7 | 1 |
index.ts in src |
2 | - |
Files With Most Units (Top 14)
| File | # lines | # units |
|---|---|---|
Main.tsx in src/components |
79 | 4 |
addItem.ts in src/actions |
19 | 3 |
FilterButton.tsx in src/components/footer |
26 | 2 |
removeAllCompleted.ts in src/actions |
21 | 1 |
removeItem.ts in src/actions |
18 | 1 |
setFilter.ts in src/actions |
8 | 1 |
toggleAllCompleted.ts in src/actions |
11 | 1 |
toggleCompleted.ts in src/actions |
9 | 1 |
toggleEditItem.ts in src/actions |
13 | 1 |
updateEditItemValue.ts in src/actions |
7 | 1 |
updateItem.ts in src/actions |
11 | 1 |
updateTextboxValue.ts in src/actions |
7 | 1 |
App.tsx in src/components |
13 | 1 |
ItemsLeftCount.tsx in src/components/footer |
12 | 1 |
Files With Long Lines (Top 1)
There is only one file with lines longer than 120 characters. In total, there are 2 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
Main.tsx in src/components |
79 | 4 | 2 |