microsoft / dag-history-component
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 96 files with 4,508 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)
    • 10 small files (1,287 lines of code)
    • 86 very small files (3,221 lines of code)
0% | 0% | 0% | 28% | 71%
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
tsx0% | 0% | 0% | 41% | 58%
scss0% | 0% | 0% | 19% | 80%
ts0% | 0% | 0% | 0% | 100%
js0% | 0% | 0% | 0% | 100%
yml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components0% | 0% | 0% | 32% | 67%
stories/components0% | 0% | 0% | 73% | 26%
src/state0% | 0% | 0% | 0% | 100%
src/util0% | 0% | 0% | 0% | 100%
example/components0% | 0% | 0% | 0% | 100%
example/state0% | 0% | 0% | 0% | 100%
example/persister0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
example0% | 0% | 0% | 0% | 100%
src0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
stories0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
index.tsx
in src/components/History
174 7
EditBookmark.tsx
in src/components/Bookmark
155 8
index.tsx
in src/components/Transport
137 9
BranchListContainer.tsx
in src/components/History/HistoryView
133 2
State.tsx
in src/components/State
124 2
Bookmark.scss
in src/components/Bookmark
123 -
StateListContainer.tsx
in src/components/History/HistoryView
123 2
index.tsx
in stories/components/StateList
111 14
index.tsx
in stories/components/BranchProfile
106 -
index.tsx
in stories/components/State
101 -
index.tsx
in src/components/DiscoveryTrail
97 2
index.tsx
in src/components/OptionDropdown
95 1
creators.ts
in src/state/actions
90 1
BranchedHistoryView.tsx
in src/components/History/HistoryView
89 1
spans.ts
in src/util
83 10
BookmarkListContainer.tsx
in src/components/History/StoryboardingView
81 -
History.scss
in src/components/History
78 -
ChronologicalHistoryView.tsx
in src/components/History/HistoryView
78 1
index.tsx
in src/components/History/StoryboardingView
77 -
Bookmark.ts
in src/util
75 15
index.tsx
in src/components/History/HistoryView
74 -
BookmarkActions.ts
in src/components/History
73 1
index.tsx
in src/components/BookmarkList
69 1
Bookmark.tsx
in src/components/Bookmark
68 -
DiscoveryTrail.scss
in src/components/DiscoveryTrail
68 -
EditableBookmark.tsx
in src/components/Bookmark
67 3
index.tsx
in src/components/BranchProfile
65 1
HistoryTabs.tsx
in src/components/History
64 2
State.scss
in src/components/State
63 -
index.tsx
in src/components/Bookmark
59 3
index.tsx
in src/components/StateList
57 -
Branch.scss
in src/components/Branch
56 -
index.tsx
in src/components/State
56 1
index.ts
in example/state/reducers
55 3
app.scss
in example
54 -
index.tsx
in src/components/Branch
53 -
calculateSpans.ts
in src/components/BranchProfile
53 1
index.tsx
in src/components/PlaybackPane
53 -
bookmarks.ts
in src/state/reducers
52 1
createHistoryContainer.tsx
in src/components
50 -
simulate.ts
in example/persister
49 1
VisualB.tsx
in example/components/visuals
47 2
OptionDropdown.scss
in src/components/OptionDropdown
46 -
views.ts
in src/state/reducers
44 1
playback.ts
in src/state/reducers
43 1
index.tsx
in src/components/Continuation
42 2
index.ts
in example/persister
41 3
wallaby.conf.js
in root
40 1
dragDrop.ts
in src/state/reducers
39 1
VisualA.tsx
in example/components/visuals
38 1
Files With Most Units (Top 20)
File# lines# units
Bookmark.ts
in src/util
75 15
index.tsx
in stories/components/StateList
111 14
spans.ts
in src/util
83 10
index.tsx
in src/components/Transport
137 9
EditBookmark.tsx
in src/components/Bookmark
155 8
index.tsx
in src/components/History
174 7
index.ts
in example/persister
41 3
index.ts
in example/state/reducers
55 3
EditableBookmark.tsx
in src/components/Bookmark
67 3
index.tsx
in src/components/Bookmark
59 3
Configuration.ts
in src/state
15 3
VisualB.tsx
in example/components/visuals
47 2
visuals.ts
in example/state/reducers/app
19 2
index.tsx
in src/components/Continuation
42 2
index.tsx
in src/components/DiscoveryTrail
97 2
HistoryTabs.tsx
in src/components/History
64 2
BranchListContainer.tsx
in src/components/History/HistoryView
133 2
StateListContainer.tsx
in src/components/History/HistoryView
123 2
State.tsx
in src/components/State
124 2
Application.tsx
in example/components
34 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
DiscoveryTrail.scss
in src/components/DiscoveryTrail
68 - 2
ChronologicalHistoryView.tsx
in src/components/History/HistoryView
78 1 1
BookmarkListContainer.tsx
in src/components/History/StoryboardingView
81 - 1
index.tsx
in src/components/History
174 7 1