firebase / firebase-tools-ui
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 286 files with 15,540 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 7 medium size files (1,802 lines of codeclsfd_ftr_w_mp_ins)
    • 35 small files (4,917 lines of code)
    • 244 very small files (8,821 lines of code)
0% | 0% | 11% | 31% | 56%
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% | 15% | 32% | 52%
scss0% | 0% | 8% | 20% | 71%
ts0% | 0% | 0% | 43% | 56%
js0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
json50% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src/components/Firestore0% | 0% | 22% | 32% | 45%
src/components/LogViewer0% | 0% | 26% | 50% | 22%
src/components/common0% | 0% | 12% | 21% | 66%
src/components/Database0% | 0% | 0% | 50% | 50%
src/components/Storage0% | 0% | 0% | 19% | 80%
src/store/auth0% | 0% | 0% | 64% | 35%
src/components/Auth0% | 0% | 0% | 18% | 81%
src/components/Home0% | 0% | 0% | 60% | 39%
src/store0% | 0% | 0% | 88% | 11%
src0% | 0% | 0% | 0% | 100%
src/components/App0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
public0% | 0% | 0% | 0% | 100%
src/store/config0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
index.tsx
in src/components/Firestore/DocumentEditor
412 2
store.tsx
in src/components/Firestore/DocumentPreview
283 11
_material-overrides-buttons.scss
in src/components/common
231 -
HighlightedJSON.tsx
in src/components/LogViewer
231 -
Collection.tsx
in src/components/Firestore
217 1
FieldPreview.tsx
in src/components/Firestore/DocumentPreview
215 -
CollectionFilter.tsx
in src/components/Firestore/CollectionFilter
213 -
QueryBar.tsx
in src/components/LogViewer
195 1
Table.tsx
in src/components/Storage/Card/Table
193 2
utils.ts
in src/components/Firestore
181 20
utils.ts
in src/components/Firestore/DocumentEditor
179 10
NodeActions.tsx
in src/components/Database/DataViewer
174 -
fetch.ts
in src/components/Database/DataViewer/common
170 10
NodeTabularDisplay.tsx
in src/components/Database/DataViewer
168 7
EmulatorConfigProvider.tsx
in src/components/common
167 13
index.scss
in src/components/Firestore/Requests/RequestDetails/CodeViewer
162 -
FirestoreEmulatedApiProvider.tsx
in src/components/Firestore
160 7
sagas.ts
in src/store/auth
155 5
useStorageFiles.tsx
in src/components/Storage/api
153 15
index.tsx
in src/components/Firestore/Requests/RequestDetails
150 5
UsersTable.tsx
in src/components/Auth/UsersCard/table
149 -
index.tsx
in src/components/Home
148 -
utils.ts
in src/store
148 12
store.tsx
in src/components/Firestore/DocumentEditor
143 2
CloneDialog.tsx
in src/components/Database/DataViewer
141 -
History.scss
in src/components/LogViewer
136 -
icons.tsx
in src/components/common
134 1
index.scss
in src/components/Firestore/Requests/RequestsCard/Table
128 -
InlineQuery.tsx
in src/components/Database/DataViewer
127 -
index.tsx
in src/components/Firestore/Requests/RequestPath
127 2
reducer.tsx
in src/store/auth
123 1
Database.tsx
in src/components/Database
121 -
AddCollectionDialog.tsx
in src/components/Firestore/dialogs
115 -
NodeParent.tsx
in src/components/Database/DataViewer
114 -
models.ts
in src/components/Firestore
114 3
index.scss
in src/components/Firestore
111 -
Field.tsx
in src/components/common
110 -
UserForm.tsx
in src/components/Auth/UserFormDialog
108 -
CollectionList.tsx
in src/components/Firestore
106 -
History.tsx
in src/components/LogViewer
105 -
AddDocumentDialog.tsx
in src/components/Firestore/dialogs
101 -
TableRow.tsx
in src/components/Firestore/Requests/RequestsCard/Table
101 1
InteractiveBreadCrumbBar.tsx
in src/components/common
99 -
EmailPassword.tsx
in src/components/Auth/UserFormDialog/controls
98 2
index.tsx
in src/components/Firestore/Requests/RequestsCard/Table
98 -
server.js
in root
97 5
ImportDialog.tsx
in src/components/Database/DataViewer
97 -
DatabaseContainer.tsx
in src/components/Database
97 -
NodeLeaf.tsx
in src/components/Database/DataViewer
96 -
index.tsx
in src/components/Firestore/Requests/RequestDetails/CodeViewer
96 3
Files With Most Units (Top 20)
File# lines# units
utils.ts
in src/components/Firestore
181 20
useStorageFiles.tsx
in src/components/Storage/api
153 15
EmulatorConfigProvider.tsx
in src/components/common
167 13
utils.ts
in src/store
148 12
useMultiselect.ts
in src/components/Storage/common
73 11
store.tsx
in src/components/Firestore/DocumentPreview
283 11
fetch.ts
in src/components/Database/DataViewer/common
170 10
utils.ts
in src/components/Firestore/DocumentEditor
179 10
types.ts
in src/components/Firestore/DocumentEditor
82 10
api.ts
in src/components/Auth
82 9
NodeTabularDisplay.tsx
in src/components/Database/DataViewer
168 7
FirestoreEmulatedApiProvider.tsx
in src/components/Firestore
160 7
rest_api.ts
in src/components/common
73 6
server.js
in root
97 5
useTokens.tsx
in src/components/Storage/api
51 5
index.tsx
in src/components/Firestore/Requests/RequestDetails
150 5
sagas.ts
in src/store/auth
155 5
renderWithStorage.tsx
in src/components/Storage/testing
53 4
FirestoreRequestsProvider.tsx
in src/components/Firestore/Requests
92 4
api.tsx
in src/components/Firestore/DocumentPreview
57 4
Files With Long Lines (Top 4)

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

File# lines# units# long lines
icons.tsx
in src/components/common
134 1 8
Logo.tsx
in src/components/common
91 - 3
icons.tsx
in src/components/Database
28 - 2
FirestoreLogo.tsx
in src/components/Firestore
24 - 1