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 87 files with 3,600 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)
- 3 small files (343 lines of code)
- 84 very small files (3,257 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 |
|---|---|---|
 signup-login-canvas.tsx in client/src/Components/SignupLogin |
124 | - |
signup-login-provider.tsx in client/src/Components/SignupLogin |
112 | - |
chat-canvas.tsx in client/src/Components/Chat |
107 | - |
 crisis.css in client/src/Components/Crisis |
90 | - |
 Dummy.ts in client/src/util |
84 | - |
chat.css in client/src/Components/Chat |
81 | - |
signup-login.css in client/src/Components/SignupLogin |
80 | - |
chat-provider.tsx in client/src/Components/Chat |
79 | - |
create-chat.css in client/src/Components/CreateChat |
73 | - |
topics-canvas.tsx in client/src/Components/Topics |
71 | - |
getChat.ts in server/requests/get-requests |
70 | - |
getChatPreviews.ts in server/requests/get-requests |
70 | - |
message.tsx in client/src/Components/Messages |
68 | - |
events-canvas.tsx in client/src/Components/Events |
67 | - |
data-card.css in client/src/Components/DataCard |
65 | - |
contacts-canvas.tsx in client/src/Components/Contacts |
63 | 3 |
crisis-preview.css in client/src/Components/CrisisPreview |
59 | - |
create-chat-canvas.tsx in client/src/Components/CreateChat |
56 | - |
create-chat-provider.tsx in client/src/Components/CreateChat |
56 | - |
LocalizationProvider.tsx in client/src/Components |
56 | - |
getTrendingKeywords.ts in server/requests/get-requests |
56 | - |
App.tsx in client/src/Components |
55 | - |
dashboard.css in client/src/Components/Dashboard |
54 | - |
trending-posts-preview-canvas.tsx in client/src/Components/TrendingPostsPreview |
54 | - |
message.css in client/src/Components/Messages |
53 | - |
info-card.tsx in client/src/Components/InfoCard |
52 | - |
trending-keywords-preview-canvas.tsx in client/src/Components/TrendingKeywordsPreview |
52 | - |
forum-canvas.tsx in client/src/Components/Forum |
51 | - |
data-card.tsx in client/src/Components/DataCard |
50 | - |
create-form-canvas.tsx in client/src/Components/CreateForm |
47 | - |
topic.css in client/src/Components/Topic |
45 | - |
server.ts in server |
43 | - |
navigation-bar.tsx in client/src/Components/Navigation |
42 | - |
base-requests.ts in client/src/util |
42 | - |
contacts-provider.tsx in client/src/Components/Contacts |
41 | - |
events-provider.tsx in client/src/Components/Events |
40 | - |
forum-provider.tsx in client/src/Components/Forum |
40 | - |
topics-provider.tsx in client/src/Components/Topics |
40 | - |
topics.css in client/src/Components/Topics |
40 | - |
dashboard.tsx in client/src/Components/Dashboard |
39 | - |
navigation-bar.css in client/src/Components/Navigation |
39 | - |
createChat.ts in server/requests/post-requests |
38 | - |
create-form-provider.tsx in client/src/Components/CreateForm |
37 | - |
dashboard-tile-button.css in client/src/Components/DashboardTileButton |
37 | - |
info-card.css in client/src/Components/InfoCard |
37 | - |
create-form.css in client/src/Components/CreateForm |
35 | - |
loading-bubbles.tsx in client/src/Components/LoadingBubbles |
34 | - |
search-bar.css in client/src/Components/SearchBar |
34 | - |
contacts.css in client/src/Components/Contacts |
33 | - |
dashboard-tile.tsx in client/src/Components/DashboardTile |
33 | - |
Files With Most Units (Top 3)
| File | # lines | # units |
|---|---|---|
contacts-canvas.tsx in client/src/Components/Contacts |
63 | 3 |
Helpers.ts in client/src/util |
8 | 2 |
UserProvider.tsx in client/src/Components |
31 | 1 |
Files With Long Lines (Top 20)
There are 21 files with lines longer than 120 characters. In total, there are 37 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
signup-login-canvas.tsx in client/src/Components/SignupLogin |
124 | - | 8 |
chat-canvas.tsx in client/src/Components/Chat |
107 | - | 4 |
crisis-preview.tsx in client/src/Components/CrisisPreview |
28 | - | 3 |
navigation-bar.tsx in client/src/Components/Navigation |
42 | - | 3 |
info-card.tsx in client/src/Components/InfoCard |
52 | - | 2 |
base-requests.ts in client/src/util |
42 | - | 2 |
chat-provider.tsx in client/src/Components/Chat |
79 | - | 1 |
create-form-provider.tsx in client/src/Components/CreateForm |
37 | - | 1 |
dashboard-tile.tsx in client/src/Components/DashboardTile |
33 | - | 1 |
dashboard-tile-button.tsx in client/src/Components/DashboardTileButton |
25 | - | 1 |
data-card.tsx in client/src/Components/DataCard |
50 | - | 1 |
forum-canvas.tsx in client/src/Components/Forum |
51 | - | 1 |
forum-provider.tsx in client/src/Components/Forum |
40 | - | 1 |
search-page.tsx in client/src/Components/SearchPage |
33 | - | 1 |
topics-canvas.tsx in client/src/Components/Topics |
71 | - | 1 |
trending-keywords-preview-canvas.tsx in client/src/Components/TrendingKeywordsPreview |
52 | - | 1 |
trending-keywords-preview-provider.tsx in client/src/Components/TrendingKeywordsPreview |
29 | - | 1 |
trending-posts-preview-canvas.tsx in client/src/Components/TrendingPostsPreview |
54 | - | 1 |
trending-posts-preview-provider.tsx in client/src/Components/TrendingPostsPreview |
32 | - | 1 |
getChat.ts in server/requests/get-requests |
70 | - | 1 |