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 132 files with 5,935 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 1 medium size files (336 lines of codeclsfd_ftr_w_mp_ins)
- 13 small files (1,682 lines of code)
- 118 very small files (3,917 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 50)
| File | # lines | # units |
|---|---|---|
 DagGraph.ts in packages/redux-dag-history/src |
336 | 46 |
 index.tsx in packages/dag-history-component/src/components/History |
166 | 6 |
EditBookmark.tsx in packages/dag-history-component/src/components/Bookmark |
162 | 8 |
index.tsx in packages/dag-history-component/src/components/StateListManager |
138 | 3 |
index.tsx in packages/dag-history-component/src/components/StateListContainer |
137 | 3 |
creators.ts in packages/dag-history-component/src/state/actions |
130 | 3 |
index.tsx in packages/dag-history-component/src/components/BranchListContainer |
129 | 2 |
reducer.ts in packages/redux-dag-history/src |
125 | 5 |
index.tsx in packages/dag-history-component/src/components/State |
119 | 2 |
index.tsx in packages/dag-history-component/src/components/Transport |
119 | 9 |
index.tsx in packages/dag-history-component/stories/components/History |
118 | 2 |
Configuration.ts in packages/redux-dag-history/src |
115 | 24 |
styled.ts in packages/dag-history-component/src/components/Bookmark |
112 | - |
index.tsx in packages/dag-history-component/stories/components/State |
112 | - |
BookmarkListContainer.tsx in packages/dag-history-component/src/components/StoryboardingView |
97 | - |
index.tsx in packages/dag-history-component/src/components/DiscoveryTrail |
87 | 3 |
styled.ts in packages/dag-history-component/src/components/DiscoveryTrail |
86 | - |
index.tsx in packages/dag-history-component/src/components/OptionDropdown |
86 | 2 |
spans.ts in packages/dag-history-component/src/util |
84 | 10 |
index.tsx in packages/dag-history-component/src/components/StoryboardingView |
83 | - |
simulate.ts in packages/example/src/persister |
82 | 1 |
index.tsx in packages/dag-history-component/src/components/BookmarkList |
79 | 2 |
BookmarkActions.ts in packages/dag-history-component/src/util |
77 | 1 |
Bookmark.ts in packages/dag-history-component/src/util |
72 | 15 |
createHistoryContainer.tsx in packages/dag-history-component/src/components |
69 | - |
Bookmark.tsx in packages/dag-history-component/src/components/Bookmark |
68 | 1 |
index.tsx in packages/dag-history-component/src/components/Bookmark |
66 | 3 |
index.tsx in packages/dag-history-component/src/components/History/BranchedHistoryView |
66 | - |
index.tsx in packages/dag-history-component/src/components/History/SwitchingHistoryView |
66 | - |
index.tsx in packages/dag-history-component/src/components/StateList |
66 | 2 |
index.tsx in packages/dag-history-component/src/components/History/ChronologicalHistoryView |
65 | - |
styled.ts in packages/dag-history-component/src/components/State |
65 | - |
index.tsx in packages/dag-history-component/src/components/HistoryTabs |
63 | 1 |
index.tsx in packages/dag-history-component/stories/components/BranchProfile |
62 | - |
insert.ts in packages/redux-dag-history/src/DagHistory |
61 | 1 |
bookmarks.ts in packages/dag-history-component/src/state/reducers |
56 | 1 |
views.ts in packages/dag-history-component/src/state/reducers |
56 | 1 |
 styles.css in packages/dag-history-component |
56 | - |
app.css in packages/example/src |
55 | - |
playback.ts in packages/dag-history-component/src/state/reducers |
53 | 1 |
createHistory.ts in packages/redux-dag-history/src/DagHistory |
53 | 1 |
styled.ts in packages/dag-history-component/src/components/Branch |
52 | - |
styled.ts in packages/dag-history-component/src/components/HistoryTabs |
51 | - |
index.tsx in packages/dag-history-component/src/components/PlaybackPane |
51 | - |
dragDrop.ts in packages/dag-history-component/src/state/reducers |
50 | 1 |
index.tsx in packages/dag-history-component/src/components/HistoryTypeDropdown |
49 | - |
buttons.tsx in packages/dag-history-component/src/components/Transport |
48 | - |
index.tsx in packages/dag-history-component/src/components/Branch |
47 | - |
styled.ts in packages/dag-history-component/src/components/OptionDropdown |
47 | - |
index.ts in packages/example/src/state/reducers |
46 | 2 |
Files With Most Units (Top 20)
| File | # lines | # units |
|---|---|---|
DagGraph.ts in packages/redux-dag-history/src |
336 | 46 |
Configuration.ts in packages/redux-dag-history/src |
115 | 24 |
Bookmark.ts in packages/dag-history-component/src/util |
72 | 15 |
spans.ts in packages/dag-history-component/src/util |
84 | 10 |
index.tsx in packages/dag-history-component/src/components/Transport |
119 | 9 |
EditBookmark.tsx in packages/dag-history-component/src/components/Bookmark |
162 | 8 |
index.tsx in packages/dag-history-component/src/components/History |
166 | 6 |
reducer.ts in packages/redux-dag-history/src |
125 | 5 |
index.tsx in packages/dag-history-component/src/components/Bookmark |
66 | 3 |
index.tsx in packages/dag-history-component/src/components/DiscoveryTrail |
87 | 3 |
index.tsx in packages/dag-history-component/src/components/StateListContainer |
137 | 3 |
index.tsx in packages/dag-history-component/src/components/StateListManager |
138 | 3 |
Configuration.ts in packages/dag-history-component/src/state |
15 | 3 |
creators.ts in packages/dag-history-component/src/state/actions |
130 | 3 |
index.ts in packages/example/src/persister |
44 | 3 |
jump.ts in packages/redux-dag-history/src/DagHistory |
31 | 3 |
DragDropBookmark.tsx in packages/dag-history-component/src/components/Bookmark |
38 | 2 |
index.tsx in packages/dag-history-component/src/components/BookmarkList |
79 | 2 |
index.tsx in packages/dag-history-component/src/components/BranchListContainer |
129 | 2 |
index.tsx in packages/dag-history-component/src/components/Continuation |
37 | 2 |
Files With Long Lines (Top 1)
There is only one file with lines longer than 120 characters. In total, there is only one long line.
| File | # lines | # units | # long lines |
|---|---|---|---|
index.tsx in packages/dag-history-component/src/components/History |
166 | 6 | 1 |